從需求到原型,三個(gè)步驟怎么做

2 評(píng)論 5764 瀏覽 30 收藏 9 分鐘

編輯導(dǎo)語:如何從用戶需求中提煉出產(chǎn)品設(shè)計(jì)規(guī)劃方案,并將這一方案完整、清晰地傳遞到設(shè)計(jì)、開發(fā)人員手中,實(shí)現(xiàn)產(chǎn)品落地?也許,你需要梳理用戶需求,進(jìn)而做好流程整理,搭建產(chǎn)品原型。本文作者總結(jié)了產(chǎn)品從需求到原型所需經(jīng)歷的三個(gè)步驟,一起來看一下。

對(duì)于原型的想法,應(yīng)該分為三步。分別是我們軟件要做什么(需求)、以怎么樣的流程實(shí)現(xiàn)幾種路徑實(shí)現(xiàn)(流程圖)(需要畫幾張畫那些能比較好地滿足用戶)、在流程中需要展現(xiàn)什么(原型)。

一、第一步:確認(rèn)需求(想要做什么)

結(jié)合公司產(chǎn)品定位對(duì)核心用戶人群、需求喜好等進(jìn)行了解,分析出他們到底想要什么,整理成真需求列表。

比如最近做的生活交易類平臺(tái),我方產(chǎn)品定位“一款針對(duì)于公司自媒體私欲流量,針對(duì)淘優(yōu)惠類用戶做精準(zhǔn)化運(yùn)營的生活交易類平臺(tái)”。我們想要的就是讓引流進(jìn)入的這部分進(jìn)行消費(fèi)。

1. 那么就會(huì)出現(xiàn)以下幾個(gè)問題?

用戶進(jìn)行消費(fèi)有哪些東西可以讓他們消費(fèi)?

優(yōu)惠券、低價(jià)商品、活動(dòng)商品(拼團(tuán)、刮刮樂、一元購等等)。

現(xiàn)階段我們想要干什么?

增加用戶活躍度(優(yōu)惠卷、低價(jià)商品)、增加用戶GMV(優(yōu)惠卷、低價(jià)商品 、拼團(tuán))、增加新用戶(拼團(tuán)、刮刮樂)。

2. 整理核心功能

  1. 低價(jià)商品購買與使用;
  2. 拼團(tuán)商品購買與使用;
  3. 優(yōu)惠券領(lǐng)取與使用;
  4. 拼團(tuán)、一元購活動(dòng)商品的分享、購買與使用;
  5. 刮刮樂活動(dòng)的展示與用戶使用;
  6. 用戶購買、領(lǐng)取、贈(zèng)送、接受商品或優(yōu)惠券的尋找及使用。

二、第二步:需求實(shí)現(xiàn)路徑(怎么實(shí)現(xiàn)想法)

對(duì)功能使用流程進(jìn)行整理

如商品的購買及商品買后的使用(注意用戶的體驗(yàn),東西不能藏太深)。

  1. 商品展示頁(用戶對(duì)商品產(chǎn)生興趣)——商品詳情頁(用戶了解商品細(xì)節(jié)后,對(duì)商品有意向)——購買操作——直接使用(訂單內(nèi)容以及訂單核銷碼)或后續(xù)使用;
  2. 后續(xù)使用——我的頁面——我的訂單——(為加快用戶找到自己商品可對(duì)我的商品進(jìn)行分類)已支付商品——訂單(訂單內(nèi)容以及訂單核銷碼)。

通過流程整理,梳理共同需求頁面,在合適區(qū)域進(jìn)行展示以及排布(過程中對(duì)用戶交互體驗(yàn)進(jìn)行優(yōu)化,常用功能或頁面不宜藏得過深)。

三、第三步:原型搭建與交互說明

1. 原型搭建

根據(jù)第二步流程圖進(jìn)大致排布,確認(rèn)每個(gè)單獨(dú)頁面需要那些元素,對(duì)元素進(jìn)行組合(符合用戶交互體驗(yàn)),對(duì)部分功能重合度較高的頁面進(jìn)行整合,對(duì)部分用戶操作難度較大的頁面進(jìn)行拆解。對(duì)用戶點(diǎn)擊后出現(xiàn)的彈窗以及極端情況下的錯(cuò)誤提醒進(jìn)行預(yù)設(shè)甚至畫出。

2. 交互說明

在原型大致梳理好的前提下結(jié)合功能作用(我們需求與用戶需求)對(duì)原型圖進(jìn)行說明。

1)主要使用3+1原則

