推薦：產(chǎn)品需要合適自己的設計
上圖左側是電梯里的飄柔廣告。把洗發(fā)水的廣告做成一面鏡子的創(chuàng)意著實很棒。設計者清楚的知道：”在鏡子上做廣告更適合自己的品牌性質(zhì)”。不過，從上圖中不難

重新設計大頭貼面臨的主要問題大致就是這樣的了。下面我們需要通過設計解決這些問題。這樣的設計工作，我們稱之為“交互設計”。

在開始設計之前，我們先來明確幾條相關的原理：

1. 相似的操作放在一起。這樣可以保證較好的內(nèi)容邏輯，讓界面更輕易理解，更輕易使用。
2. 不要讓一個按鈕在不同的情況下有不同的功能，一個按鈕一個功能。
3. 更少的界面更好。
4. 為“新手”用戶服務需要產(chǎn)品設計的簡單、清楚； “中間用戶”、“專家”則需要高效率。
5. 為一類用戶用戶提供一個界面，而不是多類用戶共用同一個界面。

這幾條原則，在《about face 2.0》中都能找到。當然，交互設計的原理有很多，這里列出來的這幾條，只是和當前這個大頭貼設計有關的。在下面的設計過程中，您將看到，我們是如何運用這些原理指導具體的設計的。

開始設計！讓我們滾動！（let’s roll!—摘自盜版《兄弟連》DVD中的字幕）

交互設計工作往往可以分為兩步：

1. 搭建信息構架
2. 細節(jié)設計

大頭貼的信息構架就是關于“單張VS多張”、“攝像頭拍攝VS上傳現(xiàn)有照片”這兩個維度的表現(xiàn)。第4條設計原理是關于“新手用戶”“中間用戶”“專家”的。這個產(chǎn)品面對的是“新手”用戶（沒誰會天天都來合成大頭貼），更需要產(chǎn)品表現(xiàn)的簡單、清楚，或者說表現(xiàn)的直白一些、傻瓜一些。之前根據(jù)內(nèi)容邏輯關系畫出的界面顯然難度太高了。

通過第4條設計原理，我們可以判定，這樣的設計還不夠好，而不要給自己找接口“用戶應該能看到合成多張的那個頁簽的。”

第5條設計原理說：為一類用戶設計一個頁面。合成單張大頭貼的用戶和合成多張的用戶是不是兩類用戶呢？不是。前面提到了，在合成大頭貼的過程中，合成單張與合成多張的操作很可能會互相切換。那么，無論是“單張”還是“多張”都是一類用戶，想要合成大頭貼的用戶。因此，我們應該設計出一個界面來，而不是兩個。更少的界面更好（原理3）。

要設計出一個界面來，要害問題在于如何統(tǒng)一“合成單張”和“合成多張”這兩個界面。

將它們統(tǒng)一成一個界面，這里需要一些思想的火花。在一次和產(chǎn)品經(jīng)理的討論中，我們畫出了下面這個界面：

縮略圖的列表里可以存放多張照片，既可以當作時間軸，又可當作備選照片庫。點擊“合成單張”按鈕，把當前幀輸出，合成單張的。點擊“合成動畫”按鈕，則把全部照片一起輸出，合成動畫。

把“單張”和“多張”整到了一個界面里之后，只剩下“插入現(xiàn)有照片”和“用攝像頭拍攝”這一個維度了。在界面中同時提供這兩種添加照片的功能按鈕就可以了。

分享：幾點閃光
出錯，也能莞爾一笑～碰到出錯頁面經(jīng)常是讓人討厭的事，不過撞見些可愛的頁面，有時反而成了種樂趣。個人最喜歡的404頁面，是淘寶UED團隊blog的那個�！八牧