產(chǎn)品原型
Axure RP是一款經(jīng)典的快速原型設(shè)計(jì)工具，在學(xué)習(xí)原型設(shè)計(jì)時(shí)箩张，我們需要了解線框圖阎肝、原型和視覺(jué)稿的區(qū)別挤渔。初學(xué)設(shè)計(jì)的讀者可能會(huì)混淆這三者，搞不清楚他們之間的區(qū)別风题，因此在正式的學(xué)習(xí)教程之前判导，我們需要了解清楚這三個(gè)概念，對(duì)于后續(xù)學(xué)習(xí)教程的內(nèi)容是十分有幫助的沛硅。
線框圖又稱低保真設(shè)計(jì)圖眼刃，通常用黑白灰線條來(lái)表達(dá)界面，并在旁邊標(biāo)注說(shuō)明一些解釋性的文字摇肌。通常為產(chǎn)品的大綱擂红，頁(yè)面的信息結(jié)構(gòu)以及交互行為描述。使用Axure RP可以方便快捷的繪制線框圖朦蕴，系統(tǒng)提供了豐富的元件以便我們繪制線框圖篮条，當(dāng)然我們也可以利用紙和筆繪制線框圖弟头。線框圖的最大的優(yōu)點(diǎn)在于“快捷高效”，繪制時(shí)不要關(guān)注一些細(xì)節(jié)的問(wèn)題涉茧，完成整體結(jié)構(gòu)的繪制赴恨，表達(dá)出設(shè)計(jì)思想和產(chǎn)品意圖即可。視覺(jué)層面的元素伴栓，在這個(gè)階段不需要過(guò)多關(guān)注伦连，盡量簡(jiǎn)化，黑白灰是線框圖的經(jīng)典配色钳垮，當(dāng)然我們可以使用藍(lán)色表示超鏈接惑淳。
原型的保真程序介于線框圖和視覺(jué)稿之間，是最終產(chǎn)品的模型饺窿，原型能夠表達(dá)出產(chǎn)品的交互邏輯歧焦。本書(shū)主要講解如何使用Axure RP這款工具制作產(chǎn)品原型。原型對(duì)于互聯(lián)網(wǎng)產(chǎn)品來(lái)說(shuō)非常重要肚医，對(duì)于產(chǎn)品設(shè)計(jì)來(lái)說(shuō)至關(guān)重要绢馍，主要在于原型能夠做到以下5點(diǎn)：
- 高效、便捷肠套、準(zhǔn)確的展示產(chǎn)品需求舰涌；
- 降低修改成本，做到快速更新和迭代你稚；
- 有效的驗(yàn)證一些假設(shè)條件和早期的想法瓷耙；
- 通過(guò)可視化的方法表達(dá)產(chǎn)品需求；
- 提高團(tuán)隊(duì)溝通的效率與質(zhì)量刁赖。
原型設(shè)計(jì)需要盡可能的與最終產(chǎn)品保持一致搁痛。完成原型后，我們先別著急進(jìn)行研發(fā)乾闰，首先我們將原型發(fā)送給項(xiàng)目的主要干系人進(jìn)行可用性測(cè)試落追，大家通過(guò)體驗(yàn)原型，發(fā)現(xiàn)產(chǎn)品設(shè)計(jì)中的問(wèn)題并提出反饋意見(jiàn)涯肩。根據(jù)收集的問(wèn)題或建議從而調(diào)整原型轿钠，最終的原型將指導(dǎo)后續(xù)的視覺(jué)設(shè)計(jì)、程序開(kāi)發(fā)病苗、功能測(cè)試等項(xiàng)目實(shí)施工作疗垛。在原型階段發(fā)現(xiàn)問(wèn)題的修改成本要遠(yuǎn)遠(yuǎn)低于開(kāi)發(fā)階段。
視覺(jué)設(shè)計(jì)稿是高保真原型的靜態(tài)設(shè)計(jì)圖硫朦。將視覺(jué)設(shè)計(jì)稿制作成可交互的原型就是高保真原型了贷腕。視覺(jué)設(shè)計(jì)稿一般通常由團(tuán)隊(duì)的平面設(shè)計(jì)師或UI設(shè)計(jì)師完成，視覺(jué)設(shè)計(jì)稿可以幫助團(tuán)隊(duì)從視覺(jué)審美的角度審視產(chǎn)品，提升產(chǎn)品的顏值泽裳。高顏值的視覺(jué)設(shè)計(jì)稿加上豐富的交互動(dòng)作制作而成的高保真原型瞒斩，無(wú)論是給老板、投資人看或者用于產(chǎn)品評(píng)審收集建議都是最佳選擇涮总。
專業(yè)名詞
在學(xué)習(xí)原型設(shè)計(jì)之前胸囱，我們希望大家了解下面的專業(yè)名詞，因此這將有助于讀者更加深刻的理解本書(shū)將要講解的知識(shí)與經(jīng)驗(yàn)瀑梗。
UI 全稱User Interface烹笔，中文名“用戶界面”。
UE 全稱User Experience抛丽，中文名“用戶體驗(yàn)”谤职。
UX 全稱User eXperience，中文名“用戶體驗(yàn)”亿鲜。
UI是用戶界面的簡(jiǎn)稱允蜈，一般指數(shù)字化產(chǎn)品的用戶操作界面，包含PC網(wǎng)頁(yè)狡门、移動(dòng)終端的應(yīng)用程序陷寝、智能穿戴設(shè)備等。UI設(shè)計(jì)主要指界面的樣式設(shè)計(jì)其馏、美觀程度，與交互設(shè)計(jì)不同的是爆安，UI設(shè)計(jì)領(lǐng)域的范圍主要為靜態(tài)的視覺(jué)化的界面設(shè)計(jì)叛复。交互設(shè)計(jì)則是從使用角度上，對(duì)界面的人機(jī)交互扔仓、操作邏輯上的可用性與易用性設(shè)計(jì)褐奥。
2000年UI傳入中國(guó)，金山是我國(guó)最早從事UI的公司翘簇，成立之初只有2人撬码，但是之后培養(yǎng)了眾多優(yōu)秀的設(shè)計(jì)領(lǐng)袖。之后國(guó)內(nèi)興起各大UI公司版保。2003年由金山轉(zhuǎn)會(huì)騰訊的唐沐主導(dǎo)QQ發(fā)展曬傷革命性的界面升級(jí)呜笑，在外觀和人性化方面給粉絲們帶來(lái)了較大改善。之后各大IT公司開(kāi)始重視UI彻犁。2009年蘋果公司正式把iPhone帶入中國(guó)叫胁，移動(dòng)UI開(kāi)始紅火，至今國(guó)內(nèi)UI已開(kāi)始大步發(fā)展汞幢。
UE與UX從中文的角度來(lái)看定義則是相同的驼鹅。用戶體驗(yàn)是指用戶使用產(chǎn)品或服務(wù)的過(guò)程中的個(gè)人主觀感受。個(gè)人的主觀感受包含行為、情感输钩、成就等各個(gè)方面豺型。用戶體驗(yàn)就是這些感受的整體體驗(yàn)，用戶界面只是其中的一部分买乃。因此用戶體驗(yàn)則是受多方面的因素影響姻氨，包含品牌度、個(gè)人使用經(jīng)驗(yàn)以及用戶的認(rèn)知等为牍。
可用性與易用性作為衡量用戶體驗(yàn)的兩個(gè)重要指標(biāo)哼绑，它們的好壞將直接影響用戶體驗(yàn)的結(jié)果。
可用性是交互式IT產(chǎn)品/系統(tǒng)的重要質(zhì)量指標(biāo)碉咆，指的是產(chǎn)品對(duì)用戶來(lái)說(shuō)有效抖韩、易學(xué)、高效疫铜、好記茂浮、少錯(cuò)和令人滿意的程度，即用戶能否用產(chǎn)品完成他的任務(wù)壳咕，效率如何席揽，主觀感受怎樣，實(shí)際上是從用戶角度所看到的產(chǎn)品質(zhì)量谓厘，是產(chǎn)品競(jìng)爭(zhēng)力的核心幌羞。
易用性是一種以使用者為中心的設(shè)計(jì)概念，易用性設(shè)計(jì)的重點(diǎn)在于讓產(chǎn)品的設(shè)計(jì)能夠符合使用者的習(xí)慣與需求竟稳。以互聯(lián)網(wǎng)網(wǎng)站的設(shè)計(jì)為例属桦，希望讓使用者在瀏覽的過(guò)程中不會(huì)產(chǎn)生壓力或感到挫折，并能讓使用者在使用網(wǎng)站功能時(shí)他爸，能用最少的努力發(fā)揮最大的效能聂宾。
為什么學(xué)習(xí)原型設(shè)計(jì)
當(dāng)我們掌握了原型設(shè)計(jì)的一些技能后，可以快速將心中所想的方案與創(chuàng)意通過(guò)可視化的界面呈現(xiàn)出來(lái)诊笤。如果沒(méi)有直觀的可視化原型界面系谐，我們將很難向別人闡述我們的完美方案與絕妙創(chuàng)意。正是因?yàn)橛辛嗽吞指覀兡軌蚋咝Ъ退?zhǔn)確的向別人展示我們的想法與創(chuàng)意，極大地提升了我們的溝通效率與溝通質(zhì)量许赃。
當(dāng)我們真正開(kāi)始原型設(shè)計(jì)時(shí)止喷，我們會(huì)對(duì)我們的產(chǎn)品功能與流程理解的更為深刻，甚至是發(fā)現(xiàn)我們最初想法的不足之處以及一些細(xì)節(jié)問(wèn)題混聊。原型設(shè)計(jì)的過(guò)程弹谁，其實(shí)也是在檢驗(yàn)我們的產(chǎn)品功能乾巧。原型設(shè)計(jì)過(guò)程中，能夠確定產(chǎn)品的結(jié)構(gòu)预愤，進(jìn)一步明確需求范圍沟于；通過(guò)原型設(shè)計(jì)，還可以梳理清楚產(chǎn)品功能之間植康、頁(yè)面之間內(nèi)在的邏輯關(guān)聯(lián)旷太，驗(yàn)證業(yè)務(wù)流程的合理性。
原型作為產(chǎn)品上線前的仿真模型销睁，基本與上線后的產(chǎn)品在功能供璧、交互上保持一致。我們可以通過(guò)查看產(chǎn)品原型冻记，來(lái)檢驗(yàn)產(chǎn)品的可用性與易用性睡毒，并發(fā)現(xiàn)一些產(chǎn)品細(xì)節(jié)設(shè)計(jì)上的不足之處。通過(guò)體驗(yàn)產(chǎn)品原型冗栗，可以收集用戶的反饋建議演顾，這些用戶建議對(duì)于改進(jìn)我們的產(chǎn)品設(shè)計(jì)、提升用戶使用體驗(yàn)隅居，提供了很大幫助钠至。
原型給誰(shuí)看
投資人或者老板通過(guò)原型能夠看到產(chǎn)品上線后的樣子，根據(jù)原型進(jìn)行判斷項(xiàng)目是否值得投資胎源，一份優(yōu)秀的原型能夠清晰的描繪出產(chǎn)品的發(fā)展藍(lán)圖棉钧，能夠促使投資人盡快作出投資決策，對(duì)項(xiàng)目更有信心涕蚤。
項(xiàng)目經(jīng)理根據(jù)確定的原型掰盘，可以清晰的知道需要哪些資源完成項(xiàng)目工作，參照原型界面項(xiàng)目經(jīng)理可以完成工作分解赞季、任務(wù)排期、工作量評(píng)估奢驯、項(xiàng)目驗(yàn)收等項(xiàng)目管理工作申钩。
有了原型，產(chǎn)品經(jīng)理?yè)?jù)此確認(rèn)產(chǎn)品需求及交互邏輯瘪阁，編寫需求文檔時(shí)插入原型圖撒遣，可以更清晰的說(shuō)明功能需求。原型設(shè)計(jì)一旦得到產(chǎn)品經(jīng)理的確認(rèn)后管跺，就成為了后續(xù)工作的指導(dǎo)準(zhǔn)則义黎。
有了原型后，UI設(shè)計(jì)師們的工作將會(huì)變得很輕松豁跑，只需要專注于視覺(jué)層面的配色及陰影等立體效果廉涕，界面的布局和信息展示都不需要重點(diǎn)關(guān)注。有了這樣的流程與專業(yè)分工，最終完成的產(chǎn)品設(shè)計(jì)質(zhì)量將會(huì)更高狐蜕。
一份專業(yè)的原型能夠讓研發(fā)工程師清晰的了解產(chǎn)品需求宠纯，明確接下來(lái)的主要工作。研發(fā)人員參照原型层释，進(jìn)行技術(shù)框架選型婆瓜，設(shè)計(jì)數(shù)據(jù)庫(kù)與接口、完成接口參數(shù)的定贡羔、制定傳輸規(guī)則等相關(guān)內(nèi)容廉白。
有了產(chǎn)品原型，測(cè)試工程師可以明確產(chǎn)品的功能需求并據(jù)此編寫測(cè)試用例乖寒。測(cè)試工程師更關(guān)注產(chǎn)品功能的細(xì)節(jié)問(wèn)題以及特殊場(chǎng)景下的使用需求猴蹂，常常會(huì)在邊界測(cè)試中發(fā)現(xiàn)原型設(shè)計(jì)的一些問(wèn)題，促使我們完善原型宵统。
哪些人需要學(xué)習(xí)原型設(shè)計(jì)
交互設(shè)計(jì)師是指參與完成對(duì)產(chǎn)品與它的使用者之間的互動(dòng)機(jī)制進(jìn)行分析晕讲、預(yù)測(cè)、定義马澈、規(guī)劃瓢省、描述和探索的過(guò)程的設(shè)計(jì)師，即定義人造物的行為方式的工作者痊班。交互指的是產(chǎn)品與它的使用者之間的互動(dòng)過(guò)程勤婚，而交互設(shè)計(jì)師則是秉承以用戶為中心的設(shè)計(jì)理念，以用戶體驗(yàn)度為原則涤伐，對(duì)交互過(guò)程進(jìn)行研究并開(kāi)展設(shè)計(jì)的工作人員馒胆。交互設(shè)計(jì)師的工作緊緊圍繞著人機(jī)交互的各種行為，原型是最能夠直觀反應(yīng)交互行為的設(shè)計(jì)載體凝果，因此祝迂，原型成為了交互設(shè)計(jì)師的主要產(chǎn)出物。
很多中小型的互聯(lián)網(wǎng)公司都沒(méi)有交互設(shè)計(jì)師崗位器净，因此交互方面的工作都由產(chǎn)品經(jīng)理完成型雳，比如交互行為的分析與研究，原型的制作等山害。各大招聘網(wǎng)站對(duì)產(chǎn)品經(jīng)理的崗位要求也明確寫明了需要熟練使用Axure設(shè)計(jì)產(chǎn)品原型纠俭。因此在很多中小企業(yè)，原型設(shè)計(jì)已經(jīng)為產(chǎn)品經(jīng)理的必備技能浪慌。
