真實(shí)案例分享:做交互,別急著畫原型

13 評(píng)論 31677 瀏覽 155 收藏 6 分鐘

原型是初期用來表現(xiàn)產(chǎn)品的“藍(lán)圖”,原型的作用在于承上啟下,不管是驗(yàn)證產(chǎn)品可行性還是用于開發(fā)等都至關(guān)重要。在熟悉用戶和流程等基礎(chǔ)下繪制出的原型才能更加符合用戶使用習(xí)慣

曾經(jīng)作為一名新手(當(dāng)然現(xiàn)在依舊是,還有好多待提高),多多少少踩過一些坑,也許案例很簡單,也還是想和大家分享一下:

有段時(shí)間接觸過一個(gè)項(xiàng)目,比較簡單的一個(gè)功能:付費(fèi)預(yù)約線下的活動(dòng)(移動(dòng)端),之前的免費(fèi)預(yù)約流程已經(jīng)有了,用戶通過界面操作的整體流程是:

免費(fèi)的流程(流程1)

其中添加人員需要輸入身份信息,而且有一定的人數(shù)限制(原型截取部分),輸入預(yù)約人信息是為了方便后續(xù)的短信等通知

添加參加活動(dòng)人員

于是,基于這個(gè)免費(fèi)的流程,在每次添加好一位人員的時(shí)候,給與每個(gè)人費(fèi)用的披露(通過已經(jīng)設(shè)置好的價(jià)格),因此整體流程是:

付費(fèi)的流程(流程2)

付費(fèi)限制人數(shù)有所調(diào)整,并且因?yàn)楦顿M(fèi)增加了確認(rèn)訂單和支付兩個(gè)頁面,從確認(rèn)訂單頁面開始添加倒計(jì)時(shí)功能,倒計(jì)時(shí)結(jié)束后將庫存返回,支付成功則無需繼續(xù)倒計(jì)時(shí)

所以照著這個(gè)大體流程,細(xì)化了每個(gè)流程中的細(xì)節(jié),并且進(jìn)行了原型的繪制

其中添加成員變化點(diǎn)如下:

原型在基本上完成后,和同事的討論中發(fā)現(xiàn):

免費(fèi)的預(yù)約之所以要填信息更多的是希望用戶考慮清楚是否要參加活動(dòng),所以填寫人員信息一方面設(shè)置了難度,另一方面記錄下了信息,同時(shí)免費(fèi)預(yù)約后規(guī)定時(shí)間沒去的會(huì)被記錄到黑名單(針對(duì)賬號(hào))

而對(duì)于收費(fèi)的預(yù)約,本身就涉及到付費(fèi),用戶預(yù)約肯定會(huì)比較謹(jǐn)慎,而且即便用戶付了錢沒去,而不存在黑名單的說法(所以身份信息顯得并不重要),同時(shí)當(dāng)用戶需要添加很多人情況下,就不得不填寫多份的身份信息,所以會(huì)非常繁瑣,此時(shí)開始認(rèn)為之前的整個(gè)流程并不合適

于是經(jīng)過調(diào)整,流程如下:

流程3

選擇票數(shù):

對(duì)于用戶預(yù)約活動(dòng)而言,把相關(guān)價(jià)格展示給他們,并且能方便選擇購買的票數(shù)即可

流程3和流程2對(duì)比下可以發(fā)現(xiàn):

流程3只需要通過“加減”選擇器增減票數(shù),而票數(shù)就是對(duì)應(yīng)的人數(shù)

流程2需要通過跳新頁面,并且填寫無用的信息來添加人員,而用戶實(shí)際只是想買幾張活動(dòng)的票。而筆者之所以會(huì)犯這樣的錯(cuò)誤可能是能力原因,更多的卻是“急著畫原型”,潛意識(shí)里以“免費(fèi)”任務(wù)為流程進(jìn)行了設(shè)計(jì),而沒有從用戶的“目標(biāo)”為前提進(jìn)行深度思考。

總結(jié)

在拿到功能需求時(shí),不要急著畫原型。

直接開始畫原型容易被某個(gè)類似的任務(wù)場(chǎng)景套進(jìn)去,并且自己極不容易發(fā)現(xiàn)。一旦套進(jìn)去后基于這樣的任務(wù)導(dǎo)向做了的原型設(shè)計(jì),極有可能不符合用戶的預(yù)期,然后返工修改。

因此在做原型之前,先思考下用戶的目標(biāo)是什么,這些信息是不是必要的,想清楚之后繪制流程圖,然后細(xì)化著做出原型圖(當(dāng)然當(dāng)功能極為復(fù)雜或者設(shè)計(jì)多個(gè)功能時(shí),再畫原型前可以用腦圖對(duì)信息結(jié)構(gòu)進(jìn)行整理)。

 

本文由 @交互の故事 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 來過、受教、感謝

    來自浙江 回復(fù)
  2. 很好的分享,直接就在流程上進(jìn)行了迭代,節(jié)省了繪制原型的時(shí)間?,F(xiàn)在的產(chǎn)品開發(fā)對(duì)原型的要求越來越高,本身原型的設(shè)計(jì)也有較大的時(shí)間成本,這種思考方法進(jìn)一步優(yōu)化了效率,很有意義。

    來自浙江 回復(fù)
    1. ?? 謝謝認(rèn)可

      來自浙江 回復(fù)
  3. 不填寫信息的結(jié)果是更快捷,但用戶填寫信息后購票的好處是,可以記錄消費(fèi)積分或者消費(fèi)金額滿多少能參與抽獎(jiǎng)。這方面需要考慮么?

    來自上海 回復(fù)
    1. 是否填寫信息還是要根據(jù)產(chǎn)品構(gòu)想來,比如你的產(chǎn)品是一個(gè)競(jìng)賽報(bào)名,雖然已經(jīng)登錄了賬號(hào),但還是需要用戶填寫競(jìng)賽信息的。至于消費(fèi)情況和獎(jiǎng)勵(lì)記錄,即便不填寫,根據(jù)賬號(hào)信息也是可以追尋的。

      回復(fù)
  4. 在實(shí)際工作過程中,還是有直接畫原型的習(xí)慣,很不好,流程沒理清楚就開始畫原型,著急讓大boss看到自己的成果,結(jié)果,出現(xiàn)各種各樣的坑,直接拉低了自己的威信

    來自山西 回復(fù)
  5. 做得不錯(cuò),雖然我一直覺得都是先出流程圖再出原型的…

    來自廣東 回復(fù)
  6. 作者賊帥??

    回復(fù)
    1. :mrgreen: 這都被你發(fā)現(xiàn)了

      來自浙江 回復(fù)
  7. 先畫流程圖 再畫原型 是對(duì)的,,

    回復(fù)
    1. 偷懶直接畫原型 后面坑很大

      回復(fù)
  8. 支持作者觀點(diǎn)

    來自廣東 回復(fù)
    1. ??謝謝

      回復(fù)