[UI進階]UI設計思路如何出發

來自專欄你丫才是美工1 人贊了文章

當我們接到一個UI項目的時候，我們應該用什麼思路去思考，去著手吶？是直接立馬網上找相關的產品界面？還是立馬查看市面的相似產品？你更多是考慮美感，還是可用性、用戶體驗？

這條公式就是： UUIG

第一個「U」：user(用戶) 根據產品的目標用戶去深度挖掘，更精準地定位產品的用戶的畫像。比如說「微信」，他們的目標用戶是涵蓋大部分群眾，從小孩乃至老人都可以拿它當成一個通訊產品...這樣去分析用戶，確定主要用戶群。

然後是最後一個「G」：Goal(目標) 確定用戶群是什麼人群後，分析這款產品是為這些用戶提供一個什麼樣子的服務，也就是用戶目標。比如微信用戶目標就是讓用戶可以及時通訊，用微信聯繫朋友。那麼我們的設計目標就是要即時通訊，通過發送文字、語音、語音視頻等，各種方式讓用戶溝通暢通無阻。

從用戶出發，通往實現用戶目標的過程中，在可用性和美感中作平衡。有時候，我們會為了滿足用戶可用，保持一個比較好的用戶體驗，而去犧牲美感。比如微信的設計美感就比較普通大眾簡單，看起來並不是很高端，它就是為了產品可用讓更多的用戶使用，滿足這些大眾的可接受操作成本。

我們就要去平衡第二個「U」：usability(可用性) 我們設計出來的東西符不符合用戶的操作習慣，邏輯思維，還是說只是符合我們設計者的思維模式吶。是不是有對用戶使用進行一定的引導作用，符不符合大眾使用互聯網產品的習慣等出發去設計一個產品界面。

第三個「I」：impressions(觀感)這是我們設計師基本每個人都會很關心的，就是做出來的東西是不是看起來『美觀』。這也是作為美工和真正的UI設計師的區別，美工基本只考慮『美感』，不會去考慮平衡其他的東西。所以我們要突破自己的設計局限，首先就是要改變這個思維了。打開自己的思想局限，設計一個東西的時候去考慮更多，而不是為了設計而設計，只是為了好看。

所以想成為真正的UI設計師，我們除了要從用戶出發，去思考用戶目標，產品背後的商業邏輯，目標等，還要不斷地在用戶『可用性』和『美感』中去平衡。

這裡說到平衡，似乎這個平衡是一個很難平衡，有點複雜的問題，我們這裡也有個法寶。可以用它去參考尋找思路。

這就是VIMM，平衡情況如上圖所示。

V（Visual）視覺美感

I(intellectual) 認知，可理解

M(Memory) 記憶，便於記憶

M(Motor) 效率， 這個效率是，你設計這個東西需要投入的時間，比如如果只是圖片加文字顯然效率就比較高，不用花多少實現，如果是擬物類的，你要做到材質，質感，投影效果等，那這個東西的設計效率就比較低，需要投入更多時間才能做出來。

顯然我們在設計過程中，首先主要考慮的是設計出來的東西是否符合需求主題，是否能被宣傳主體用戶所認知，辨識，理解。然後再考慮是否很容易就被記住，不用投入太多學習成本，才能使用你設計出來的東西。還得看我們設計的時間投入情況，即項目投入成本考慮，最後考慮的才是美感。

今天就說到這裡了，喜歡的，感興趣的可以關注下喔，你們的支持是我不斷更新的動力~

讓我們一起學習，一起成長，當別人叫我們美工時，都可以有底氣地反駁別人「你丫才是美工」~