·介紹
QQ空間相冊(cè)的個(gè)性化利器，能對(duì)照片進(jìn)行效果的優(yōu)化、文字編輯等等。

從設(shè)計(jì)上使用了創(chuàng)新的手法，盡量減少用戶的思考。其中，通過界面的特殊表現(xiàn)，讓用戶更容易學(xué)會(huì)使用。在使用的過程中，也避免了復(fù)雜的操作方式，降低使用門檻。

·定位

了解用戶需求
·用戶期望照片編輯工具擁有“玩”照片的成分；
·大多數(shù)用戶反映，最需要的功能是旋轉(zhuǎn)、裁剪、添加照片的邊框；
·能給照片添加文字、裝飾品；
·對(duì)照片進(jìn)行顏色或其他效果優(yōu)化。
…

分析用戶需求

除了可以對(duì)照片進(jìn)行簡(jiǎn)單的角度旋轉(zhuǎn)，尺寸裁剪、調(diào)整；同時(shí)可以給照片添加邊框、文字、裝飾品；還能夠進(jìn)一步對(duì)照片處理亮度、模糊等等…眾多功能已經(jīng)足以讓照片編輯工具顯得復(fù)雜，并且?guī)淼氖禽^高的使用學(xué)習(xí)成本。

作為相冊(cè)的照片編輯工具需要易學(xué)、易用。甚至只需要一些簡(jiǎn)單的優(yōu)化步驟已經(jīng)足夠滿足需求。即使是熟練使用Photoshop優(yōu)化照片的用戶，選擇照片編輯工具也只是想方便、快速實(shí)現(xiàn)一些簡(jiǎn)單的個(gè)性化效果。

·設(shè)計(jì)
對(duì)照片編輯工具的要求，從基礎(chǔ)的優(yōu)化照片，到照片的特效處理，并盡可能多的個(gè)性化照片功能。但前提下需要讓用戶可以很容易找到基礎(chǔ)的優(yōu)化功能，界面需要直觀且容易使用。當(dāng)然，不是一個(gè)擺滿所有功能的編輯器，并附帶一份使用教程。

界面布局能讓用戶理解
界面設(shè)計(jì)傳達(dá)給用戶的親身感受是最直接的。界面的功能太多、復(fù)雜，則會(huì)讓用戶在使用照片編輯工具時(shí)有很高的學(xué)習(xí)門檻。從界面布局入手，設(shè)計(jì)界面的布局結(jié)構(gòu)。

簡(jiǎn)化并設(shè)計(jì)布局結(jié)構(gòu)
設(shè)計(jì)照片編輯工具的界面，嘗試將所有功能分布在三個(gè)不同的區(qū)域：
1.對(duì)照片的簡(jiǎn)單效果優(yōu)化
2.可添加到照片上的個(gè)性化裝飾
3.照片預(yù)覽區(qū)

把所有的功能呈現(xiàn)在界面上，讓用戶逐步嘗試每一個(gè)功能對(duì)照片的變動(dòng)，然后再找到他所需要的功能；或者說在眾多的功能下找到需要的某一個(gè)功能，也不是一件易事。若對(duì)于僅僅只是想把方向顛倒的照片旋轉(zhuǎn)矯正、裁剪尺寸，會(huì)把一些多余的功能占據(jù)了照片預(yù)覽區(qū)。

如何合理得地歸類功能，調(diào)整一個(gè)合適的布局結(jié)構(gòu)，讓界面理解起來更加簡(jiǎn)單，卻不會(huì)讓更多個(gè)性化的功能淹沒？

編輯照片，所見即所得、核心的內(nèi)容則是照片預(yù)覽區(qū)，其次是提供一個(gè)固定的編輯照片功能區(qū)：把所有功能集中在固定的區(qū)域，可以更容易找到。

功能區(qū)
依據(jù)大部分用戶樸素的需求，把最常用的功能放置在最容易發(fā)現(xiàn)的位置。當(dāng)需要更個(gè)性化照片的時(shí)候，同樣可以很方便找到入口。

