UI 設計技巧

對于UI 設計曼玩,像網頁設計一樣,設計師并不能隨心所欲筷畦。盡管UI設計在另人驚

奇的工業(yè)4.0 中仍然有很多的機會词裤,但是同樣地也有一些隱藏的挑戰(zhàn)刺洒。在這里我

不會帶來一些設計模式或者要提醒你做A/B測試,我會討論一些設計上的挑戰(zhàn)吼砂,

他們經常在整個項目過程中被忽視逆航。

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

對于鏈接,按鈕渔肩,滾動條等元素的設計趨勢并沒有終點因俐。在web 上,我們有新

出現的“漢堡包菜單”icon周偎,幽靈按鈕抹剩,水平滾動的頁面等等。盡管他們看起來不錯另人驚奇的蓉坎,你也必須花時間想想問問你自己:“他們會讓用戶操作困難嗎澳眷?”

如果答案是“yes”,那么祝賀你袍嬉,你已經失去了你的一部分用戶境蔼。

UI 設計師的職責是確保產品可用灶平,易理解伺通,在這樣的情況下:響應突然的動作的按鈕應該清楚地可見;水平滾動的頁面或許被用在特定的場景逢享,但是也會經常使用戶迷惑罐监。

我不想說另人討厭的話了,Dolores Umbridge 的話在這里或許適合瞒爬,“為了

創(chuàng)新而創(chuàng)新必須被勸阻”弓柱。不要為了與眾不同而去追求那些新的設計趨勢。

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

我們都知道用戶沒有時間和耐心侧但,不要用你的設計來戲弄你的用戶矢空。這真的是不經過大腦思考。

我們通過點擊看起來像鏈接的文本來在不同的網頁之間進行切換禀横,我們把光標放在看起來像鏈接的文本上屁药,文本輕微變化,那當然是一個鏈接柏锄。我們把光標放在看起來是鏈接的文本上卻什么變化也沒有酿箭,任何變化都沒有。如果他不是一個鏈接為什么他要假裝是一個鏈接呢趾娃?

把一個不可點擊的文本做成像鏈接的樣子就是欺騙缭嫡,或許有時候這樣做并不會激怒用戶,實話實說抬闷,我也不知道會發(fā)生什么妇蛀。因此要合適的設計你的鏈接和按鈕,不要讓用戶誤會你的設計元素。

3.必須要有導航

考慮這倆個例子:漢堡包菜單和無限滾動讥耗。這倆個現在都很受歡迎有勾,但也被一部

分網站使用后拋棄。你的網站的信息架構是不是需要這么做古程?

我們在一些很受歡迎的平臺上看到無限滾動的例子:谷歌圖片蔼卡,Twitter,Facebook挣磨,甚至是一些電子商務網站雇逞,這能吸引用戶的興趣,隱藏導航茁裙,但是請不要忘了:你的用戶如何定位內容塘砸?他們怎么來在他們喜歡的內容之間切換?他們怎么復制你提供的所有內容晤锥?

對于漢堡包菜單:一個能使導航消失的的神奇icon掉蔬。你很容易被誘惑去使用漢堡包菜單,或者你已經用了它矾瘾∨危看看別人是怎么說的:

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

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

用戶往往只是對網站掃描一遍壕翩。明顯的內容也只會在用戶的視線中停留幾秒蛉迹,其他的內容就呆在了黑暗的角落里。就像上面說的放妈,漢堡包菜單就像是為了讓你的房子干凈然后把東西都塞在柜子里北救。NBC News 嘗試使用它但是失敗了。不要讓導航不可見芜抒,你可以把導航放在 4 到 5 個 tab 欄里珍策,如果你的內容太多多于 5

個,你需要考慮你的內容和信息層級了宅倒。

4.讓表單人性一些

關于UI 設計的任何討論沒有提及表單是不完全的攘宙,但是不要擔心,我不會反復

論述關于內聯確認唉堪,或者進度條模聋,或者表單重置,或者占位符文本唠亚。

所有最基本的是(至少目前是基本的)链方,我想討論語氣。表單應該用上交流的語氣并且關注“用戶需要提供什么”而不是“你需要從用戶那里得到什么”灶搜,把表單的標簽以問題的形式表現出來祟蚀。

