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

0 評(píng)論 11315 瀏覽 87 收藏 7 分鐘

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

要看你的了:

1.新的看起來(lái)不錯(cuò)的GUI元素

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

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

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

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

2.看起來(lái)像一個(gè)鏈接卻不是

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

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

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

1

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

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

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

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

我們?cè)谝恍┖苁軞g迎的平臺(tái)上看到無(wú)限滾動(dòng)的例子:谷歌圖片,Twitter,F(xiàn)acebook,甚至是一些電子商務(wù)網(wǎng)站,這能吸引用戶的興趣,隱藏導(dǎo)航,但是請(qǐng)不要忘了:你的用戶如何定位內(nèi)容?他們?cè)趺磥?lái)在他們喜歡的內(nèi)容之間切換?他們?cè)趺磸?fù)制你提供的所有內(nèi)容?

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

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

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

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

4.讓表單人性一些

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

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

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

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

5.和顧客之間的沖突

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

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

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

總結(jié)

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

#專欄作家#

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

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

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