2013-10-5 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(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ì)因用戶慣性操作,起不到防止誤操作功效。而給出撤銷功能,換了一種形式,一能防止慣性操作,另一方面也可降低操作和思考成本。如購物車的刪除功能(如下圖)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com