轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://ecd.tencent.com/design-proposals.html

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

在方案設(shè)計(jì)時(shí)，會(huì)出現(xiàn)一種情況：似乎已經(jīng)輸出了所有可能的方案，但討論定稿時(shí)還是覺得不夠滿意，認(rèn)為應(yīng)該有更優(yōu)方案的輸出？什么原因?qū)е铝诉@種情況？如何輸出有效的設(shè)計(jì)方案？

● 什么是有效的設(shè)計(jì)方案？

“有效方案”，個(gè)人理解是“能夠?qū)崿F(xiàn)預(yù)期目標(biāo)的方案”，而不是“全部可能方案”的羅列。設(shè)計(jì)方案因方向不同、實(shí)現(xiàn)能力等不同，會(huì)得到不同階段的版本；但在這些前提一致時(shí)，方案應(yīng)該是邏輯性唯一的，不應(yīng)存在模棱兩可的輸出。

● 如何輸出有效的設(shè)計(jì)方案？

核心：有邏輯、有理由的輸出

Step1 確定產(chǎn)品目標(biāo)
每一個(gè)產(chǎn)品都有其目標(biāo)，這個(gè)環(huán)節(jié)極其重要，確定清楚后，在接下來的設(shè)計(jì)決策時(shí)，會(huì)起到方向判斷的作用。產(chǎn)品目標(biāo)一定要和產(chǎn)品側(cè)討論確定，不要理所當(dāng)然的給出判斷。以易迅購物車為例，其核心目標(biāo)是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產(chǎn)品目標(biāo)后，我們需要對(duì)用戶在產(chǎn)品上的行為有個(gè)了解，才能知道他們需要什么。需要關(guān)注以下幾點(diǎn)：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會(huì)用你的產(chǎn)品來干什么
同樣以購物車為例，易迅以結(jié)算型用戶為主（主要角色——把購物車當(dāng)做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品） 。

Step3 用戶+策略→發(fā)散設(shè)計(jì)點(diǎn)
也就是去腦爆，哪些點(diǎn)能夠有效滿足用戶需求并實(shí)現(xiàn)產(chǎn)品目標(biāo)，步驟如下：
①從用戶需求開始發(fā)散（注意標(biāo)明主要/輔助角色）
②思考，在需求存在的前提下，如何更好實(shí)現(xiàn)目標(biāo)
（如購物車分析中，會(huì)思考用戶在有湊單需求情況下，如何更好做到快速下單；而不是說因?yàn)楫a(chǎn)品想讓用戶快速下單，便弱化或不給出湊單的需求）
③ 檢查設(shè)計(jì)點(diǎn)，重點(diǎn)關(guān)注主要角色的需求，在不影響其體驗(yàn)情況下，附帶滿足輔助角色需求
上三步都應(yīng)該和產(chǎn)品經(jīng)理討論確定，達(dá)成一致后，再進(jìn)行設(shè)計(jì)

Step4 設(shè)計(jì)階段

這是大家每天都在做的事了~在此不做詳細(xì)說明，需要慢慢積累經(jīng)驗(yàn)

Step5 方案測試
用戶測試是檢驗(yàn)設(shè)計(jì)結(jié)果最直接的方式，尤其是操作方面的設(shè)計(jì)。專業(yè)的用研同事會(huì)幫你搞定測試，但之前需要溝通清楚一些點(diǎn)：
① 改版的目的，關(guān)鍵設(shè)計(jì)點(diǎn)是什么；有多方案的要說明各方案特點(diǎn) （用研同事必須先清楚這東西怎么用）
③ 你想了解用戶在操作過程中哪些心理（如是否會(huì)對(duì)某些文案不理解）
③ 用研計(jì)劃輸出后，再次確認(rèn)測試點(diǎn)是否全面，能解決設(shè)計(jì)上的困惑
當(dāng)然，你還需要給出一個(gè)測試demo，視覺稿+可點(diǎn)擊原型是最完美的，時(shí)間緊湊最好也還是輸出一個(gè)交互+可點(diǎn)擊原型吧。原型的內(nèi)容盡量保證真實(shí)性（如購物車用真實(shí)商品、真實(shí)價(jià)格、真實(shí)活動(dòng)） 。

Step6 定稿
根據(jù)用研結(jié)果，將稿件最終優(yōu)化，提交。并附上各方案說明和用戶反饋。
在評(píng)審會(huì)上，當(dāng)產(chǎn)品方對(duì)設(shè)計(jì)點(diǎn)提出質(zhì)疑時(shí)，可回顧產(chǎn)品目標(biāo)和用戶需求階段的結(jié)論，說明為什么會(huì)給出現(xiàn)在的設(shè)計(jì)。

●一些原則
在購物車改版中，一些原則的總結(jié)分享如下

1） 不要輕易更改用戶操作的結(jié)果
不要讓用戶覺得你動(dòng)了它的東西，如購物車商品列表應(yīng)根據(jù)用戶添加順序倒序排列，而不要因刻意區(qū)分有貨無貨而打亂該循序。在此次購物車的設(shè)計(jì)中，因活動(dòng)和套餐關(guān)系的共存，出現(xiàn)了一個(gè)矛盾——展示上以套餐包含商品還是以活動(dòng)包含商品（如下圖），兩種方法對(duì)購物車頁面來說是各有利弊，當(dāng)時(shí)還提出“用戶在此更關(guān)注什么的疑問”，但事實(shí)上，用戶都會(huì)關(guān)心，很難給出一個(gè)輕重權(quán)衡。其實(shí)跳出來想一想，套餐在被加入購物車時(shí)，用戶就是把其看成一個(gè)整體的，不應(yīng)該去拆散。

 

2）用戶操作結(jié)果應(yīng)在操作區(qū)附近給出及時(shí)反饋
操作反饋應(yīng)在用戶操作關(guān)注區(qū)當(dāng)前展現(xiàn)，涉及跨區(qū)域展示的，應(yīng)給到鏈接定位到變化區(qū)。如點(diǎn)擊結(jié)算按鈕時(shí)，出現(xiàn)無貨情況，則再按鈕區(qū)反饋無貨情況，并給出鏈接定位到無貨商品行。

3）給出撤銷功能優(yōu)于二次確認(rèn)操作（在非關(guān)鍵流程下）
二次確認(rèn)在一些情況下會(huì)因用戶慣性操作，起不到防止誤操作功效。而給出撤銷功能，換了一種形式，一能防止慣性操作，另一方面也可降低操作和思考成本。如購物車的刪除功能（如下圖）。