零：項目背景

百度網(wǎng)盟推廣平臺是配合網(wǎng)盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預算、定向方式、監(jiān)控賬戶投放效果等等復雜的賬戶操作。但是由于系統(tǒng)的復雜度和功能性的增加，原有的系統(tǒng)對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統(tǒng)體驗的分析和優(yōu)化工作。

優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法，希望對大家有所幫助。

　　單欄型式優(yōu)于多欄

　　單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣嗬成，用故事引導讀者，最終是要誘引他們「采取行動」(call to action，下稱 CTA，意指下載或消費等目的);而多欄反而可能導致讀者分心。

2011年10月，相繼寫了兩篇《交互設計那些事兒》（一）（二），至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來，加上幾周前，在新的團隊又進行了一次分享，頗有點心得，又懶得去重新修改原有文章，就在此進行一些補錄吧。

還是個人經(jīng)驗，眼界有限，歡迎拍磚。

一. 再談術(shù)語

面向?qū)换ケ容^陌生的團隊進行分享，少不得再介紹下那些讓人云里霧里的術(shù)語。這次，咱們?yōu)檫@些術(shù)語做一個關(guān)系圖：

從下至上是各種術(shù)語的演變史。中間代表“做的事情”，左邊代表做這件事情的“人”，右邊代表做這件事情需要的“指導思想”。

了解自己的學習特性

一個好的交互設計師往往了解自己學東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長。

學習與成長并不是件陌生的事，每個人都有自己的故事。試著回想你學習其他東西的行為與習慣，透過一些整理，你可以逐步認識自己是怎樣的學習者，并試著讓你的團隊知道與支持你。這可以是了解如何成長的第一步。身為一個設計團隊的領導，也能在更了解組員的學習特性之后，一起創(chuàng)造出更合適的學習環(huán)境。

舉個例子：

• 某設計師的學習特性是…
• 我沒有辦法只看書或理論而產(chǎn)生我的設計觀點，我是一個從做中學的交互設計師。
• 不好玩、不友善的學習環(huán)境，我學不起來。

廢話少說，直接解釋吧（大致按照動手的時間順序，以數(shù)字媒體界面為例）。

　2011年各大移動應用商店迅速崛起，群雄割據(jù)。在移動應用商店的基礎上，軟件商店也悄然形成。這些軟件、應用類商店形式多樣、風格迥異。一些成功的應用商店都已然向“shopping mall“邁進：比如應用商店的大贏家蘋果APP Store（i Pad、iPhone）， 國內(nèi)的安卓市場、網(wǎng)易應用、騰訊應用中心等等。這些商店成功的秘訣在于他們不僅僅將產(chǎn)品定位于一個簡單的提供應用下載的工具，而是精心運營和設計，創(chuàng)造出一站式提供應用服務的場所。

　　怎樣的軟件應用類商店是最完善的呢? 如何使軟件應用類“商店”提升為“shopping mall”呢？對此，本文從shopping mall的規(guī)劃原則著手，找尋其與軟件應用商店的共通點。通過任務和場景對現(xiàn)有的幾大應用商店進行分析，提煉軟件應用類商店的設計要素。

　　Shopping mall的定義是：大型零售業(yè)為主體，眾多專業(yè)店為輔助業(yè)態(tài)和多功能商業(yè)服務設施形成的聚合體。而一個完善的軟件應用類商店應該是集倉儲、商場、服務與一身的軟件應用中心。就如一個完善的購物中心，銷售的是種類各異的軟件。下圖從角色、任務和場景3個方面對shopping mall和軟件、應用商店進行對比分析。

構(gòu)建界面視覺層級的元素有顏色的顯著程度，圖片、文字的尺寸大小，還有最基礎的，內(nèi)容的組織結(jié)構(gòu)。

結(jié)構(gòu)設計是指對界面內(nèi)容進行分組，對界面中的信息、數(shù)據(jù)進行設計使之結(jié)構(gòu)化呈現(xiàn)的過程。

好的結(jié)構(gòu)設計能使界面信息傳達更加清晰、快捷。那么，如果進行結(jié)構(gòu)設計呢？

本部分將結(jié)合已經(jīng)上線的QQ旅游訂票系統(tǒng)的分析，給出解決方案

每天我的郵箱都會收到很多系統(tǒng)郵件。有些是網(wǎng)購訂單的狀態(tài)通知，有些是網(wǎng)站活動宣傳，有些是社交網(wǎng)站消息提醒。相信大家也都有和我一樣的煩惱：怎么老是這么多垃圾郵件！淹沒掉我重要的郵件啦！煩死啦?。∧銈冇袥]有為我們著想?。?！ 其實從交互的交互來看這些郵件，還是有很多的學習地方的，俗話說：三人行，必有我?guī)熝伞衿渖普叨鴱闹?，其不善者而改之。所以今天我們來一起從分析下這些郵件。

我們先來普及郵件的幾個概念 （棕色字摘抄于同事heidi的博文 —— 讓電子郵件更給力 ）：

幾個重要的假設前提

     1. 很少有人愿意閱讀長郵件 ——除非你告訴他不讀會怎么樣，賦予他責任

     2. 很少有人愿意無理由主動做什么事情 ——特別可做可不做時，除非價值觀特別好，喜歡多管閑事

      3.很少有人會仔細閱讀你的郵件 ——千萬不要發(fā)一封面向很多人的郵件，然后指望大家都在里面仔細閱讀找出你期待他做什么事情。

不好的郵件特征

    1.寫成散文，長而枯燥，又期待人去閱讀——這是不現(xiàn)實的  

      2.重點不突出，反而依賴收件人去提取關(guān)鍵信息：時間、行動、目標

     3.群發(fā)，導致郵件無針對性——《影響力》一書的觀點時，如此會導致責任感被稀釋和分散，發(fā)送的人越多，真正有價值的回應會越少

與此對應，好的電子郵件應該讓收件人一眼就掃到 重點：是什么，作為收件人，我需要在什么時間做什么。

我們對系統(tǒng)郵件給一個區(qū)分：1.不必要處理郵件（純宣傳郵件），2.必要處理郵件（購物訂單狀態(tài)通知），3.可選處理郵件（社交網(wǎng)站消息提醒）