作為用戶體驗(yàn)設(shè)計(jì)師,我們平時(shí)會大量的瀏覽其他產(chǎn)品的界面迂苛,做一些交互和視覺上的競品分析斑粱,這個(gè)不能叫做抄襲弃揽,因?yàn)槊恳粋€(gè)良好的界面都會有一些規(guī)律可循,并且遵循一定的設(shè)計(jì)準(zhǔn)則则北。在設(shè)計(jì)的時(shí)候遵循這些設(shè)計(jì)模式可以幫助用戶更快地熟悉界面來提高產(chǎn)品的可用性矿微。
一些設(shè)計(jì)師確認(rèn)為如果所有人都按固定的設(shè)計(jì)模式來設(shè)計(jì)產(chǎn)品的話會抹殺產(chǎn)品的創(chuàng)造性,最終有一天所有的app 會看起來一摸一樣尚揣。作為一個(gè)用戶體驗(yàn)設(shè)計(jì)師涌矢,我對于設(shè)計(jì)模式有一些不同的想法。如果你一直去遵循一些你認(rèn)為好的app的設(shè)計(jì)模式快骗,比如:google娜庇、facebook、微信等等方篮,你有沒有嘗試問過自己名秀,你們的設(shè)計(jì)目標(biāo)是否相同?
以下是一些被認(rèn)為出色的設(shè)計(jì)模式藕溅,但是在需要采用之前先考慮是否適合自己匕得?
1、隱藏導(dǎo)航
至今為止有無數(shù)關(guān)于交互設(shè)計(jì)師的討論是關(guān)于漢堡菜單的巾表。他們關(guān)于漢堡菜單的討論本質(zhì)上都是關(guān)于隱藏導(dǎo)航這一交互方式的討論汁掠。
結(jié)果就是:采用漢堡菜單你不必?fù)?dān)心屏幕的限制,你可以把你所有的導(dǎo)航列成一排塞到一個(gè)界面中集币,利用滾動的屏幕调塌,然后再默認(rèn)隱藏。
但是通過實(shí)驗(yàn)顯示:把你的選項(xiàng)直接顯示給用戶可以提高操作率和用戶滿意度惠猿。這就是為什么越來越多的大廠還是舍棄漢堡菜單而把一些最常用的操作選項(xiàng)直接展示給用戶。
2、隨處可見的ICON
因?yàn)橐苿釉O(shè)備屏幕大小的限制偶妖,一個(gè)最簡單的做法就是把用icon來替代文字以節(jié)省空間姜凄。圖形占空間小,其他app 也都這么做趾访,還會有什么問題态秧?
但實(shí)際上,設(shè)計(jì)師設(shè)計(jì)的一些圖標(biāo)對于用戶來說很難識別其背后的功能扼鞋。比如下面的這個(gè)申鱼,你能否從這個(gè)icon中明白其代表的功能是直接發(fā)送信息?
還有就是云头,試想一下你是一個(gè)從來沒有用過google翻譯的用戶捐友,你能知道點(diǎn)擊這個(gè)按鈕以后會發(fā)生什么嗎?
還有一種情況是需要彈出框來說明你icon的含義的時(shí)候溃槐,這種時(shí)候一開始就代表你設(shè)計(jì)的錯誤匣砖,可認(rèn)性高的圖標(biāo)是無論是是否作出解釋,用戶都可以馬上了解的昏滴。
但這也不是意味著你不能使用icon了猴鲫,比如一些撥號,搜索谣殊,播放拂共,設(shè)置等等的圖標(biāo)都有了默認(rèn)的認(rèn)知,是可以直接使用的姻几。
復(fù)雜并且抽象的功能一般是需要文字標(biāo)簽來進(jìn)行說明的宜狐。在下面這個(gè)例子中,圖標(biāo)的使用增強(qiáng)了菜單的可用性鲜棠,做到解釋說明的作用肌厨,同時(shí)也增加的app的個(gè)性。
3豁陆、手勢操作
蘋果手機(jī)把多點(diǎn)觸控的科技帶到了大眾的面前柑爸,用戶開始明白手機(jī)操作不僅僅可以通過點(diǎn)擊來操作。所以手勢操作被設(shè)計(jì)師越來越多的帶到了app中來盒音。
和隱藏導(dǎo)航表鳍、使用圖標(biāo)一樣,手勢操作為設(shè)計(jì)師節(jié)省屏幕空間的設(shè)計(jì)帶來了巨大的可能性祥诽。
但是我們需要知道的一點(diǎn)就是譬圣,通過手勢來操作的東西一直是被隱藏的,用戶需要記住它們才能進(jìn)行操作雄坪。此外用戶還需要通過學(xué)習(xí)甚至探索才能發(fā)現(xiàn)這個(gè)功能厘熟。
更不幸的是,大多數(shù)的手勢操作至今還沒有一個(gè)準(zhǔn)則可以跨平臺操作。這還是設(shè)計(jì)師一直在制定標(biāo)準(zhǔn)的領(lǐng)域绳姨。
4登澜、通過懸浮層進(jìn)行用戶指引
用戶引導(dǎo)是最近用戶體驗(yàn)領(lǐng)域的一個(gè)新話題,大多時(shí)候app采用一個(gè)懸浮層來進(jìn)行功能和界面的解釋飘庄。
為什么這不是一個(gè)好的選擇脑蠕?因?yàn)榇蠖鄶?shù)用戶會跳過你的介紹,他們只想開始使用app跪削。即使用戶注意到你的懸浮層谴仙,他們通常也會在關(guān)閉以后忘記。最重要的是碾盐,增加各種說明在你的界面上是不合格的晃跺。因?yàn)閮?yōu)秀的用戶界面不需要解釋,需要解釋是因?yàn)樵O(shè)計(jì)的不夠好廓旬。
一個(gè)很好的解決方式是漸進(jìn)式引導(dǎo)哼审,比如多鄰國app,它不說明這個(gè)app是怎么工作的孕豹。它在用戶初次使用的時(shí)候鼓勵用戶完成一些簡單的操作涩盾,用戶在使用中會學(xué)習(xí)得更快,并且在完成任務(wù)的時(shí)候會發(fā)現(xiàn)app的價(jià)值所在励背。
5春霍、富有創(chuàng)造性和直觀的空狀態(tài)
空狀態(tài)的設(shè)計(jì)經(jīng)常是被設(shè)計(jì)師忽略的部分,但是它往往會成為用戶體驗(yàn)的重要因素叶眉。也有一些設(shè)計(jì)師把空狀態(tài)作為一個(gè)展示創(chuàng)造力的機(jī)會址儒。
但是空狀態(tài)正是“l(fā)ess is more”的最佳實(shí)踐機(jī)會。首先你要告訴用戶在這個(gè)狀態(tài)下他該怎么做衅疙,然后再發(fā)揮你的創(chuàng)造性莲趣。
總結(jié)
獨(dú)立思考、獨(dú)立調(diào)研饱溢、獨(dú)立設(shè)計(jì)喧伞。
沒有一個(gè)設(shè)計(jì)模式是適合所有的產(chǎn)品,保持思考的狀態(tài)绩郎,發(fā)現(xiàn)產(chǎn)品目標(biāo)與用戶的不同點(diǎn)潘鲫,合理的使用設(shè)計(jì)模式,才能設(shè)計(jì)出完美的產(chǎn)品肋杖。