2013-10-5 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( paul-jarrel.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://ecd.tencent.com/design-proposals.html
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
在方案設(shè)計時,會出現(xiàn)一種情況:似乎已經(jīng)輸出了所有可能的方案,但討論定稿時還是覺得不夠滿意,認為應(yīng)該有更優(yōu)方案的輸出?什么原因?qū)е铝诉@種情況?如何輸出有效的設(shè)計方案?
● 什么是有效的設(shè)計方案?
“有效方案”,個人理解是“能夠?qū)崿F(xiàn)預(yù)期目標的方案”,而不是“全部可能方案”的羅列。設(shè)計方案因方向不同、實現(xiàn)能力等不同,會得到不同階段的版本;但在這些前提一致時,方案應(yīng)該是邏輯性唯一的,不應(yīng)存在模棱兩可的輸出。
● 如何輸出有效的設(shè)計方案?
核心:有邏輯、有理由的輸出
Step1 確定產(chǎn)品目標
每一個產(chǎn)品都有其目標,這個環(huán)節(jié)極其重要,確定清楚后,在接下來的設(shè)計決策時,會起到方向判斷的作用。產(chǎn)品目標一定要和產(chǎn)品側(cè)討論確定,不要理所當(dāng)然的給出判斷。以易迅購物車為例,其核心目標是讓用戶“快速下單”,其次才是“買更多”。
Step2 確定用戶群劃分
清晰產(chǎn)品目標后,我們需要對用戶在產(chǎn)品上的行為有個了解,才能知道他們需要什么。需要關(guān)注以下幾點:
① 用戶有哪些類型(比例、主要/輔助角色)
② 不同類型用戶會用你的產(chǎn)品來干什么
同樣以購物車為例,易迅以結(jié)算型用戶為主(主要角色——把購物車當(dāng)做確定要買東西的籃子),其次是收藏型(輔助角色——把購物車作為可能買商品的聚合地,需要增刪商品) 。
Step3 用戶+策略→發(fā)散設(shè)計點
也就是去腦爆,哪些點能夠有效滿足用戶需求并實現(xiàn)產(chǎn)品目標,步驟如下:
①從用戶需求開始發(fā)散(注意標明主要/輔助角色)
②思考,在需求存在的前提下,如何更好實現(xiàn)目標
(如購物車分析中,會思考用戶在有湊單需求情況下,如何更好做到快速下單;而不是說因為產(chǎn)品想讓用戶快速下單,便弱化或不給出湊單的需求)
③ 檢查設(shè)計點,重點關(guān)注主要角色的需求,在不影響其體驗情況下,附帶滿足輔助角色需求
上三步都應(yīng)該和產(chǎn)品經(jīng)理討論確定,達成一致后,再進行設(shè)計
Step4 設(shè)計階段
這是大家每天都在做的事了~在此不做詳細說明,需要慢慢積累經(jīng)驗
Step5 方案測試
用戶測試是檢驗設(shè)計結(jié)果最直接的方式,尤其是操作方面的設(shè)計。專業(yè)的用研同事會幫你搞定測試,但之前需要溝通清楚一些點:
① 改版的目的,關(guān)鍵設(shè)計點是什么;有多方案的要說明各方案特點 (用研同事必須先清楚這東西怎么用)
③ 你想了解用戶在操作過程中哪些心理(如是否會對某些文案不理解)
③ 用研計劃輸出后,再次確認測試點是否全面,能解決設(shè)計上的困惑
當(dāng)然,你還需要給出一個測試demo,視覺稿+可點擊原型是最完美的,時間緊湊最好也還是輸出一個交互+可點擊原型吧。原型的內(nèi)容盡量保證真實性(如購物車用真實商品、真實價格、真實活動) 。
Step6 定稿
根據(jù)用研結(jié)果,將稿件最終優(yōu)化,提交。并附上各方案說明和用戶反饋。
在評審會上,當(dāng)產(chǎn)品方對設(shè)計點提出質(zhì)疑時,可回顧產(chǎn)品目標和用戶需求階段的結(jié)論,說明為什么會給出現(xiàn)在的設(shè)計。
●一些原則
在購物車改版中,一些原則的總結(jié)分享如下
1) 不要輕易更改用戶操作的結(jié)果
不要讓用戶覺得你動了它的東西,如購物車商品列表應(yīng)根據(jù)用戶添加順序倒序排列,而不要因刻意區(qū)分有貨無貨而打亂該循序。在此次購物車的設(shè)計中,因活動和套餐關(guān)系的共存,出現(xiàn)了一個矛盾——展示上以套餐包含商品還是以活動包含商品(如下圖),兩種方法對購物車頁面來說是各有利弊,當(dāng)時還提出“用戶在此更關(guān)注什么的疑問”,但事實上,用戶都會關(guān)心,很難給出一個輕重權(quán)衡。其實跳出來想一想,套餐在被加入購物車時,用戶就是把其看成一個整體的,不應(yīng)該去拆散。
2)用戶操作結(jié)果應(yīng)在操作區(qū)附近給出及時反饋
操作反饋應(yīng)在用戶操作關(guān)注區(qū)當(dāng)前展現(xiàn),涉及跨區(qū)域展示的,應(yīng)給到鏈接定位到變化區(qū)。如點擊結(jié)算按鈕時,出現(xiàn)無貨情況,則再按鈕區(qū)反饋無貨情況,并給出鏈接定位到無貨商品行。
3)給出撤銷功能優(yōu)于二次確認操作(在非關(guān)鍵流程下)
二次確認在一些情況下會因用戶慣性操作,起不到防止誤操作功效。而給出撤銷功能,換了一種形式,一能防止慣性操作,另一方面也可降低操作和思考成本。如購物車的刪除功能(如下圖)。
藍藍設(shè)計的小編 http://paul-jarrel.com