這是25學(xué)堂在國(guó)外某個(gè)設(shè)計(jì)網(wǎng)站看到的關(guān)于跨平臺(tái)UX設(shè)計(jì)五項(xiàng)原則的觀點(diǎn),覺(jué)得說(shuō)的還是有用的。顧摘錄了幾個(gè)不錯(cuò)的設(shè)計(jì)的信息點(diǎn)跟大家分享。下面的信息圖就是跨平臺(tái)UX設(shè)計(jì)法則示意圖。
這是國(guó)外的APP設(shè)計(jì)師總結(jié)了他自己,在 UX 設(shè)計(jì)中所運(yùn)用到的 5 個(gè)有用的UX設(shè)計(jì)的關(guān)鍵詞:
1. 易理解(Digestibility)
好的設(shè)計(jì)很容易理解。大腦不需要花很大精力就知道正在看什么。如果設(shè)計(jì)得當(dāng),用戶應(yīng)該很快就能明白,不需要過(guò)多的解釋。
這條原則不僅要求寫(xiě)出清晰易讀的文案,比如有時(shí)候人們需要一些指導(dǎo)來(lái)做出決定,但是一下給出 12 條文字說(shuō)明可能看起來(lái)有點(diǎn)嚇人。這時(shí)候,把文字信息通過(guò)字號(hào)、顏色、圖標(biāo)等方式排出層級(jí),突出重點(diǎn),讓人們?cè)谧疃痰臅r(shí)間內(nèi)找到自己需要的內(nèi)容。
關(guān)于易理解度的另一個(gè)的例子是新用戶指引。如果新用戶在初次使用產(chǎn)品時(shí)面對(duì)的是一大堆文字說(shuō)明而沒(méi)有具體的操作場(chǎng)景,那他們很可能會(huì)感到十分困惑又不知所措。相反,在使用每個(gè)新功能時(shí)給一些小提示則能夠得到更好的效果。
總之,要意識(shí)到人是有認(rèn)知局限的,因此盡可能降低人們做決策的難度才能提供更好的用戶體驗(yàn)。
2. 清晰(Clarity)
好設(shè)計(jì)是十分誠(chéng)實(shí)的。你需要用戶了解的是產(chǎn)品的真正價(jià)值,而不是你宣揚(yáng)的公司 “價(jià)值主張”。如果產(chǎn)品扭扭捏捏,不清不楚就沒(méi)法吸引到任何粉絲。
比如在標(biāo)明價(jià)格時(shí)尤其需要表述清晰。用戶在沒(méi)了解清楚為何付費(fèi)時(shí)是不會(huì)點(diǎn) “立即購(gòu)買(mǎi)” 按鈕的。而那些 “免費(fèi)試用” 結(jié)束后悄悄自動(dòng)計(jì)費(fèi)的產(chǎn)品,我認(rèn)為也難成大器。
3. 信任(Trust)
好的設(shè)計(jì)容易讓人產(chǎn)生信賴感。在要求用戶完成任何操作前,一定要盡量幫助他們理解為什么需要進(jìn)行這項(xiàng)操作。每一個(gè)步驟都作出誠(chéng)實(shí)明白地說(shuō)明,讓用戶接下來(lái)的操作更容易作出選擇。
比如說(shuō) Uber,它可以幫你存儲(chǔ)支付信息,并使你產(chǎn)生信賴感,這樣你在和陌生人交易時(shí)就不會(huì)感到不舒服,最終可以順利地完成交易。
消除用戶的疑慮是一種不可見(jiàn)的體驗(yàn)。隨著用戶決策所需要的資源越來(lái)越少,使用產(chǎn)品也變得更簡(jiǎn)單、更有趣。
4、熟悉(Familiarity)
全新設(shè)計(jì)很棒,但是漸進(jìn)式的改變看起來(lái)更好。新的框架和華麗的插件在 Dribbble 等設(shè)計(jì)平臺(tái)上看起來(lái)可能很不錯(cuò),但如果你應(yīng)用了之后沒(méi)有人點(diǎn)擊 “購(gòu)買(mǎi)” 按鈕,那可就麻煩了。
在跨平臺(tái)設(shè)計(jì)時(shí)需要統(tǒng)一規(guī)范是有原因的。但是在各個(gè)平臺(tái)上設(shè)計(jì)得完全一樣也是不可取的,你還是需要尊重每種 OS 細(xì)節(jié)上設(shè)計(jì)的規(guī)范,使用人們熟悉的模式、圖標(biāo)和呈現(xiàn)風(fēng)格,增加用戶的親近感。
5. 愉悅(Delight)
在做產(chǎn)品時(shí),僅有理念是不夠的,更重要的是執(zhí)行。設(shè)計(jì)團(tuán)隊(duì)做的越多,用戶需要做的就越少。對(duì)于一個(gè)復(fù)雜的問(wèn)題,你給出的解決方案越簡(jiǎn)單,用戶使用時(shí)就越開(kāi)心。
用戶在使用產(chǎn)品中最開(kāi)心的事情就是忘記這是一款 “產(chǎn)品”,而是生活中一個(gè)非常實(shí)用的工具。
25學(xué)堂再跟大家一起總結(jié)下:
一、跨平臺(tái)的UX設(shè)計(jì)法則:
1、一致的功能點(diǎn)范圍。
2、一致的信息架構(gòu)。
3、一致的品牌化視覺(jué)設(shè)計(jì):logo、圖標(biāo)、文字、顏色。
4、導(dǎo)航方案、頁(yè)面布局、控件的交互、交互模式遵循平臺(tái)規(guī)范。
二、跨設(shè)備UX設(shè)計(jì)法則:
1、設(shè)備的根本交互屬性決定了信息架構(gòu)組織方式。
2、同類(lèi)屬性的設(shè)備中,不同設(shè)備的功能點(diǎn)可以根據(jù)設(shè)備長(zhǎng)處和短處有所差別,但是核心功能需追求一致的信息架構(gòu)與內(nèi)在邏輯。
3、一致的品牌化視覺(jué)設(shè)計(jì)、logo、圖標(biāo)、文字、顏色。
4、導(dǎo)航方案、頁(yè)面布局、控件的交互、交互模式遵循平臺(tái)規(guī)范。
5、如果是web實(shí)現(xiàn),使用一致的控件并采用響應(yīng)式設(shè)計(jì),謹(jǐn)慎使用“hover”。
三、設(shè)備協(xié)同的UX設(shè)計(jì)原則:
1、從end-to-end的大場(chǎng)景入手思考,而不是從獨(dú)立的功能入手。
2、發(fā)揮每個(gè)設(shè)備的長(zhǎng)處,關(guān)注設(shè)備間長(zhǎng)短處的互補(bǔ)。
3、盡可能在設(shè)備間保持一致的mental model。
4、無(wú)縫的續(xù)接。
5、嘗試?yán)矛F(xiàn)實(shí)世界中的物理動(dòng)作。
四、體驗(yàn)服務(wù)設(shè)計(jì)的思想精髓:
1、整體視角、綜合考量,不局限與某一個(gè)環(huán)節(jié)、某個(gè)頻道。
2、抓住每一個(gè)觸點(diǎn)。
3、確保每個(gè)角色的利益輸入和利益輸出的平衡。
4、讓系統(tǒng)“永動(dòng)”起來(lái)。
又興趣的可以去看下跨平臺(tái)UX設(shè)計(jì)原則視頻公開(kāi)課:《http://www.meia.me/course/168401?p=258》
全站高品質(zhì)素材免費(fèi)下載!