高保真原型的這幾個(gè)秘密,你知道嗎?

7 評(píng)論 43039 瀏覽 640 收藏 12 分鐘

這不是一篇關(guān)于“怎么做高保真原型“的文章,也不是一篇關(guān)于交互規(guī)范的文章,這篇文章對(duì)于交互新人或者想作一些改變的互聯(lián)網(wǎng)從業(yè)者有些許幫助。

如果你想了解關(guān)于高保真原型的一些知識(shí),這篇文章也許對(duì)你有用。一般高保真原型只在特定的環(huán)境下才會(huì)制作,因?yàn)樗娴暮芎臅r(shí)。人們通常喜歡美得事物,交互設(shè)計(jì)師也不例外,而高保真原型是交互設(shè)計(jì)師追求自我價(jià)值的一種方式(高逼格文檔)。當(dāng)然,交互設(shè)計(jì)師也期望通過高保真原型來幫助團(tuán)隊(duì)成員更好的理解產(chǎn)品,提高閱讀人群的瀏覽體驗(yàn)。

如果你關(guān)注用戶體驗(yàn),希望盡早獲取用戶反饋,高保真原型也可以幫助你,它可以作為一個(gè)最小可行性產(chǎn)品。

交互設(shè)計(jì)師通常使用Axure來繪制高保真原型,因?yàn)锳xure是使用最廣泛的工具。根據(jù)個(gè)人喜好,可以選擇不同的工具。

Axure使原型設(shè)計(jì)及和客戶的交流方式發(fā)生了變革:

1,Axure可以進(jìn)行更加高效的動(dòng)態(tài)設(shè)計(jì);

2,Axure可以讓你體驗(yàn)動(dòng)態(tài)真實(shí)原型;

3,Axure可以更加清晰的交流想法;

4,Axure可以更便捷的被分享;

下面,我將從3個(gè)方面來介紹高保真原型。

1,什么是高保真原型?(what)

2,為什么要高保真原型?(why)

3,什么時(shí)候做高保真原型?(when)在什么場(chǎng)景下做高保真原型?(where)高保真原型由誰做?做給誰看?(who)

首先,我們先看下面一張圖

高保真原型不是一個(gè)人可以做的事情,高保真原型需要交互、視覺、產(chǎn)品的配合;

高保真原型不是必須的,但有它更好,請(qǐng)?jiān)诤线m的時(shí)間和場(chǎng)景下制作高保真;

高保真原型是一個(gè)最小化的MVP產(chǎn)品之一,它可以幫助你快速驗(yàn)證市場(chǎng);

高保真原型的閱讀人群更加廣泛,它不僅可以被視覺、開發(fā)、產(chǎn)品閱讀,還可以被市場(chǎng)、運(yùn)營(yíng)、boss和種子用戶閱讀;

原型的保真程度可以分為:低保真、高保真

低保真原型(紙面原型、物理原型),下圖為低保真

QQ圖片20160307170139

下圖圖為高保真原型

線框展示

一、什么是高保真原型?

原型常被稱為線框圖、mockuo、demo,原型制作是在正式開始視覺設(shè)計(jì)和開發(fā)之前最具有成本效益的可用性手段之一。

高保真原型可以真實(shí)的模擬產(chǎn)品最終的視覺效果、交互效果和用戶體驗(yàn)感受。高保真原型也是最小可行性產(chǎn)品,即MVP產(chǎn)品。

一個(gè)登陸頁的栗子:

QQ截圖20151225121615

QQ截圖20151225121643

QQ截圖20151225121706

二、為什么要做高保真原型?

高保真原型是團(tuán)隊(duì)成員溝通的有效工具,它也是獲取前期用戶反饋數(shù)據(jù)的重要手段之一。

那么,我們來看看一幅關(guān)于軟件產(chǎn)品的漫畫,帶著問題繼續(xù)閱讀。

3

