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

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

在開始設(shè)計之前，我們先來明確幾條相關(guān)的原理：

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

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

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

交互設(shè)計工作往往可以分為兩步：

1. 搭建信息構(gòu)架
2. 細(xì)節(jié)設(shè)計

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

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

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

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

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

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

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

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