實(shí)現(xiàn)跨平臺(tái)UI/UX設(shè)計(jì)中，用戶界面設(shè)計(jì)體驗(yàn)的 5 大步驟

從手機(jī)端、PC電腦端、VTM、電視、車機(jī)HMI...等，我們?cè)诳缙脚_(tái)的UI/UX設(shè)計(jì)中為創(chuàng)建更好的用戶體驗(yàn)設(shè)計(jì)，不是簡(jiǎn)單地拉伸以適應(yīng)屏幕，而是非常有必要制定針對(duì)各種設(shè)備和屏幕尺寸的有效的設(shè)計(jì)策略。


第一，確定核心用戶體驗(yàn)的功能性
產(chǎn)品的不同端都具備其核心的用戶體驗(yàn)，要找到產(chǎn)品的核心用戶體驗(yàn)，請(qǐng)問自己一個(gè)問題：“客戶/用戶需要完成的最常見和最重要的任務(wù)是什么？ ” 在您用于產(chǎn)品的每個(gè)渠道上支持這些核心任務(wù)至關(guān)重要。例如，百度地圖的核心用戶體驗(yàn)是隨時(shí)輕松為我導(dǎo)航到目的地，所以無論屏幕尺寸如何，此功能都應(yīng)該在用于此目的的每個(gè)設(shè)備上都能正常工作。

第二，確定不同設(shè)備的組合/配合策略
確定您產(chǎn)品的設(shè)備組盡管有無數(shù)的設(shè)備具有不同的屏幕尺寸，并且絕對(duì)不可能針對(duì)單個(gè)設(shè)備，但可以根據(jù)用戶可能關(guān)注的任務(wù)為您的產(chǎn)品定義設(shè)備組。最常見的設(shè)備組是：手機(jī)+平板+電腦臺(tái)式機(jī)+智能電視+智能手表+車機(jī)HMI。


不同的設(shè)備組合在不同的使用環(huán)境中為用戶提供不同的服務(wù)，同時(shí)不同的屏幕類型采用的交互模式也不一樣。了解各種設(shè)備類型的基本上下文假設(shè)對(duì)于構(gòu)建良好的用戶體驗(yàn)至關(guān)重要。

第三，為不同的環(huán)境提供不同體驗(yàn)設(shè)計(jì)
我們?cè)卺槍?duì)不同設(shè)備組進(jìn)行設(shè)計(jì)時(shí)，針對(duì)上下文進(jìn)行設(shè)計(jì)尤其重要，首先，并非所有功能都適用于所有設(shè)備。您需要確定您的產(chǎn)品在不同設(shè)備組中使用的不同場(chǎng)景，并設(shè)計(jì)適合每個(gè)場(chǎng)景的體驗(yàn)。其次，不同的屏幕允許不同的輸入方法，以觸摸輸入為例，人們?cè)谑謾C(jī)或智能手表對(duì)于按鈕的大小和熱區(qū)就很敏感。

第四，優(yōu)先考慮最小屏幕的設(shè)計(jì)
設(shè)計(jì)師總應(yīng)該從最小的屏幕開始設(shè)計(jì)，最好使用移動(dòng)優(yōu)先方法進(jìn)行設(shè)計(jì)，因?yàn)槿绻谛畔?功能一樣的情況下，能做好適配小設(shè)備，才能更輕松的去適配大設(shè)備，以減少工作量，不過在大多數(shù)情況下，手機(jī)將是最小的相關(guān)屏幕尺寸。如果可穿戴設(shè)備對(duì)您很重要，那么您將需要考慮分辨率更小的微屏幕，當(dāng)然設(shè)計(jì)過程中不要忘記大屏幕/設(shè)備對(duì)圖片畫質(zhì)的影響哦。

第五，提供一致的體驗(yàn)
一致的體驗(yàn)意味著應(yīng)用程序及其體驗(yàn)在所有屏幕尺寸上都相似，無論什么設(shè)備，一致的用戶體驗(yàn)都是成功的用戶體驗(yàn)的關(guān)鍵之一，讓用戶在設(shè)備上與您的產(chǎn)品進(jìn)行交互的用戶變得更加輕松，也更容易構(gòu)建體系化和家族化的設(shè)計(jì)語(yǔ)言。 

最后，作為用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)，需要牢記在跨平臺(tái)設(shè)計(jì)中完成出色的用戶體驗(yàn)的 5 個(gè)步驟，必須評(píng)估產(chǎn)品的使用時(shí)間、地點(diǎn)和運(yùn)作方式，以便設(shè)計(jì)出流暢、無縫、最佳用戶體驗(yàn)設(shè)計(jì)作品。