軟體UI設計二

標籤：ui設計   介面   

接上篇部落格 UI設計一  
二、如何設計UI——大道至簡

    如何設計UI，四個字足矣：大道至簡。

    2.1 原則
    1.搜尋——模糊到極致

     這不是我說的，是老師說的，是百度說的，是Google說的，看證據就在這裡：

     

     

    一個搜尋方塊，解決所有問題。看看我們是怎麼設計的：  一個查詢頁面有兩個以上的查詢條件，讓使用者去填寫，美其名曰是“精確查詢”其實，是我們設計人員錯了，這樣方便的不是使用者，而是我們開發人員，方便了我們編程，並沒有方便使用者，使用者要是知道那麼精確，就不必使用系統了，就是使用者不清楚，我們要做到，在使用者提供微量資訊的前提下，為使用者尋找到有用的資訊，這是其一；其二，並不是要摒棄那些精確的多條件查詢，而是換個地方，我們可以通過一個”更多“按鈕讓使用者在需要的時候來觸發。什麼時候是需要的時候呢？一個簡單的搜尋方塊不再能滿足他的搜尋慾望時，再點擊”更多“來查填寫詳細的資訊來尋找。

    這樣設計的妙處在於，介面簡單，給使用者便於使用的感覺，沒有一開始就強硬的把”一堆搜尋“條件塞給使用者，讓使用者還沒有開始使用就已經”丈二的和尚摸不著頭腦了”，那裡還敢再繼續用，設計成“百度，Google這樣的介面，讓使用者需要的時候適時的”點出來“，才會覺得心情是愉悅的。

     2.  使用者唯一——所看就所得

     看，這張圖的資訊量是：

        

     登陸介面： 一個包含四種身份的登陸使用者介面。

    也就是說:我要登陸這個系統，得需要知道我是什麼身份，點擊選擇我的身份，然後登陸系統。咋一看，沒有什麼問題，但是我要是不知道我是什麼身份呢？我已經註冊過了，我忘記來身份，還能上的去嗎？

    從使用者角度分析：使用者只想要登陸，看到屬於自己的介面。所以，這個登陸介面就有點不合理，既然使用者已經註冊過，我們何必要讓使用者每次登陸都去選擇呢?我們完全可以幫使用者選擇身份。這個身份的選擇就是：多此一舉。不論什麼使用者，登陸就只要一個，不同身份，進入不同的介面。

    呈現給使用者的介面應該是”所看即所得“。不能操作的就不要讓使用者看到。不要把過多的資訊選擇，拋給使用者，給使用者造成不必要的麻煩。

 

     以下是幾點設計UI的常識，分享給大家：

     1、一致性和必要的個人化

     我們通過微軟來看UI的設計。

     

    OFFICE 的軟體風格一致 ，有統一的字型字型大小、統一的色調、 統一的提示用詞、視窗在統一的位置、按鈕也在視窗的相同的位置。

   目的：能夠減少記憶量、減少出錯機率而且能迅速積累操作經驗。

   個人化。在一致性下，適當突出該軟體的“個人化”，如PPT中不同於word 有自己的動畫效果。

    2、使用使用者語言

    介面中要注意使用使用者的語言，而不是設計者的語言，最有效方法：讓資料說話，如詢問使用者、使用者投票等。

因此，使用者使用系統的錯誤會降到最低。

    

   

   3、使用者介面的功能性

   介面最基本的效能是具有功能性與使用性，通過介面設計，讓使用者明白功能操作，並將產品本身的資訊更加順暢的傳遞給使用者，是功能介面存在的基礎與價值。使用者介面一定要有基本的功能，設計者不能片面追求介面外觀漂亮而導致華而不實。

    4、容易理解

    大多數的使用者都有豐富的生活經驗，也就是使用各種工具或者玩具的經驗。如果能夠在介面設計中把這些積累的生活經驗和介面視覺元素對應或這串連起來就會讓使用者更容易理解。

如電子書介面，類比翻書的設計可以很快讓使用者理解如何操作，並且給讀者熟悉的閱讀體驗

 

    5、清楚的報錯資訊

    錯誤操作後，系統應該提供有針對性的錯誤資訊反饋提示，讓使用者心裡有數。

    

    6、協助系統

    它可以協助使用者更快捷、更好的學習介面的使用，告訴使用者在遇到某些使用問題時該如何處理、減少使用者在使用中的挫折感。

軟體UI設計二