簡單地把關注的焦點從你轉變?yōu)槟愕挠脩艄で希箍菰铮瑹o聊的任務更簡單前酿,更人性化患雏。

5.和顧客之間的沖突

這不應該是一個值得討論的問題,直到你嚴肅的問你自己在地球上為什么要成為

UI 設計師罢维。這經常發(fā)生在你的顧客(甲方)和利益相關者鄙視你的主意并且想要給你灌輸他們的想法的時候淹仑。

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

但是有時候,盡管你已經很努力了平窘,你的設計作品仍然會被拒絕吓肋,因為你和你的顧客溝通上的失敗。在這種情況下瑰艘,練習你的溝通技巧是鬼,面對失敗一直向前。

總結

1.GUI 元素的外表:標準的就是安全的(要通過測試)

2.不要設計出讓你的用戶誤解的東西紫新,鏈接就看起來像鏈接均蜜,不是鏈接就不應該

長得像鏈接。

3.在盲目的追隨設計模式之前考慮清楚你的信息架構

4.表單中一個交流的語氣能讓用戶更輕松一些

5.盡力和你的顧客弊琴,利益相關者交談溝通并理解他們的動機

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末兆龙,一起剝皮案震驚了整個濱河市杖爽,隨后出現的幾起案子敲董,更是在濱河造成了極大的恐慌,老刑警劉巖慰安,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件腋寨,死亡現場離奇詭異,居然都是意外死亡化焕,警方通過查閱死者的電腦和手機萄窜,發(fā)現死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來撒桨,“玉大人查刻,你說我怎么就攤上這事》锢啵” “怎么了穗泵?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長谜疤。 經常有香客問我佃延,道長现诀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任履肃,我火速辦了婚禮仔沿,結果婚禮上,老公的妹妹穿的比我還像新娘尺棋。我一直安慰自己封锉,他們只是感情好,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布膘螟。 她就那樣靜靜地躺著烘浦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪萍鲸。 梳的紋絲不亂的頭發(fā)上闷叉,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音脊阴,去河邊找鬼握侧。 笑死,一個胖子當著我的面吹牛嘿期,可吹牛的內容都是我干的品擎。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼备徐,長吁一口氣:“原來是場噩夢啊……” “哼萄传!你這毒婦竟也來了?” 一聲冷哼從身側響起蜜猾,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤秀菱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蹭睡,有當地人在樹林里發(fā)現了一具尸體衍菱,經...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年肩豁,在試婚紗的時候發(fā)現自己被綠了脊串。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡清钥,死狀恐怖琼锋,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情祟昭,我是刑警寧澤缕坎,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站从橘,受9級特大地震影響念赶,放射性物質發(fā)生泄漏础钠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一叉谜、第九天 我趴在偏房一處隱蔽的房頂上張望旗吁。 院中可真熱鬧,春花似錦停局、人聲如沸很钓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽码倦。三九已至,卻和暖如春锭碳,著一層夾襖步出監(jiān)牢的瞬間袁稽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工擒抛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留推汽,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓歧沪,卻偏偏與公主長得像歹撒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子诊胞,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容

  • 對于 UI 設計暖夭,像網頁設計一樣,設計師并不能隨心所欲撵孤。盡管 UI 設計在另人驚 奇的工業(yè) 4.0 中仍然有很多的...
    Emotion_C閱讀 189評論 0 0
  • 發(fā)現 關注 消息 iOS 第三方庫迈着、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,029評論 4 62
  • 內容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 46,712評論 22 664
  • 7月31號早直,明天就是8月份了寥假,我還是這么渾渾噩噩過著市框,考試失敗霞扬,獵頭介紹的工作也沒什么把握能應聘成功,人生似乎進入...
    易水瀚閱讀 233評論 0 1
  • 丙申年八月枫振,攜同學摯友喻圃,由奉始發(fā),南下千里粪滤,感湖湘文化斧拍,攬瀟湘風流。湖南地形杖小,其勢若腦肆汹。鐘靈毓秀愚墓,得天獨厚。近代英...
    劉烜宇閱讀 227評論 0 0