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