google原型設(shè)計:如何使用原型驅(qū)動產(chǎn)品設(shè)計?

4 評論 13684 瀏覽 68 收藏 9 分鐘

文章是作者對google團隊《快速原型設(shè)計》的課后總結(jié),希望能夠給你一些啟發(fā)參考。

本文源于google團隊《快速原型設(shè)計》課程學后總結(jié),課程主要講解了如何利用原型驅(qū)動產(chǎn)品設(shè)計,用戶體驗研究以及了解用戶對 APP 的反饋意見收集,課程中介紹了如何使用 InVision 創(chuàng)建交互中保真原型、遠程用戶體驗研究,但是筆者使用過程中感覺網(wǎng)速很慢,其實可以使用國內(nèi)的替代方案,做出類似效果完成用戶研究。

原型的重點:可視+互動

原型驅(qū)動產(chǎn)品設(shè)計的核心:提前發(fā)現(xiàn)問題并解決問題

古語有云,臨淵羨魚,不如退而結(jié)網(wǎng);磨刀不誤砍柴工;工欲善其事,必先利其器?;谠偷挠脩趄炞C,表面上看會耗費一部分時間,推后產(chǎn)品上線時間,但相比于上線后再優(yōu)化,產(chǎn)品定義時讓用戶參與進來,解決75%的問題才是最高效的。在產(chǎn)品定義階段,用戶參與產(chǎn)品設(shè)計和體驗,如下圖所示:

一、前言

1、原型分類

課程中,google工程師將原型分為三類,分別是低保真原型、中保真原型和高保真原型,其區(qū)別行如下所示:

低保真原型:線框圖,不可交互,打印在紙上,展示主業(yè)務(wù)流程;

中保真原型:可簡單交互(點擊頁面跳轉(zhuǎn)),簡單配色并配圖,但字體、配色和配圖不完美;

高保真原型:開發(fā)和設(shè)計參與,原型可交互,可錄入信息,可以實現(xiàn)所有流程,有動畫效果,字體、配色和配圖與真實產(chǎn)品一致;

低保真原型

中保真原型

高保真原型

2、反饋圈分類

課程中,Jay Harman老師定義了用戶的反饋圈,根據(jù)不同時期和獲取難度將可參與原型體驗的用戶分為四類,分別是團隊成員或朋友,行業(yè)專家,客戶,客戶的用戶,如下圖所示:

團隊成員或朋友:團隊成員,公司員工,社交圈朋友。特點:容易找到,易與溝通。使用低保真原型,了解主要流程是否存在問題。

行業(yè)專家:相關(guān)領(lǐng)域產(chǎn)品經(jīng)理和產(chǎn)品專家,他們了解目標市場。特點:能提出邏輯清晰的意見。使用低,中保真原型。

客戶:目標市場的客戶。使用中、高保真原型,他們會提供非常棒的反饋意見

客戶的客戶:特定人群應(yīng)用,如投資人等。使用高保真原型展示,獲取真實反饋。

二、如何利用原型驅(qū)動產(chǎn)品設(shè)計

1、用戶原型訪談人數(shù)

基于原型的用戶實驗只要對3-5個用戶進行測試,便可以找到設(shè)計中的大部分問題,經(jīng)過google測試,3個用戶一般可測試出原型65%的問題,5個用戶可測試出原型75%的問題。

2、如何與用戶交流

1-2句話介紹這個產(chǎn)品是做什么用的,給用戶設(shè)計幾個小任務(wù),引導用戶邊操作邊說出自己的感受,讓用戶想到什么就說出來,說出感受和疑惑,鼓勵用戶的每一次反饋。舉個栗子,我們的app可以幫助您管理日常生活和工作任務(wù),您看到的這個頁面是首頁,您能很清楚的知道如何創(chuàng)建一個新任務(wù)嗎?通過錄制屏幕和用戶表情錄制,觀察用戶如何完成任務(wù),訪談過程中要經(jīng)常鼓勵用戶提出意見。

