教你如何輸出有效的設(shè)計方案

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

什么是有效的設(shè)計方案?

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

如何輸出有效的設(shè)計方案?

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

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

Step2 確定用戶群劃分
清晰產(chǎn)品目標(biāo)后,我們需要對用戶在產(chǎn)品上的行為有個了解,才能知道他們需要什么。需要關(guān)注以下幾點:

① 用戶有哪些類型(比例、主要/輔助角色)
② 不同類型用戶會用你的產(chǎn)品來干什么
同樣以購物車為例,易迅以結(jié)算型用戶為主(主要角色——把購物車當(dāng)做確定要買東西的籃子),其次是收藏型(輔助角色——把購物車作為可能買商品的聚合地,需要增刪商品) 。

教你如何輸出有效的設(shè)計方案

Step3 用戶+策略→發(fā)散設(shè)計點
也就是去腦爆,哪些點能夠有效滿足用戶需求并實現(xiàn)產(chǎn)品目標(biāo),步驟如下:

①從用戶需求開始發(fā)散(注意標(biāo)明主要/輔助角色)
②思考,在需求存在的前提下,如何更好實現(xiàn)目標(biāo)
(如購物車分析中,會思考用戶在有湊單需求情況下,如何更好做到快速下單;而不是說因為產(chǎn)品想讓用戶快速下單,便弱化或不給出湊單的需求)
③ 檢查設(shè)計點,重點關(guān)注主要角色的需求,在不影響其體驗情況下,附帶滿足輔助角色需求
上三步都應(yīng)該和產(chǎn)品經(jīng)理討論確定,達成一致后,再進行設(shè)計

教你如何輸出有效的設(shè)計方案

Step4 設(shè)計階段

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

Step5 方案測試
用戶測試是檢驗設(shè)計結(jié)果最直接的方式,尤其是操作方面的設(shè)計。專業(yè)的用研同事會幫你搞定測試,但之前需要溝通清楚一些點:

① 改版的目的,關(guān)鍵設(shè)計點是什么;有多方案的要說明各方案特點 (用研同事必須先清楚這東西怎么用)
③ 你想了解用戶在操作過程中哪些心理(如是否會對某些文案不理解)
③ 用研計劃輸出后,再次確認(rèn)測試點是否全面,能解決設(shè)計上的困惑
當(dāng)然,你還需要給出一個測試demo,視覺稿+可點擊原型是最完美的,時間緊湊最好也還是輸出一個交互+可點擊原型吧。原型的內(nèi)容盡量保證真實性(如購物車用真實商品、真實價格、真實活動) 。

教你如何輸出有效的設(shè)計方案

Step6 定稿
根據(jù)用研結(jié)果,將稿件最終優(yōu)化,提交。并附上各方案說明和用戶反饋。
在評審會上,當(dāng)產(chǎn)品方對設(shè)計點提出質(zhì)疑時,可回顧產(chǎn)品目標(biāo)和用戶需求階段的結(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)該去拆散。

教你如何輸出有效的設(shè)計方案

2)用戶操作結(jié)果應(yīng)在操作區(qū)附近給出及時反饋

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

教你如何輸出有效的設(shè)計方案

3)給出撤銷功能優(yōu)于二次確認(rèn)操作(在非關(guān)鍵流程下)

二次確認(rèn)在一些情況下會因用戶慣性操作,起不到防止誤操作功效。而給出撤銷功能,換了一種形式,一能防止慣性操作,另一方面也可降低操作和思考成本。如購物車的刪除功能(如下圖)。

教你如何輸出有效的設(shè)計方案

原文地址:ecd.tencent
作者:兔子

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座:每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音(YY頻道:156982)分享實戰(zhàn)經(jīng)驗。
設(shè)計微博:擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

教你如何輸出有效的設(shè)計方案
 

收藏 2
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。