一千個(gè)人眼中有一千個(gè)哈姆萊特,每個(gè)人對(duì)需求的理解都不盡相同。如何讓不同的人對(duì)與需求,有一個(gè)統(tǒng)一的認(rèn)識(shí)?高保真原型無疑是一個(gè)很好的選擇。

1,它能清楚的告訴你的團(tuán)隊(duì)成員,要做的產(chǎn)品是什么樣子;

2,它能清晰的體現(xiàn)產(chǎn)品的用戶體驗(yàn);它能準(zhǔn)確的模擬后臺(tái)數(shù)據(jù)的大部分交互效果;

3,它能讓你的團(tuán)隊(duì)成員(市場(chǎng)、運(yùn)營(yíng)等)都能更好的理解需求;

4,它更加容易的被修改;它還能讓目標(biāo)用戶直接參與測(cè)試,告訴你他們是否需要;

高保真原型對(duì)不同人員的影響

對(duì)于公司

1,保證產(chǎn)品質(zhì)量。低成本高質(zhì)量的高保真原型為真正產(chǎn)品提供了保障;

2,工作量具體化。設(shè)計(jì)、開發(fā)、測(cè)試等環(huán)節(jié)評(píng)估工作量變得有據(jù)可依;

3,節(jié)約時(shí)間成本。大多會(huì)影響產(chǎn)品的隱患,都會(huì)在產(chǎn)品原型的時(shí)候被發(fā)現(xiàn),在開發(fā)階段之前被解決;

4,快速檢驗(yàn)產(chǎn)品設(shè)計(jì)。用高保真原型去驗(yàn)證產(chǎn)品的市場(chǎng),獲取最早期的市場(chǎng)信息,它是真實(shí)產(chǎn)品的試金石;

5,加深各個(gè)團(tuán)隊(duì)對(duì)產(chǎn)品需求和具體工作的理解;

注:創(chuàng)業(yè)公司的首要任務(wù)應(yīng)該是確定開發(fā)什么樣的產(chǎn)品,千萬別在浪費(fèi)了100W刀之后才醒悟,已經(jīng)開發(fā)了一個(gè)用戶不需要的產(chǎn)品。

對(duì)投資人

清楚的向投資者或商業(yè)伙伴展示你的產(chǎn)品。發(fā)一個(gè)PPT或Email過去,遠(yuǎn)遠(yuǎn)不如一個(gè)高保真原型來的有效。

對(duì)管理層

向管理層清楚的表明你要做的產(chǎn)品長(zhǎng)什么樣子。直接拿出原型給管理層演示,直觀有效的讓領(lǐng)導(dǎo)評(píng)估是否可行,管理層也能更加準(zhǔn)確的評(píng)估你所需要的資源。這比ppt講解、word說明、郵件交流直觀易懂多了,領(lǐng)導(dǎo)很快就能知道你要做的東西,并評(píng)估你的想法是否可行。

對(duì)產(chǎn)品經(jīng)理

1,需求具現(xiàn)化。也能幫助產(chǎn)品經(jīng)理梳理業(yè)務(wù)流程,查漏補(bǔ)缺;

2,快速且低成本地獲得反饋。在多種可能中對(duì)比試驗(yàn),快速驗(yàn)證產(chǎn)品的可行性;

3,便于與團(tuán)隊(duì)成員的溝通。制作一個(gè)閱讀體驗(yàn)更好的文檔,也是產(chǎn)品經(jīng)理工作之一;

對(duì)視覺設(shè)計(jì)師

1,設(shè)計(jì)師更加了解產(chǎn)品,輕松修改或者放棄設(shè)計(jì);

2,避免不必要的返工,越接近真實(shí)比列的高保真原型越能幫助視覺設(shè)計(jì)師把控布局排版;

3,讓設(shè)計(jì)師更加具有參與感。高保真原型是產(chǎn)品經(jīng)理、交互設(shè)計(jì)師和視覺設(shè)計(jì)師通力合作的杰作,讓設(shè)計(jì)師更加具有參與感。

