UI設(shè)計師面對的5個挑戰(zhàn)

0 評論 11199 瀏覽 87 收藏 7 分鐘

對于UI設(shè)計,像網(wǎng)頁設(shè)計一樣,設(shè)計師并不能隨心所欲。盡管UI設(shè)計在另人驚奇的工業(yè)4.0中仍然有很多的機(jī)會,但是同樣地也有一些隱藏的挑戰(zhàn)。在這里我不會帶來一些設(shè)計模式或者要提醒你做A/B測試,我會討論一些設(shè)計上的挑戰(zhàn),他們經(jīng)常在整個項目過程中被忽視。

要看你的了:

1.新的看起來不錯的GUI元素

對于鏈接,按鈕,滾動條等元素的設(shè)計趨勢并沒有終點(diǎn)。在web上,我們有新出現(xiàn)的“漢堡包菜單”icon,幽靈按鈕,水平滾動的頁面等等。盡管他們看起來不錯另人驚奇的,你也必須花時間想想問問你自己:“他們會讓用戶操作困難嗎?”

如果答案是“yes”,那么祝賀你,你已經(jīng)失去了你的一部分用戶。

UI設(shè)計師的職責(zé)是確保產(chǎn)品可用,易理解,在這樣的情況下:響應(yīng)突然的動作的按鈕應(yīng)該清楚地可見;水平滾動的頁面或許被用在特定的場景,但是也會經(jīng)常使用戶迷惑。

我不想說另人討厭的話了, Dolores Umbridge的話在這里或許適合,“為了創(chuàng)新而創(chuàng)新必須被勸阻”。不要為了與眾不同而去追求那些新的設(shè)計趨勢。

2.看起來像一個鏈接卻不是

我們都知道用戶沒有時間和耐心,不要用你的設(shè)計來戲弄你的用戶。這真的是不經(jīng)過大腦思考。

我們通過點(diǎn)擊看起來像鏈接的文本來在不同的網(wǎng)頁之間進(jìn)行切換,我們把光標(biāo)放在看起來像鏈接的文本上,文本輕微變化,那當(dāng)然是一個鏈接。我們把光標(biāo)放在看起來是鏈接的文本上卻什么變化也沒有,任何變化都沒有。如果他不是一個鏈接為什么他要假裝是一個鏈接呢?

把一個不可點(diǎn)擊的文本做成像鏈接的樣子就是欺騙,或許有時候這樣做并不會激怒用戶,實(shí)話實(shí)說,我也不知道會發(fā)生什么。這是一個例子:

1

實(shí)際上紅色的箭頭和標(biāo)題是不可以點(diǎn)擊的

因此要合適的設(shè)計你的鏈接和按鈕,不要讓用戶誤會你的設(shè)計元素。

3.必須要有導(dǎo)航

考慮這倆個例子:漢堡包菜單和無限滾動。這倆個現(xiàn)在都很受歡迎,但也被一部分網(wǎng)站使用后拋棄。你的網(wǎng)站的信息架構(gòu)是不是需要這么做?

我們在一些很受歡迎的平臺上看到無限滾動的例子:谷歌圖片,Twitter,F(xiàn)acebook,甚至是一些電子商務(wù)網(wǎng)站,這能吸引用戶的興趣,隱藏導(dǎo)航,但是請不要忘了:你的用戶如何定位內(nèi)容?他們怎么來在他們喜歡的內(nèi)容之間切換?他們怎么復(fù)制你提供的所有內(nèi)容?

對于漢堡包菜單:一個能使導(dǎo)航消失的的神奇icon。你很容易被誘惑去使用漢堡包菜單,或者你已經(jīng)用了它??纯磩e人是怎么說的:

漢堡包菜單就像為了讓你的房子干凈整潔然后把東西都塞在柜子里面。

讓我們看看硬幣的另一面:

用戶往往只是對網(wǎng)站掃描一遍。明顯的內(nèi)容也只會在用戶的視線中停留幾秒,其他的內(nèi)容就呆在了黑暗的角落里。就像上面說的,漢堡包菜單就像是為了讓你的房子干凈然后把東西都塞在柜子里。NBC News嘗試使用它但是失敗了。不要讓導(dǎo)航不可見,你可以把導(dǎo)航放在4到5個tab欄里,如果你的內(nèi)容太多多于5個,你需要考慮你的內(nèi)容和信息層級了。

4.讓表單人性一些

關(guān)于UI設(shè)計的任何討論沒有提及表單是不完全的,但是不要擔(dān)心,我不會反復(fù)論述關(guān)于內(nèi)聯(lián)確認(rèn),或者進(jìn)度條,或者表單重置,或者占位符文本。

所有最基本的是(至少目前是基本的),我想討論語氣。

表單應(yīng)該用上交流的語氣并且關(guān)注“用戶需要提供什么”而不是“你需要從用戶那里得到什么”,把表單的標(biāo)簽以問題的形式表現(xiàn)出來。

簡單地把關(guān)注的焦點(diǎn)從你轉(zhuǎn)變?yōu)槟愕挠脩?,使枯燥,無聊的任務(wù)更簡單,更人性化。

5.和顧客之間的沖突

這不應(yīng)該是一個值得討論的問題,直到你嚴(yán)肅的問你自己在地球上為什么要成為UI設(shè)計師。這經(jīng)常發(fā)生在你的顧客(甲方)和利益相關(guān)者鄙視你的主意并且想要給你灌輸他們的想法的時候。

這時作為好斗的,自私的設(shè)計師的你經(jīng)常會咒罵他們直到提醒你是他們付給你薪水。冷靜的專業(yè)的設(shè)計師經(jīng)常會在給出替代品和進(jìn)行辯論之前站在顧客的角度上思考問題。

但是有時候,盡管你已經(jīng)很努力了,你的設(shè)計作品仍然會被拒絕,因?yàn)槟愫湍愕念櫩蜏贤ㄉ系氖?。在這種情況下,練習(xí)你的溝通技巧,面對失敗一直向前。

總結(jié)

  • GUI元素的外表:標(biāo)準(zhǔn)的就是安全的(要通過測試)
  • 不要設(shè)計出讓你的用戶誤解的東西,鏈接就看起來像鏈接,不是鏈接就不應(yīng)該長得像鏈接。
  • 在盲目的追隨設(shè)計模式之前考慮清楚你的信息架構(gòu)
  • 表單中一個交流的語氣能讓用戶更輕松一些
  • 盡力和你的顧客,利益相關(guān)者交談溝通并理解他們的動機(jī)

#專欄作家#

法海,微信公眾號:uxd_design。人人都是產(chǎn)品經(jīng)理專欄作家。熱愛交互設(shè)計,熱愛用戶體驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!