可擴(kuò)展的功能區(qū)—添加裝飾
考慮到“添加裝飾”功能會(huì)有很多裝飾品，需要一個(gè)固定并且明顯的位置。照片編輯工具的核心是讓用戶可以在簡(jiǎn)單優(yōu)化照片之余，還可以“玩”照片。所以這個(gè)區(qū)域的設(shè)計(jì)是讓用戶在需要的時(shí)候打開使用，通過技術(shù)上的特殊處理，同時(shí)也能讓用戶自行控制，切換為固定的可添加裝飾的區(qū)域。

一個(gè)有序的學(xué)習(xí)過程
這樣的界面設(shè)計(jì)讓用戶在第一次使用照片編輯工具時(shí)降低了門檻。界面布局的簡(jiǎn)化能讓用戶更容易理解，對(duì)照片的編輯、優(yōu)化、等更多的操作，都能在固定的一個(gè)位置，更容易找得到。整個(gè)使用過程都是可預(yù)知的。

避免復(fù)雜操作
眾多的功能，如何讓用戶每一個(gè)都能學(xué)會(huì)使用，也是一個(gè)棘手的問題。

例如：常見對(duì)照片的優(yōu)化，都會(huì)使用復(fù)雜的“模式化對(duì)話框”（比如：調(diào)整亮度）。

模式化對(duì)話框“好處”
雙重保險(xiǎn)，調(diào)整到合適的效果后，再確定；不滿意，取消?？杀苊獯蟛糠值恼`操作。

“壞處”
需要完成當(dāng)前操作，當(dāng)前的操作若不“確定”或“取消”，則無法進(jìn)行其他操作，對(duì)話框被模式化，擋住了背后的其他操作。
操作越多步驟越多，每個(gè)操作都需要確定一次，顯然不是每一個(gè)操作都需要，甚至?xí)斐捎脩舻睦_。

對(duì)于照片編輯工具，我們需要的是更簡(jiǎn)單，并且便捷的操作過程。盡量避免模式化對(duì)話框，成為設(shè)計(jì)上的禁忌；當(dāng)然，并非一味想辦法把模式化對(duì)話框都“cancel”。

在對(duì)功能進(jìn)行歸類的同時(shí)，把復(fù)雜并且容易出錯(cuò)的操作，是更需要“雙重保險(xiǎn)”的：比如照片裁剪功能。裁剪功能往往不是一步到位的操作，需要多次調(diào)整圖片的裁剪區(qū)域并確認(rèn)裁剪范圍后，才會(huì)保存。若有不滿意的情況，需要讓用戶從頭再來或放棄。

“撤銷”操作緩解了誤操作
撤銷上一步的操作，對(duì)發(fā)生誤操作或操作后不滿意的情況下，比起每次操作都需要“確定”，使用過程會(huì)更加方便。

比如銳化、對(duì)比度、亮度，這些操作都是顯而易見，也是比較容易讓人可以猜到的。而正當(dāng)需要使用這些操作的大多數(shù)情況都是很直接的。如果對(duì)調(diào)整的效果不滿意，將滑動(dòng)塊移回初始狀態(tài)即可；由于設(shè)計(jì)上使用了下拉菜單這類型的輕量操作，在發(fā)生了誤操作，撤銷上一步的操作可以回到原先的效果。

比如：點(diǎn)擊模糊功能>展開調(diào)整菜單>調(diào)整完成后>不小心點(diǎn)擊了菜單外其他區(qū)域或轉(zhuǎn)到其他功能時(shí)>菜單收起，照片效果變了。

那么此時(shí)可通過撤銷操作來恢復(fù)調(diào)整前的效果：

…

·最后
我們將會(huì)在體驗(yàn)這一塊不斷去思考、嘗試，進(jìn)一步提高易用性。至少，我們的思考能減少用戶的思考，會(huì)是讓產(chǎn)品更有利健康地成長(zhǎng)。

體驗(yàn)一把：qzone相冊(cè)中點(diǎn)擊照片編輯器或查看照片時(shí)點(diǎn)擊編輯打開照片編輯器。

來源：http://isd.tencent.com/?p=2217