為什麼要寫本書
作為Axure RP的擁戴者與資深用戶,有必要幫助Axure的初學者或者希望進一步深入學習Axure的用戶做點什麼。為了幫助大家能夠繫統性的學習Axure RP9,經過大半年的試用研究,總結編寫了這份學習教程。本書有淺入深地講解了Axure RP9的基礎功能,講解過程中結合具體的案例幫助大家件交互功能的理解。本書的最後兩個章節,都是滿滿的干貨案例,旨在通過件案例和頁面制作案例,來幫助大家找到Axure R9的交互使用場景,同時也是檢查並鞏固理論學習的過程。理論與實踐的完美結合,纔能夠使得我們在進行原型設計時遊刃有餘,從容淡定。
本書的產生過程
美國時間2018年9月5日,Axure官方博客首次對外公布了Axure RP9 Betal版的下載地址,我在第一時間體驗了這一重大版本。在使用體驗的過程中,每使用一個功能都會記錄下來,記錄的內容既有知識的分析歸納,經驗的總結分享,還有一些改進建議。改進建議的部分通過官方渠道進行了反饋。體驗的初期,Axure RP9的界面與交互構建器的改造對於我來說,還有些不適應,但隨著對Axure RP9的深度使用,你會發現這種不適應隻是出於本能的對新事務的一種抗拒,對舊事物的一種懷念而造成的。很快,我已經習慣並喜歡上了Axure RP9簡潔的界面、更符合心智流程的交互構造器以及更快的交互渲染引擎。Axure RP9的普及與推廣是一種必然的趨勢,慢慢的會逐漸成為最主流的版本。
原本隻是出於興趣編寫一些使用知識與經驗技巧,分享到網絡平臺。但由於一次偶然的機會,本書的策劃編輯安麒在簡書平臺發現了我編寫的關於Axure RP9教程的文集,便聯繫到我,希望出版一本關於Axure RP9教程的書籍。在後來的合作過程中,安麒對我提供了很大的幫助,本書能夠順利出版與他們的耐心指導與辛苦付出是分不開的。在此,我想對安麒由衷的表示感謝!也感謝家人在背後的默默支持,有了他們的支持,纔有更多精力投入到寫作中。
什麼是產品原型
要了解什麼是原型,我們不妨從了解線框圖、原型和視覺稿的區別開始。初學設計的讀者可能會混淆這三者,搞不清楚他們之間的區別,因此在正式的學習教程之前,我們需要了解清楚這三個概念,對於後續學習教程的內容是十分有幫助的。
線框圖又稱低保真設計圖,通常用黑白灰線條來表達界面,並在旁邊標注說明一些解釋性的文字。通常為產品的大綱,頁面的信息結構以及交互行為描述。使用Axure RP9可以方便快捷的繪制線框圖,繫統提供了件以便我們繪制線框圖,當然我們也可以利用紙和筆繪制線框圖。線框圖的最大的優點在於“快捷高效”,繪制時不要關注一些細節的問題,完成整體結構的繪制,表達出設計思想和產品意圖即可。視覺素,在這個階段不需要過多關注,盡量簡化,黑白灰是線框圖的經典配色,當然我們可以使用藍色表示超鏈接。
原型的保真程序介於線框圖和視覺稿之間,是最終產品的模型,原型能夠表達出產品的交互邏輯。本書主要講解如何使用Axure RP這款工具制作產品原型。原型對於互聯網產品來說非常重要,對於產品設計來說至關重要,主要在於原型能夠做到以下5點:
1. 快速、便捷、準確的傳達產品需求;
2. 降低修改成本,做到快速更新和迭代;
3. 快速有效的驗證一些假設條件和早期的想法;
4. 通過可視化的方法表達產品需求;
5. 提高團隊溝通的效率與質量。
原型設計需要盡可能的與最終產品保持一致。完成原型後,我們先別著急進行研發,首先我們將原型發送給項目的主要干繫人進行可用性測試,大家通過體驗原型,發現產品設計中的問題並提出反饋意見。根據收集的問題或建議從而調整原型,最終的原型將指導後續的視覺設計、程序開發、功能測試等項目實施工作。在原型階段發現問題的修改成本要遠遠低於開發階段。
視覺設計稿是高保真原型的靜態設計圖。將視覺設計稿制作成可交互的原型就是高保真原型了。視覺設計稿一般通常由團隊的平面設計師或UI設計師完成,視覺設計稿可以幫助團隊從視覺審美的角度審視產品,提升產品的顏值。高顏值的視覺設計稿加上符合邏輯的交互動作制作而成的高保真原型,無論是給老板、投資人看或者用於產品評審收集建議都是最佳選擇。
先學點專業名詞
在學習原型設計之前,我們希望大家了解下面的專業名詞,因此這將有助於讀者更加深刻的理解本書將要講解的知識與經驗。
UI 全稱User Interface,中文名“用戶界面”。
UE 全稱User Experience,中文名“用戶體驗”。
UX 全稱User eXperience,中文名“用戶體驗”。
UI是用戶界面的簡稱,一般指數字化產品的用戶操作界面,包含PC網頁、移動終端的應用程序、智能穿戴設備等。UI設計主要指界面的樣式設計、美觀程度,與交互設計不同的是,UI設計領域的範圍主要為靜態的視覺化的界面設計。交互設計則是從使用角度上,對界面的人機交互、操作邏輯上的可用性與易用性設計。
UE與UX從中文的角度來看定義則是相同的。用戶體驗是指用戶使用產品或服務的過程中的個人主觀感受。個人的主觀感受包含行為、情感、成就等各個方面。用戶體驗就是這些感受的整體體驗,用戶界面隻是其中的一部分。因此用戶體驗則是受多方面的因素影響,包含品牌度、個人使用經驗以及用戶的認知等。
可用性與易用性作為衡量用戶體驗的兩個重要指標,它們的好壞將直接影響用戶體驗的結果。
可用性是交互式IT產品/繫統的重要質量指標,指的是產品對用戶來說有效、易學、高效、好記、少錯和令人滿意的程度,即用戶能否用產品完成他的任務,效率如何,主觀感受怎樣,實際上是從用戶角度所看到的產品質量,是產品競爭力的核心。
易用性是一種以使用者為中心的設計概念,易用性設計的重點在於讓產品的設計能夠符合使用者的習慣與需求。以互聯網網站的設計為例,希望讓使用者在瀏覽的過程中不會產生壓力或感到挫折,並能讓使用者在使用網站功能時,能用最少的努力發揮最大的效能。
為什麼需要原型
當我們掌握了原型設計的一些技能後,可以快速將心中所想的方案與創意通過可視化的界面呈現出來。如果沒有直觀的可視化原型界面,我們將很難向別人闡述我們的完美方案與絕妙創意。正是因為有了原型,我們能夠高效、準確的向別人展示我們的想法與創意,極大地提升了我們的溝通效率與溝通質量。
當我們真正開始原型設計時,我們會對我們的產品功能與流程理解的更為深刻,甚至是發現我們最初想法的不足之處以及一些細節問題。原型設計的過程,其實也是在檢驗我們的產品功能。原型設計過程中,能夠確定產品的結構,進一步明確需求範圍;通過原型設計,還可以梳理清楚產品功能之間、頁面之間內在的邏輯關聯,驗證業務流程的合理性。
原型作為產品上線前的仿真模型,基本與上線後的產品在功能、交互上保持一致。我們可以通過查看產品原型,來檢驗產品的可用性與易用性,並發現一些產品細節設計上的不足之處。通過體驗產品原型,可以收集用戶的反饋建議,這些用戶建議對於改進我們的產品設計、提升用戶使用體驗,提供了很大幫助。
哪些人會看原型
投資人或者老板通過原型能夠看到產品上線後的樣子,根據原型進行判斷項目是否值得投資,一份優秀的原型能夠清晰的描繪出產品的發展藍圖,能夠促使投資人盡快作出投資決策,對項目更有信心。
項目經理根據確定的原型,可以清晰的知道需要哪些資源完成項目工作,參照原型界面項目經理可以完成工作分解、任務排期、工作量評估、項目驗收等項目管理工作。
有了原型,產品經理據此確認產品需求及交互邏輯,編寫需求文檔時插入原型圖,可以更清晰的說明功能需求。原型設計一旦得到產品經理的確認後,就成為了後續工作的指導準則。
有了原型後,UI設計師們的工作將會變得輕松一些,將精力專注於視覺層面的配色及陰影等立體效果,界面的布局和信息展示在原型中已經完成。有了這樣的規範流程與專業分工,最終完成的產品設計質量將會更高。
一份專業的原型能夠讓研發工程師清晰的了解產品需求,明確接下來的主要工作。研發人員參照原型,進行技術框架選型,設計數據庫與接口、完成接口參數的定、制定數據傳輸規則等相關內容。
有了產品原型,測試工程師可以明確產品的功能需求並據此編寫測試用例。測試工程師更關注產品功能的細節問題以及特殊場景下的使用需求,常常會在邊界測試中發現原型設計的一些問題,促使我們完善原型。
誰需要學習原型
交互設計師是指參與完成對產品與它的使用者之間的互動機制進行分析、預測、定義、規劃、描述和探索的過程的設計師,即定義人造物的行為方式的工作者。交互指的是產品與它的使用者之間的互動過程,而交互設計師則是秉承以用戶為中心的設計理念,以用戶體驗度為原則,對交互過程進行研究並開展設計的工作人員。交互設計師的工作緊緊圍繞著人機交互的各種行為,原型是最能夠直觀反應交互行為的設計載體,因此,原型成為了交互設計師的主要產出物。
很多中小型的互聯網公司都沒有交互設計師崗位,因此交互方面的工作都由產品經理完成,比如交互行為的分析與研究,原型的制作等。各大招聘網站對產品經理的崗位要求也明確寫明了需要熟練使用Axure設計產品原型。因此在很多中小企業,原型設計已經為產品經理的必備技能。
熟練使用Axure設計產品原型已經成為交互設計師和產品經理的一個必備基礎工作能力,招聘網站中各大公司對這兩個崗位的任職要求我們能夠看出這一趨勢。如果你正在從事或即將從事這兩個崗位,那麼學好Axure設計產品原型已經成為必須要做的一件事。