趣談產品的UI設計

上圖：瞭解用戶的態度和習慣—可用性測試

從總體色調上：
利用顏色的深淺控制用戶的焦距

引導用戶或是要告訴用戶的重點部分用暖色調標出，儘可能避免利用顏色凸顯過多的元素，這樣反而會讓用戶無所適從。

從視覺習慣上：
以下圖，是一個典型的是用戶的視覺習慣的模板：
咱們會發現看第一張圖的時候，咱們的視覺會先盯住model，而後迅速的移動到紅色物品，而後迅速的離開整張圖，而咱們真正想要讓用戶看到的東西卻被忽略掉了；

而第二張圖，咱們一樣也是先注視着model，可是用戶的視覺會跟隨model的目光，最後停留着左邊的實物上。ok，咱們的目的達到了。

惟一的區別是model的視線，第一幅是直視觀衆，第二幅則看向產品。

如下這張是視覺的熱點圖：

從用戶行爲習慣上：
關注圖片，而非文字；
關注動畫，而非圖片；
關注人臉，而非全身；
關注簡潔，而非複雜；（對於頁面）
關注細膩，而非粗糙；（對於圖標）

美國長期研究網站可用性的著名網站設計師傑柯柏•尼爾森（Jakob Nielsen）發表了一項《眼球軌跡的研究》報告。
報告中提出，大多數狀況下瀏覽者都不禁自主的以「Ｆ」形狀的模式閱讀網頁，這種基本恆定的閱讀習慣決定了網頁呈現F形的關注熱度。分爲最熱（紅色）、較熱（×××）、不熱（藍色）和基本不關注（灰色）4種。

「F理論」能給我帶來，就像個人博客，你會看到把「我的介紹欄目」放在頁面的右側，由於我想讓用戶們看到的是個人blog。而作論壇或是SNS，咱們則要把「分類欄」放到左側或是最頂端，由於咱們想讓用戶看到的是這個網站能知足你什麼樣的需求。

因此時刻讓用戶「用的舒服一點」、「玩的爽一點」都是咱們所要時刻關注的。

咱們能夠從其中一方面，來設計咱們的產品，好比廣告位的排版、好比改變用戶行爲等，引導用戶操做，提高頁面友好度等。以上都是很重要的參照。

用以上方法，改制用戶的「審美疲勞」，增長用戶的關注點和吸引度是很是關鍵的。

有什麼好的想法，請留言吧。歡迎你們討論。