對(duì)開發(fā)人員

1,開發(fā)看需求不那么費(fèi)勁了,開發(fā)再也不需要被大篇幅的文字和產(chǎn)品經(jīng)理啰嗦的講解折磨了;

2,好的高保真原型可以提高估算開發(fā)成本和開發(fā)時(shí)間的精準(zhǔn)度;

3,高保真原型可以成為開發(fā)團(tuán)隊(duì)的藍(lán)圖,開發(fā)人員可以更直觀更高效的領(lǐng)會(huì)產(chǎn)品設(shè)計(jì)和開發(fā)要求,節(jié)省開溝通成本;

對(duì)于測(cè)試人員

1,測(cè)試也不需要那么費(fèi)勁的看需求文檔了。

2,測(cè)試終于知道什么樣的測(cè)試結(jié)果是正確的。帶有交互說明高保真原型,可以直接指導(dǎo)技術(shù)進(jìn)行開發(fā),同時(shí)也可以指導(dǎo)測(cè)試編寫測(cè)試用例,進(jìn)行測(cè)試指導(dǎo)了。

對(duì)種子用戶

1,種子用戶會(huì)更早的使用你的產(chǎn)品,為你提供真實(shí)而又寶貴的意見。在正式推出產(chǎn)品前,通過制作高保證原型,邀請(qǐng)種子用戶試用,收集用戶反饋,驗(yàn)證你的產(chǎn)品是不是用戶所需。

2,用戶樂于與你一起分享他們所感受到的一切。

對(duì)你自己(交互設(shè)計(jì))

1,設(shè)計(jì)一個(gè)高質(zhì)量的原型,可以證明你的能力。

2,不斷跳轉(zhuǎn)更好的交互設(shè)計(jì),可以讓你不斷的成長(zhǎng)。

高保真是一把雙刃劍,用的好可以一往直前,用的不好會(huì)傷到自己:

  • 高保真原型真的要花更多的時(shí)間來設(shè)計(jì);
  • 高保真原型會(huì)引導(dǎo)人們從視覺和體驗(yàn)上去思考,不利于產(chǎn)品功能的討論。如果把控不好,容易引出一些對(duì)細(xì)節(jié)的討論;

高保真原型在交互圈子里一直是備受爭(zhēng)議的,至今也沒有一個(gè)標(biāo)準(zhǔn)的結(jié)果。其實(shí)在爭(zhēng)論的時(shí)候,有一個(gè)前提,這個(gè)前提是你得會(huì)制作高保真原型,不然有什么話語權(quán)和會(huì)的人爭(zhēng)論呢?

這個(gè)問題只有自己實(shí)踐才能獲得正確的答案,每個(gè)公司的狀態(tài)可能有不同的結(jié)果?!霸?,大家說好,才叫好!”

三、高保真原型在什么時(shí)候,什么場(chǎng)景,由什么人制作?

我們制作高保真原型的目的就是為了便于溝通,快速驗(yàn)證市場(chǎng)。只要你能達(dá)到這樣的目的,使用線框圖也是可以的。

相信有些UI設(shè)計(jì)師會(huì)跳出來說:“原型畫的這么細(xì)致,UI設(shè)計(jì)師就沒有發(fā)揮的空間了“其實(shí)高保真原型是交互、PM和UI共同合作的結(jié)果。

高保真原型是產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、UI設(shè)計(jì)師共同合作的結(jié)果,合作得當(dāng),短時(shí)間也可以創(chuàng)作精美的高保真原型。

注意事項(xiàng):

  1. 告訴測(cè)試者:這只是產(chǎn)品原型,是產(chǎn)品創(chuàng)意,不是正式的產(chǎn)品;
  2. 保持平和情緒,不要陷入吹毛求疵的狀態(tài);
  3. 原型并不是規(guī)格說明,需要說明的地方,還需要專業(yè)的說明文檔;
  4. 原型中不可能包括所有答案,一個(gè)高保真原型解決不了所以的問題;
  5. 高保真原型的制作需要管理層的支持和保護(hù);

