程序員也該懂點UI細節

雖然說項目開發過程中,美工和程序各司其職。但是很多時候程序員本身也要知道一些UI設計的細節。

一、每個頁面的功能上要突出重點。

比如說你首頁是想引導更多用戶註冊的話,你就要把註冊按鈕突出出來。如果你首頁是你想引導用戶更快的找到自己需要的文章或內容的話,你就應該優化好導航或者搜索功能。想清楚該頁面是幹什麼的,然後再進行頁面設計。這點很重要。

切記記得,不要在一個頁面上指望引導用戶進行多項操作。這點是不實際的,如果處處都突出,處處都是重點,也就沒有重點了。首頁一定要精簡,如果什麼東西都在首頁顯現出來的話,你還要其他頁面幹什麼?

二、尊重用戶的閱讀習慣,對角線原理的合理利用。

人在瀏覽網頁的時候往往遵循從左上角到右下角的一個閱讀習慣,所以我們將重要的內容最好放在對角線附近。

三、導航的重要性。

有些網站因爲導航設計的亂七八糟,導致客戶體驗極其差。在做導航設計的時候,越簡單的越容易搜索,將相似的內容概括到二級菜單中。頂級導航不宜過多,你總不能期待用戶想找的所有東西都在一個導航菜單中實現,尤其對於大型的商城或者管理系統之類的。

四、注重文字和間距的一致性。

我不知道你身邊有沒有這樣的美工,他們爲了左右協調一致,將頁面中不同元素塊的距離都設置的大小不一,設置於頁面類似元素的字體和字間距都不一致,這是極其不合理的。如下圖:

五、告訴用戶什麼樣的輸入纔是有效輸入。

有些站點在用戶註冊的時候,很簡潔,什麼樣的提示信息都沒有。等到用戶滿心歡喜的填好所有東西的時候,點擊註冊。它會不厭其煩的告訴你用戶名格式錯誤,善意的人會指出用戶名的正確的格式應該是數字+字母不能帶特殊字符之類的。也有極個別站點就是告訴你錯了,但是不會跟你說什麼樣的纔是正確的。這是要用戶抓狂的節奏啊。好的體驗應該是在用戶輸入用戶名附近的地方有個提示:用戶名必須是數字+字母,不能帶特殊字符。

還有種常見的問題就是輸入框字符限制的問題,很多站點的處理方式是如果超過限定的字符,則用戶再輸入就無效。但因爲沒有給出提示,用戶在超出之後只是發現自己打不出來字了,很多人可能會懷疑是鍵盤松動了。

六、用戶文檔(培訓文檔)用視頻會更加生動傳神

有時候你要花3頁內容才能闡述清楚的問題或者流程,可能5分鐘不到的視頻就能實現一樣的效果。並且通過視頻傳遞的信息會比文檔傳遞的信息更容易讓用戶記住。

七、搜索的處理

精簡主義者會想直接一個搜索框和一個搜索按鈕就可以了,完美主義者會想用戶想,把所有的可搜索條件都羅列出來共用戶選擇搜索。如何精簡和細化自己的搜索功能是個難題。如果你兩者都要用到的話,你可以提供給一個高級的選項給用戶,當簡單搜索可以滿足用戶的時候,用戶就直接搜索。不滿足用戶的時候,用戶就可以選擇高級搜索。

八、忌用長表單

如果有要用到長表單的時候,請選擇分步的方式讓用戶填寫。一來在視覺上看起來沒那麼複雜,二來分步保存的話,也避免用戶在填寫長表單過程中因爲瀏覽器異常等情況信息丟失。比如你在做一個簡歷系統,如果一次性要求用戶輸入基本信息、教育經歷、工作經歷、獲獎經歷、技能信息,用戶看到得瘋啊。這時候你可以分成幾個小步驟,用戶來逐步完善自己的簡歷,部分步驟可以直接選擇跳過進入下一步中。

在長表單的分佈的填寫過程中,務必要讓用戶知道共哪幾步,現在進行到哪個步驟了。不然用戶會覺得怎麼剛輸完又要輸啦,到底有完沒完啊,什麼時候結束啊~~~~


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章