對(duì)于 UI 設(shè)計(jì),像網(wǎng)頁設(shè)計(jì)一樣,設(shè)計(jì)師并不能隨心所欲。盡管 UI 設(shè)計(jì)在另人驚
奇的工業(yè) 4.0 中仍然有很多的機(jī)會(huì),但是同樣地也有一些隱藏的挑戰(zhàn)。在這里我
不會(huì)帶來一些設(shè)計(jì)模式或者要提醒你做 A/B 測(cè)試,我會(huì)討論一些設(shè)計(jì)上的挑戰(zhàn),
他們經(jīng)常在整個(gè)項(xiàng)目過程中被忽視。
1.新的看起來不錯(cuò)的 GUI 元素
對(duì)于鏈接,按鈕,滾動(dòng)條等元素的設(shè)計(jì)趨勢(shì)并沒有終點(diǎn)。在 web 上,我們有新
出現(xiàn)的“漢堡包菜單”icon,幽靈按鈕,水平滾動(dòng)的頁面等等。盡管他們看起來
不錯(cuò)另人驚奇的,你也必須花時(shí)間想想問問你自己:“他們會(huì)讓用戶操作困難
嗎?”
如果答案是“yes”,那么祝賀你,你已經(jīng)失去了你的一部分用戶。
UI 設(shè)計(jì)師的職責(zé)是確保產(chǎn)品可用,易理解,在這樣的情況下:響應(yīng)突然的動(dòng)作
的按鈕應(yīng)該清楚地可見;水平滾動(dòng)的頁面或許被用在特定的場(chǎng)景,但是也會(huì)經(jīng)常
使用戶迷惑。
我不想說另人討厭的話了, Dolores Umbridge 的話在這里或許適合,“為了
創(chuàng)新而創(chuàng)新必須被勸阻”。不要為了與眾不同而去追求那些新的設(shè)計(jì)趨勢(shì)。
2.看起來像一個(gè)鏈接卻不是
我們都知道用戶沒有時(shí)間和耐心,不要用你的設(shè)計(jì)來戲弄你的用戶。這真的是不
經(jīng)過大腦思考。
我們通過點(diǎn)擊看起來像鏈接的文本來在不同的網(wǎng)頁之間進(jìn)行切換,我們把光標(biāo)放
在看起來像鏈接的文本上,文本輕微變化,那當(dāng)然是一個(gè)鏈接。我們把光標(biāo)放在
看起來是鏈接的文本上卻什么變化也沒有,任何變化都沒有。如果他不是一個(gè)鏈
接為什么他要假裝是一個(gè)鏈接呢?
把一個(gè)不可點(diǎn)擊的文本做成像鏈接的樣子就是欺騙,或許有時(shí)候這樣做并不會(huì)激
怒用戶,實(shí)話實(shí)說,我也不知道會(huì)發(fā)生什么。因此要合適的設(shè)計(jì)你的鏈接和按鈕,
不要讓用戶誤會(huì)你的設(shè)計(jì)元素。
3.必須要有導(dǎo)航
考慮這倆個(gè)例子:漢堡包菜單和無限滾動(dòng)。這倆個(gè)現(xiàn)在都很受歡迎,但也被一部
分網(wǎng)站使用后拋棄。你的網(wǎng)站的信息架構(gòu)是不是需要這么做?
我們?cè)谝恍┖苁軞g迎的平臺(tái)上看到無限滾動(dòng)的例子:谷歌圖片,Twitter,
Facebook,甚至是一些電子商務(wù)網(wǎng)站,這能吸引用戶的興趣,隱藏導(dǎo)航,但是
請(qǐng)不要忘了:你的用戶如何定位內(nèi)容?他們?cè)趺磥碓谒麄兿矚g的內(nèi)容之間切換?
他們?cè)趺磸?fù)制你提供的所有內(nèi)容?
對(duì)于漢堡包菜單:一個(gè)能使導(dǎo)航消失的的神奇 icon。你很容易被誘惑去使用漢
堡包菜單,或者你已經(jīng)用了它。看看別人是怎么說的:
漢堡包菜單就像為了讓你的房子干凈整潔然后把東西都塞在柜子里面。
讓我們看看硬幣的另一面:
用戶往往只是對(duì)網(wǎng)站掃描一遍。明顯的內(nèi)容也只會(huì)在用戶的視線中停留幾秒,其
他的內(nèi)容就呆在了黑暗的角落里。就像上面說的,漢堡包菜單就像是為了讓你的
房子干凈然后把東西都塞在柜子里。NBC News 嘗試使用它但是失敗了。不要
讓導(dǎo)航不可見,你可以把導(dǎo)航放在 4 到 5 個(gè) tab 欄里,如果你的內(nèi)容太多多于 5
個(gè),你需要考慮你的內(nèi)容和信息層級(jí)了。
4.讓表單人性一些
關(guān)于 UI 設(shè)計(jì)的任何討論沒有提及表單是不完全的,但是不要擔(dān)心,我不會(huì)反復(fù)
論述關(guān)于內(nèi)聯(lián)確認(rèn),或者進(jìn)度條,或者表單重置,或者占位符文本。
所有最基本的是(至少目前是基本的),我想討論語氣。表單應(yīng)該用上交流的語
氣并且關(guān)注“用戶需要提供什么”而不是“你需要從用戶那里得到什么”,把表
單的標(biāo)簽以問題的形式表現(xiàn)出來。
簡(jiǎn)單地把關(guān)注的焦點(diǎn)從你轉(zhuǎn)變?yōu)槟愕挠脩簦箍菰铮瑹o聊的任務(wù)更簡(jiǎn)單,更人性
化。
5.和顧客之間的沖突
這不應(yīng)該是一個(gè)值得討論的問題,直到你嚴(yán)肅的問你自己在地球上為什么要成為
UI 設(shè)計(jì)師。這經(jīng)常發(fā)生在你的顧客(甲方)和利益相關(guān)者鄙視你的主意并且想
要給你灌輸他們的想法的時(shí)候。
這時(shí)作為好斗的,自私的設(shè)計(jì)師的你經(jīng)常會(huì)咒罵他們直到提醒你是他們付給你薪
水。冷靜的專業(yè)的設(shè)計(jì)師經(jīng)常會(huì)在給出替代品和進(jìn)行辯論之前站在顧客的角度上
思考問題。
但是有時(shí)候,盡管你已經(jīng)很努力了,你的設(shè)計(jì)作品仍然會(huì)被拒絕,因?yàn)槟愫湍愕?/p>
顧客溝通上的失敗。在這種情況下,練習(xí)你的溝通技巧,面對(duì)失敗一直向前。
總結(jié)
1.GUI 元素的外表:標(biāo)準(zhǔn)的就是安全的(要通過測(cè)試)
2.不要設(shè)計(jì)出讓你的用戶誤解的東西,鏈接就看起來像鏈接,不是鏈接就不應(yīng)該
長(zhǎng)得像鏈接。
3.在盲目的追隨設(shè)計(jì)模式之前考慮清楚你的信息架構(gòu)
4.表單中一個(gè)交流的語氣能讓用戶更輕松一些
5.盡力和你的顧客,利益相關(guān)者交談溝通并理解他們的動(dòng)機(jī)