提問需要提前設(shè)計關(guān)鍵問題和其他問題,關(guān)鍵問題是指產(chǎn)品的核心操作流程相關(guān)問題,其他問題指交互類,設(shè)計類問題。

3、信息收集工具

  • 記筆記;
  • 手機錄音;
  • 在用戶允許的情況下,錄入表情;
  • 原型操作過程手機或電腦頁面錄制。

4、注意事項

  • 用戶面對面訪談時切記不要給用戶過多的指導;
  • 最開始一定要告訴用戶,如果無法完成任務(wù),不是用戶問題,是產(chǎn)品問題,為了測試產(chǎn)品,而不是測試用戶;
  • 用戶的情感反饋和無所適從是需要重點收集的,用戶提供的優(yōu)化建議可以暫時過濾;

5、用戶訪談需要回答的兩個核心問題

  • 這些反饋有沒有回答我們一開始提出的問題?
  • 反饋中有沒有提出我們的方向是否正確?

如果這兩個問題的答案是YES,那么我們才可以考慮做高保真原型。如果有一個問題的答案是NO,那么我們依然要進行低保真原型的測試調(diào)研。

三、筆者思考及工具推薦

筆者認為,低保真-線框-紙質(zhì)原型可以用于產(chǎn)品團隊內(nèi)部交流使用,通過頭腦風暴,跑通住業(yè)務(wù)流程,確定MVP(Minimum Viable Product, MVP)方案,確定中保真原型方案。

對于朋友、專家和客戶可以提供具有交互功能的可錄入信息的中保真原型,設(shè)計盡量保證完成,以便于手機用戶的全部操作行為。

PC端產(chǎn)品可以考慮使用axure制作web端中保真可交互原型。移動端app可以考慮使用墨刀制作中保真可交互原型。課程中g(shù)oogle團隊使用InVision制作中保真原型,實現(xiàn)點擊跳轉(zhuǎn),但是筆者實測后,感覺頁面加載速度緩慢,而且不可以實現(xiàn)信息錄入功能。墨刀是一個款移動端原型制作工具,原型制作制作方便,可以快捷添加一些簡單的交互動畫,信息錄入,邏輯判斷等功能,支持微信分享,便于傳播手機信息。

訪談過程中使用手機屏幕錄制工具,記錄用戶操作過程。在獲得用戶允許的情況下,使用手機錄制用戶操作時的表情,同步進行,用于分析用戶的困惑。

前期的用戶調(diào)研可能會讓開發(fā)進度放緩,但盡早發(fā)現(xiàn)問題,可以為后續(xù)的產(chǎn)品開發(fā)節(jié)省更多時間,所以基于原型的設(shè)計實際上就是在產(chǎn)品定義之初便引入敏捷開發(fā),通過高速迭代優(yōu)化出解決痛點的MVP。

工具總結(jié)

紙筆-低保真原型–產(chǎn)品團隊

墨刀或axure-中保真原型-朋友,專家和客戶

P.S.開發(fā)資源富裕的團隊,如微信團隊,可以實現(xiàn)每個想法的高保真原型快速輸出和范圍測試。

#專欄作家#

田宇洲(微信公眾號:言之有術(shù)),人人都是產(chǎn)品經(jīng)理專欄作家,北京大學軟件工程管理碩士,北京電信4年產(chǎn)品經(jīng)理,負責B2B電商平臺的前后端產(chǎn)品設(shè)計,擅長游戲化產(chǎn)品設(shè)計,挖掘用戶畫像。

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 每個人都有熟悉的工具,用著順手就好,但是如果論協(xié)同設(shè)計的話axure和墨刀做的還是不錯的可以試試

    來自北京 回復
  2. 贊同,先跑通業(yè)務(wù)邏輯,再著手進行高保真美觀樣式設(shè)計

    來自吉林 回復
  3. +1

    來自上海 回復
  4. 圖片真漂亮,贊,喜歡~

    來自廣東 回復