寫在后面的話

采用高保真原型是全體團(tuán)隊(duì)成員了解用戶需求和用戶體驗(yàn)的最有效的途徑。制作一個(gè)高保真原型可以幫助我們解決很多已經(jīng)存在的問題。在探索交互設(shè)計(jì)的道路上,我們還有很多問題需要解決,任重而道遠(yuǎn)。

實(shí)踐才是檢驗(yàn)真理額唯一標(biāo)準(zhǔn)。許多的想法,需要我們實(shí)踐去證實(shí)。

參考書籍

啟示錄-打造用戶喜愛的產(chǎn)品

精益創(chuàng)業(yè)

 

本文由 @clone?(微信號(hào):caolonghd)原創(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. 一看就知道作者讀過《啟示錄》,正反意見我各提一點(diǎn):
    正:確實(shí)如作者所說,作為產(chǎn)品經(jīng)理,當(dāng)你沒有真正與UI設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師或交互設(shè)計(jì)師等一同做出過一個(gè)高質(zhì)量的高保真原型,你是沒法體會(huì)到高保真原型帶來的價(jià)值的,因此你甚至沒法來評(píng)論做高保真是不是有必要。
    反:我做過高保真原型,我也從事過to B和to G產(chǎn)品經(jīng)理,制作高保真原型僅對(duì)領(lǐng)導(dǎo)有效果,且效果有限,對(duì)政府等機(jī)關(guān)單位的項(xiàng)目來說,高保真可能只要保證數(shù)據(jù)可視化的高保真即可,一線普通員工沒有話語權(quán),對(duì)于項(xiàng)目來說關(guān)注眾多部門的普通員工的用戶體驗(yàn)也實(shí)在沒有必要。對(duì)項(xiàng)目負(fù)責(zé),大多數(shù)時(shí)候只需低保真即可。

    來自江蘇 回復(fù)
  2. 請(qǐng)問“一個(gè)登陸頁的栗子”您用的是什么工具做的

    來自福建 回復(fù)
  3. 給一個(gè)上百萬千萬的客戶演示用可以,我們公司天天趕項(xiàng)目,也就幾十萬的單每個(gè)關(guān)卡都是有時(shí)間限制的,根本沒有時(shí)間做高保真?

    來自廣東 回復(fù)
  4. 本人做交互4年多,從來不做高保真原型,原因:1、效率問題,2、公司性質(zhì)對(duì)于外包公司,有必要做高保真給客戶,注意是客戶做演示,3、個(gè)人覺得目的只有一個(gè)快速準(zhǔn)確表達(dá)設(shè)計(jì)即可。按照文章所寫,高保真原型是在UI設(shè)計(jì)好之后的演示,所以對(duì)UI設(shè)計(jì)師來說,你做不做高保真跟他沒多大影響。

    來自廣東 回復(fù)
  5. 從嚴(yán)格意義上來講,這并不是一個(gè)高保真原型,至少我是這么覺得的,首先,從體驗(yàn)上來講,這通篇的站點(diǎn)地圖,是不能說明一個(gè)產(chǎn)品的邏輯的;第二,這種原型如果搜索產(chǎn)品畫而不是交互設(shè)計(jì)師畫,那么會(huì)嚴(yán)重的阻礙UI的設(shè)計(jì),會(huì)局限他們的;第三,沒覺得有什么亮點(diǎn)(除了顏色搭配之外);個(gè)人觀點(diǎn),勿噴

    來自安徽 回復(fù)
  6. 得瑟,滿屏幕都是樓主在得瑟的聲音,你強(qiáng),你有理。

    來自江西 回復(fù)
  7. 求rp文件學(xué)習(xí)學(xué)習(xí) ??

    來自福建 回復(fù)