|
重新設(shè)計(jì)大頭貼面臨的主要問題大致就是這樣的了。下面我們需要通過設(shè)計(jì)解決這些問題。這樣的設(shè)計(jì)工作，我們稱之為“交互設(shè)計(jì)”。
在開始設(shè)計(jì)之前，我們先來明確幾條相關(guān)的原理：
- 相似的操作放在一起。這樣可以保證較好的內(nèi)容邏輯，讓界面更容易理解，更容易使用。
- 不要讓一個按鈕在不同的情況下有不同的功能，一個按鈕一個功能。
- 更少的界面更好。
- 為“新手”用戶服務(wù)需要產(chǎn)品設(shè)計(jì)的簡單、清楚； “中間用戶”、“專家”則需要高效率。
- 為一類用戶用戶提供一個界面，而不是多類用戶共用同一個界面。
這幾條原則，在《about face 2.0》中都能找到。當(dāng)然，交互設(shè)計(jì)的原理有很多，這里列出來的這幾條，只是和當(dāng)前這個大頭貼設(shè)計(jì)有關(guān)的。在下面的設(shè)計(jì)過程中，您將看到，我們是如何運(yùn)用這些原理指導(dǎo)具體的設(shè)計(jì)的。
開始設(shè)計(jì)！讓我們滾動！（let’s roll!—摘自盜版《兄弟連》DVD中的字幕）
交互設(shè)計(jì)工作往往可以分為兩步：
- 搭建信息構(gòu)架
- 細(xì)節(jié)設(shè)計(jì)
大頭貼的信息構(gòu)架就是關(guān)于“單張VS多張”、“攝像頭拍攝VS上傳現(xiàn)有照片”這兩個維度的表現(xiàn)。第4條設(shè)計(jì)原理是關(guān)于“新手用戶”“中間用戶”“專家”的。這個產(chǎn)品面對的是“新手”用戶（沒誰會天天都來合成大頭貼），更需要產(chǎn)品表現(xiàn)的簡單、清楚，或者說表現(xiàn)的直白一些、傻瓜一些。之前根據(jù)內(nèi)容邏輯關(guān)系畫出的界面顯然難度太高了。
通過第4條設(shè)計(jì)原理，我們可以判定，這樣的設(shè)計(jì)還不夠好，而不要給自己找接口“用戶應(yīng)該能看到合成多張的那個頁簽的。”
第5條設(shè)計(jì)原理說：為一類用戶設(shè)計(jì)一個頁面。合成單張大頭貼的用戶和合成多張的用戶是不是兩類用戶呢？不是。前面提到了，在合成大頭貼的過程中，合成單張與合成多張的操作很可能會互相切換。那么，無論是“單張”還是“多張”都是一類用戶，想要合成大頭貼的用戶。因此，我們應(yīng)該設(shè)計(jì)出一個界面來，而不是兩個。更少的界面更好（原理3）。
要設(shè)計(jì)出一個界面來，關(guān)鍵問題在于如何統(tǒng)一“合成單張”和“合成多張”這兩個界面。
將它們統(tǒng)一成一個界面，這里需要一些思想的火花。在一次和產(chǎn)品經(jīng)理的討論中，我們畫出了下面這個界面：
縮略圖的列表里可以存放多張照片，既可以當(dāng)作時間軸，又可當(dāng)作備選照片庫。點(diǎn)擊“合成單張”按鈕，把當(dāng)前幀輸出，合成單張的。點(diǎn)擊“合成動畫”按鈕，則把全部照片一起輸出，合成動畫。
把“單張”和“多張”整到了一個界面里之后，只剩下“插入現(xiàn)有照片”和“用攝像頭拍攝”這一個維度了。在界面中同時提供這兩種添加照片的功能按鈕就可以了。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 大頭貼改版設(shè)計(jì)總結(jié) [2] 下一頁 大頭貼改版設(shè)計(jì)總結(jié) [4]
|
第 1 頁 
第 3 頁 大頭貼改版設(shè)計(jì)總結(jié) [3]
