從需求到原型,三個步驟怎么做
編輯導語:如何從用戶需求中提煉出產品設計規劃方案,并將這一方案完整、清晰地傳遞到設計、開發人員手中,實現產品落地?也許,你需要梳理用戶需求,進而做好流程整理,搭建產品原型。本文作者總結了產品從需求到原型所需經歷的三個步驟,一起來看一下。
對于原型的想法,應該分為三步。分別是我們軟件要做什么(需求)、以怎么樣的流程實現幾種路徑實現(流程圖)(需要畫幾張畫那些能比較好地滿足用戶)、在流程中需要展現什么(原型)。
一、第一步:確認需求(想要做什么)
結合公司產品定位對核心用戶人群、需求喜好等進行了解,分析出他們到底想要什么,整理成真需求列表。
比如最近做的生活交易類平臺,我方產品定位“一款針對于公司自媒體私欲流量,針對淘優惠類用戶做精準化運營的生活交易類平臺”。我們想要的就是讓引流進入的這部分進行消費。
1. 那么就會出現以下幾個問題?
用戶進行消費有哪些東西可以讓他們消費?
優惠券、低價商品、活動商品(拼團、刮刮樂、一元購等等)。
現階段我們想要干什么?
增加用戶活躍度(優惠卷、低價商品)、增加用戶GMV(優惠卷、低價商品 、拼團)、增加新用戶(拼團、刮刮樂)。
2. 整理核心功能
- 低價商品購買與使用;
- 拼團商品購買與使用;
- 優惠券領取與使用;
- 拼團、一元購活動商品的分享、購買與使用;
- 刮刮樂活動的展示與用戶使用;
- 用戶購買、領取、贈送、接受商品或優惠券的尋找及使用。
二、第二步:需求實現路徑(怎么實現想法)
對功能使用流程進行整理
如商品的購買及商品買后的使用(注意用戶的體驗,東西不能藏太深)。
- 商品展示頁(用戶對商品產生興趣)——商品詳情頁(用戶了解商品細節后,對商品有意向)——購買操作——直接使用(訂單內容以及訂單核銷碼)或后續使用;
- 后續使用——我的頁面——我的訂單——(為加快用戶找到自己商品可對我的商品進行分類)已支付商品——訂單(訂單內容以及訂單核銷碼)。
通過流程整理,梳理共同需求頁面,在合適區域進行展示以及排布(過程中對用戶交互體驗進行優化,常用功能或頁面不宜藏得過深)。
三、第三步:原型搭建與交互說明
1. 原型搭建
根據第二步流程圖進大致排布,確認每個單獨頁面需要那些元素,對元素進行組合(符合用戶交互體驗),對部分功能重合度較高的頁面進行整合,對部分用戶操作難度較大的頁面進行拆解。對用戶點擊后出現的彈窗以及極端情況下的錯誤提醒進行預設甚至畫出。
2. 交互說明
在原型大致梳理好的前提下結合功能作用(我們需求與用戶需求)對原型圖進行說明。
1)主要使用3+1原則
一個基本點,所有的頁面都可以分為兩種狀態:
- 進入時就能看見的狀態(以原型的方式進行表述,不用附帶文字說明);
- 操作后狀態(此部分需要進行描述)。
2)描述分為三個維度
- 按鈕圖標等操作之后出現的狀態變化(跳轉可用頁面跳轉進行說明,其余部分作為交互說明的重點);
- 刷新、加載、數字顯示等頁面規則(可在全局說明對常出現的進行展示);
- 錯誤提醒、彈窗等操作規則(交互說明的重點區域)。
3)原型圖排布狀態
4)排布內容
① 全局說明(常在全文全局說明中呈現)
頁面異常說明:
- 頁面加載異常、網絡異常、請求服務器失敗(頁面之間跳轉);
- 缺省頁、訂單、購物車、優惠券……
交互異常:
- 全局交互異常,如加載、刷新異常(在同一個頁面內,點擊某個按鈕后加載失?。?/li>
- 全局異常結束語提示;
- 權限提示。
全局公共說明:
- 距離說明;
- 時間現實說明;
- 字段規則說明;
- 圖片裁剪規則說明(以圖片最小邊為寬,居中按1:1 裁剪/ 640*640、320*320、120*120 );
- 全局加載規則說明、上拉刷新(上拉刷新、松開刷新、正在刷新),下拉加載(下拉加載、正在加載、已經到底)。
全局邏輯說明:
- 版本更新方式說明(選擇型、強制型、自動),一般在用戶重新啟動產品客服端;
- 熱度值算法,訂單釋放時間;
- 會員體系、勛章體系、紅包體系;
- 全局加載規則說明、上拉刷新(上拉刷新、松開刷新、正在刷新),下拉加載(下拉加載、正在加載、已經到底)。
② 操作說明
(3+1原則)。
錯誤提醒:對用戶進行的錯誤操作進行預設,并在用戶使用前提供解決方式,多用彈窗進行解決。
3. 總結
用戶到這個頁面來要干嘛、更想要干的事情、想要進行哪些操作,操作之后會得到什么結果。
比如用戶到商品詳情頁時想要了解商品詳情,所以就需要對商品的詳情進行展示。如果詳情過多,半天翻不完就需要對商品描述進行收縮(作為商家要讓用戶一眼看到付款鍵,加快用戶付款的速度,減少其中的邊際效用)。
用戶對商品感興趣就會購買,所以我們在該頁面要給出購買功能。
有部分用戶怕商品不好,要了解一下商家、了解一下商品的好壞,所以要有到商家詳情的路徑。
因為用戶要某些東西,因為我們設置商品想要讓用戶進行哪些行為,所以我們的頁面會對這些因素或者功能進行設計。
交互設計就是根據用戶在使用過程中、用戶可能存在的操作進行描述,對特殊情況會出現的狀態進行預設,對我方想要用戶進行的某些進行或者操作進行放大,然后在交互部分將這些想法告訴程序員、UI。
交互說明是我們產品經理向程序員、UI說明想法的橋梁,無論橋梁怎么搭建,核心都是傳達我們設計頁面的想法。而有序合理的交互搭建是拓寬橋梁的寬度減少傳輸的路徑的主要因素,進而能達到快速傳達想法的效果。
本文由@劃船不用槳 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
我為什么沒有早點看到!
寫的真好!