一個(gè)基本點(diǎn),所有的頁面都可以分為兩種狀態(tài):

  1. 進(jìn)入時(shí)就能看見的狀態(tài)(以原型的方式進(jìn)行表述,不用附帶文字說明);
  2. 操作后狀態(tài)(此部分需要進(jìn)行描述)。

2)描述分為三個(gè)維度

  1. 按鈕圖標(biāo)等操作之后出現(xiàn)的狀態(tài)變化(跳轉(zhuǎn)可用頁面跳轉(zhuǎn)進(jìn)行說明,其余部分作為交互說明的重點(diǎn));
  2. 刷新、加載、數(shù)字顯示等頁面規(guī)則(可在全局說明對(duì)常出現(xiàn)的進(jìn)行展示);
  3. 錯(cuò)誤提醒、彈窗等操作規(guī)則(交互說明的重點(diǎn)區(qū)域)。

3)原型圖排布狀態(tài)

4)排布內(nèi)容

① 全局說明(常在全文全局說明中呈現(xiàn))

頁面異常說明:

  1. 頁面加載異常、網(wǎng)絡(luò)異常、請求服務(wù)器失敗(頁面之間跳轉(zhuǎn));
  2. 缺省頁、訂單、購物車、優(yōu)惠券……

交互異常:

  1. 全局交互異常,如加載、刷新異常(在同一個(gè)頁面內(nèi),點(diǎn)擊某個(gè)按鈕后加載失?。?;
  2. 全局異常結(jié)束語提示;
  3. 權(quán)限提示。

全局公共說明:

  1. 距離說明;
  2. 時(shí)間現(xiàn)實(shí)說明;
  3. 字段規(guī)則說明;
  4. 圖片裁剪規(guī)則說明(以圖片最小邊為寬,居中按1:1 裁剪/ 640*640、320*320、120*120 );
  5. 全局加載規(guī)則說明、上拉刷新(上拉刷新、松開刷新、正在刷新),下拉加載(下拉加載、正在加載、已經(jīng)到底)。

全局邏輯說明:

  1. 版本更新方式說明(選擇型、強(qiáng)制型、自動(dòng)),一般在用戶重新啟動(dòng)產(chǎn)品客服端;
  2. 熱度值算法,訂單釋放時(shí)間;
  3. 會(huì)員體系、勛章體系、紅包體系;
  4. 全局加載規(guī)則說明、上拉刷新(上拉刷新、松開刷新、正在刷新),下拉加載(下拉加載、正在加載、已經(jīng)到底)。

② 操作說明

(3+1原則)。

錯(cuò)誤提醒:對(duì)用戶進(jìn)行的錯(cuò)誤操作進(jìn)行預(yù)設(shè),并在用戶使用前提供解決方式,多用彈窗進(jìn)行解決。

3. 總結(jié)

用戶到這個(gè)頁面來要干嘛、更想要干的事情、想要進(jìn)行哪些操作,操作之后會(huì)得到什么結(jié)果。

比如用戶到商品詳情頁時(shí)想要了解商品詳情,所以就需要對(duì)商品的詳情進(jìn)行展示。如果詳情過多,半天翻不完就需要對(duì)商品描述進(jìn)行收縮(作為商家要讓用戶一眼看到付款鍵,加快用戶付款的速度,減少其中的邊際效用)。

用戶對(duì)商品感興趣就會(huì)購買,所以我們在該頁面要給出購買功能。

有部分用戶怕商品不好,要了解一下商家、了解一下商品的好壞,所以要有到商家詳情的路徑。

因?yàn)橛脩粢承〇|西,因?yàn)槲覀冊O(shè)置商品想要讓用戶進(jìn)行哪些行為,所以我們的頁面會(huì)對(duì)這些因素或者功能進(jìn)行設(shè)計(jì)。

交互設(shè)計(jì)就是根據(jù)用戶在使用過程中、用戶可能存在的操作進(jìn)行描述,對(duì)特殊情況會(huì)出現(xiàn)的狀態(tài)進(jìn)行預(yù)設(shè),對(duì)我方想要用戶進(jìn)行的某些進(jìn)行或者操作進(jìn)行放大,然后在交互部分將這些想法告訴程序員、UI。

交互說明是我們產(chǎn)品經(jīng)理向程序員、UI說明想法的橋梁,無論橋梁怎么搭建,核心都是傳達(dá)我們設(shè)計(jì)頁面的想法。而有序合理的交互搭建是拓寬橋梁的寬度減少傳輸?shù)穆窂降闹饕蛩兀M(jìn)而能達(dá)到快速傳達(dá)想法的效果。

 

本文由@劃船不用槳 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請登錄
  1. 我為什么沒有早點(diǎn)看到!

    來自陜西 回復(fù)
  2. 寫的真好!

    來自湖北 回復(fù)