熱評 海王 · 亞瑟

好全面惹

工作流程

交互設計師的工作,不僅僅是輸出設計方案,還需要參與前期的需求討論、后期開發(fā)、測試驗收等等產(chǎn)品設計與實現(xiàn)的多個環(huán)節(jié)。拿到一個新的項目需求后,從設計思考開始,產(chǎn)品前期分析,設計產(chǎn)品,設計評審,用戶測試,直至產(chǎn)品上線。我們的工作流程如下:

超全面!交互設計師的工作流程指南

項目展開的過程中,必然會產(chǎn)生一些輸出物,以下是我們歸納出的輸出產(chǎn)物以及可以同步的平臺匯總。

超全面!交互設計師的工作流程指南

需求分析階段

需求分析是軟件計劃階段的重要活動,也是軟件生存周期中的一個重要環(huán)節(jié),該階段是分析系統(tǒng)在功能上需要「實現(xiàn)什么」,而不是考慮如何去「實現(xiàn)」。需求分析的目標是把用戶對待開發(fā)軟件提出的「要求」或「需要」進行分析與整理,確認后形成描述完整、清晰與規(guī)范的文檔,確定軟件需要實現(xiàn)哪些功能,完成哪些工作。此外,軟件的一些非功能性需求(如軟件性能、可靠性、響應時間、可擴展性等),軟件設計的約束條件,運行時與其他軟件的關系等也是軟件需求分析的目標。

越是高階的交互設計師,越要有產(chǎn)品思維,越要從產(chǎn)品全局、產(chǎn)品源頭去考慮用戶的訴求。所以這個階段雖然是產(chǎn)品經(jīng)理、產(chǎn)品設計師更偏重的知識點,但作為交互設計師也應該逐步積累這方面的技能。

1. 用戶研究報告文檔

文檔的價值與目的

為什么要進行這次調(diào)研?可以是為了確認產(chǎn)品功能是否好用,可以是了解用戶喜好,可以是為了推廣新產(chǎn)品。以這次調(diào)研為例,目的是通過用戶調(diào)研,理性了解用戶,根據(jù)他們的目的、行為和態(tài)度差異,將他們區(qū)分不同類型,然后從每種類型中抽取出典型特征,賦予人群畫像,最終挖掘出不同人群對產(chǎn)品的偏好和潛在需求,以及對品牌的認知程度,從而指導市場推廣和產(chǎn)品設計。

文檔的目錄結構

超全面!交互設計師的工作流程指南

 

2. 用戶畫像

用戶畫像是在真實數(shù)據(jù)的基礎上嚴格定義出的高保真虛擬用戶,是真實用戶的虛擬代表。用戶畫像不是真實用戶,但是在設計過程中代表了真實用戶,用戶畫像不是虛構的,是嚴格研究出來的。

此處需要區(qū)分人物角色和用戶畫像的概念,通常人物角色運用于產(chǎn)品概念早期,人物角色的信息通常是由我們編造的。我們希望人物角色與我們所收集了解到的內(nèi)容保持一致,同時為了使人物角色更加栩栩如生,他們的一些具體細節(jié)可以是虛構的。用戶畫像則是群體定量統(tǒng)計分析,對用戶進行標簽處理,海量數(shù)據(jù)挖掘所得。需要特別指出的是,也有一部分人將角色和畫像視為同一個概念,只是隨著產(chǎn)品階段不同處于不斷變化的過程之中,功能作用也隨之不同。

用戶畫像的目的

為保證產(chǎn)品是為有需求的人設計,同時為產(chǎn)品設計提供依據(jù)。有助于了解并定位目標用戶,挖掘核心需求,豐富場景,進行趨勢預測。

3. 產(chǎn)品功能列表

當需求分析、篩選和評定優(yōu)先級之后得出結果,交互設計師需要把產(chǎn)品功能以列表的形式展現(xiàn)出來。這是需求分析之后,提出解決方案的第一步。

產(chǎn)品列表的價值

功能需求列表的價值,一是幫助產(chǎn)品經(jīng)理理清思路,二是幫助項目團隊的其它成員了解產(chǎn)品功能需求,好讓他們提前做好相關準備。

功能列表的內(nèi)容:

  • 模塊:一般來說,每個模塊下分 3~6 個子模塊是合理的,否則要考慮重新劃分。
  • 子模塊:也就是一級模塊的二級分類,這里就已經(jīng)涉及到產(chǎn)品架構的梳理了,但這里只是大致地梳理一下,后期在產(chǎn)品設計的下一個環(huán)節(jié)「搭框架」會進一步調(diào)整。
  • 功能:要給用戶提供什么功能,給這個功能起個名字。
  • 功能描述:這個功能具體包含哪些操作,可以描述的具體一些,如支持用戶填寫基本信息可自由創(chuàng)建課程,進入課程空間就可對課程進行編輯和管理,還可發(fā)布、刪除課程等。
  • 用戶價值描述:也就是可以給用戶提供什么價值。
  • 需求優(yōu)先級:這塊是整個 Feature List 工作中核心的部分,判斷的準確與否直接影響著將來產(chǎn)品的方向,我們只需要將我們之前評定的需求優(yōu)先級照抄過來就好。
  • 開發(fā)量:一般由研發(fā)部門的項目經(jīng)理或者開發(fā)來確定。
  • 投入產(chǎn)出比:簡單來說,就是商業(yè)價值除以開發(fā)工作量(或開發(fā)難度),當然每個團隊可以找出一個合適自己產(chǎn)品需求 ROI 的計算方法。
  • 備注:覺得需要強調(diào)的,比較特殊的東西。

超全面!交互設計師的工作流程指南

4. 場景故事板

故事板,起源于動畫行業(yè)。在電影電視中,故事板的作用是來安排劇情中的重要鏡頭。他們相當于一個可視化的劇本,故事板展示了各個鏡頭之間的關系,以及他們是如何串聯(lián)起來,給觀眾一個完整的體驗。

現(xiàn)在,「故事板」在產(chǎn)品設計過程中也被廣泛的采用,雖然產(chǎn)品設計故事板和動畫、影視制作故事板都是用一系列的圖片和語言組成的視覺表現(xiàn)形式,但是之間所表達的信息和目標用戶卻是不一樣的。

故事板的價值

我們在做「產(chǎn)品設計故事板」的目的是讓產(chǎn)品設計師在特定產(chǎn)品使用情境下,全面理解用戶和產(chǎn)品之間的交互關系。

原型設計階段

搞清了產(chǎn)品定位后,就到了原型設計階段,這個階段交互設計師需要撰寫交互文檔。交互文檔,即交互設計說明文檔。英文「Design Requirement Document」,縮寫「DRD」。 主要是用來承載設計思路、設計方案、信息架構、原型線框、交互說明等內(nèi)容。

DRD 非項目必需環(huán)節(jié),一般情況下也不會為交互設計師專門留出相應的時間預估。沒有這份文檔,項目也會繼續(xù),但是可能項目會為此承擔不必要的溝通成本和時間成本。嚴重的話,項目的質(zhì)量也會受到影響。所以寫與不寫,交互設計師需要做把握。

以下是 DRD 的目錄結構:

超全面!交互設計師的工作流程指南

因為是非必要環(huán)節(jié),這里就不詳細介紹了。

在一款產(chǎn)品的設計過程中,功能結構圖是必須的,信息架構圖視產(chǎn)品和 PM 自身而定,通常我們初步確定了產(chǎn)品功能結構圖(產(chǎn)品功能框架)之后才開始繪制產(chǎn)品結構圖。在產(chǎn)品設計流程中,產(chǎn)品功能結構圖是產(chǎn)品概念化階段的初期輸出,產(chǎn)品結構圖是產(chǎn)品概念化的尾期階段輸出物,當產(chǎn)品結構圖完成后,我們對產(chǎn)品的基本模樣在心里就有了一個輪廓。同時以產(chǎn)品結構圖作為繪制線框圖的依據(jù),可以避免我們在產(chǎn)品設計中邊畫邊改,跳進死掐細節(jié),不見森林的陷阱。

1. 流程圖的基本構成和常用符號

超全面!交互設計師的工作流程指南

流程圖由特定的圖形構成,但具體樣子由圖本身的目的和閱讀者的閱讀習慣或約定來確定,所以使用的圖形并不是固定的,形式并不是最重要的,達到描述效果且讀者能讀懂即可。

2. 業(yè)務流程圖(泳道圖)

業(yè)務流程圖,不是操作流程圖也不是頁面流程圖。它是產(chǎn)品的整體業(yè)務流程,直接和業(yè)務掛鉤,可以說是產(chǎn)品的核心流程。

超全面!交互設計師的工作流程指南

作用

通過業(yè)務流程圖,鉆研關鍵事件的流程,分析為什么要這么做,探索出更深層次的問題,從而對現(xiàn)有不合理的業(yè)務流程進行重組優(yōu)化,進而制定優(yōu)化方案,改進現(xiàn)有流程;闡述在項目中各個角色是如何產(chǎn)生相關聯(lián)系的。

繪制規(guī)范/建議

  • 讓涉眾參與,不要閉門造車:與業(yè)務流程圖包含的各個參與角色代表適時確認事情的原本流程,杜絕自己想象。
  • 恰當?shù)膶哟畏纸猓灰獙⑺械沫h(huán)節(jié)都鋪到一張圖上。
  • 逐漸深入,先抓枝干:切忌一開始就陷入細節(jié)。
  • 流程一定有開始和結束:用清晰代表開始和結束的符號來完成第一步和最后一步。
  • 流程圖符號繪制排列順序:由上至下,由左至右。
  • 同一流程圖符號大小宜相對一致。
  • 編號:這是讓溝通效率提高的優(yōu)化措施。當你有了編號系統(tǒng),相當于對你的流程圖都賦予了唯一識別身份證號。 負責流程規(guī)則審核和優(yōu)化的部分能夠清楚地在郵件里傳達:H5.1流程優(yōu)化,大家就更明確指的是什么。
  • 路徑符號應避免互相交叉。
3. 功能結構圖

功能結構圖就是按照功能的從屬關系畫成的圖表,在該圖表中的每一個框都稱為一個功能模塊。功能模塊可以根據(jù)具體情況分得大一點或小一點,分解得最小功能模塊可以是一個程序中的每個處理過程,而較大的功能模塊則可能是完成某一個任務的一組程序。用通俗的話來說,功能結構圖就是以功能模塊為類別,介紹模塊下其各功能組成的圖表。

超全面!交互設計師的工作流程指南

作用

  • 梳理需求,以鳥瞰的方式對整個產(chǎn)品頁面中的功能結構形成一個直觀的認識。
  • 思考并明確產(chǎn)品的功能模塊及其功能組成。
4. 信息架構圖

信息架構屬于用戶體驗的結構層,是產(chǎn)品的骨架。一般是由產(chǎn)品經(jīng)理或者更高層的管理人員給出大框架。除非是大的產(chǎn)品迭代,否則不會大改。

超全面!交互設計師的工作流程指南

作用

  • 幫助 PM 梳理復雜內(nèi)容的信息組成,避免信息內(nèi)容在展示過程中出現(xiàn)遺漏、混亂、重復;
  • 作為開發(fā)工程師建立數(shù)據(jù)庫的參考依據(jù)。

信息結構圖構成要素

  • 導航:網(wǎng)頁訪問者的訪問途徑。
  • 頻道:某一個同性質(zhì)的功能或內(nèi)容的共同載體,也可稱為功能或內(nèi)容的類別。
  • 子頻道:某頻道下細分的另一類別。
  • 頁面:單個或附屬某個頻道或分類下的界面。
  • 模塊:頁面中多個元素組成的一個區(qū)域內(nèi)容,可以有一個或多個,也可以循環(huán)出現(xiàn),如文章列表。
  • 模塊元素:模塊中的元素內(nèi)容,以文章列表舉例,文章標題、文章摘要、文章發(fā)布時間,這些都是元素,都是組成模塊的內(nèi)容,同時他們也是可以循環(huán)出現(xiàn)的。元素的類型可以是文字、圖片、鏈接等等。
5. 任務流程圖

任務流程圖就是通過圖形化的表達形式,闡述產(chǎn)品在功能層面的邏輯和信息。它能夠更清晰、直觀地展示用戶在使用某個功能時,會產(chǎn)生的一系列操作和反饋的圖標。

超全面!交互設計師的工作流程指南

作用

基于業(yè)務流程,進行任務流程梳理,闡述角色和程序發(fā)生交互的流程,你如何進行操作,系統(tǒng)如何進行反饋。

任務流程與需求文檔中的業(yè)務流程并不一樣。雖然它們都是流程圖,但業(yè)務流程更偏向于業(yè)務限制、后臺邏輯等,并不過分注重用戶的操作邏輯。而任務流程則需要關注用戶如何操作、界面如何反饋等,從而引導用戶完成用戶目標。

6. 產(chǎn)品結構圖

產(chǎn)品結構圖是綜合展示產(chǎn)品信息和功能邏輯的圖表,簡單說產(chǎn)品結構圖就是產(chǎn)品原型的簡化表達。

超全面!交互設計師的工作流程指南

作用

它能夠在前期的需求評審中或其他類似場景中作為產(chǎn)品原型的替代,因為產(chǎn)品結構圖相較于產(chǎn)品原型,其實現(xiàn)成本低,能夠快速對產(chǎn)品功能結構進行增、刪、改操作,減少 PM 在這個過程中的實現(xiàn)成本。

7. 線框圖

頁面線框圖,是通過圖形化的表達形式,闡述產(chǎn)品在頁面層面的信息。

超全面!交互設計師的工作流程指南

構成要素

  • 頁面標題:即每一個頁面的對應標題,一般就是導航欄標題。
  • 頁面內(nèi)容:以黑白為主,保證信息規(guī)整易讀。
  • 交互說明:用標簽將其對應起來,包括交互邏輯、操作流程及反饋、元素狀態(tài)、字符限制、異常/特殊狀態(tài)、相關規(guī)則等等。
  • 主流程線:只需要畫出主流程線即可,千萬不能太多太雜,時刻考慮讀者的感受。
8. 交互說明的幾種類型

限制

限制,包含范圍值、極限值等。

范圍值主要指數(shù)據(jù)的取值范圍。比如,當你的界面上出現(xiàn)了下拉菜單、篩選按鈕、滑塊等控件時,你必須標注清楚它們的選擇范圍,否則開發(fā)人員就不清楚該如何設定,如圖所示。

超全面!交互設計師的工作流程指南

極限值主要指數(shù)據(jù)的顯示限制。比如,最多應該顯示多少字數(shù),過時如何顯示,是否折行等,如圖所示。

超全面!交互設計師的工作流程指南

狀態(tài)

包含默認狀態(tài)、常見狀態(tài)、特殊狀態(tài)等。

默認狀態(tài)主要指默認顯示的文字、數(shù)據(jù)、選項等。這些內(nèi)容需要注明,否則開發(fā)人員可能難以意識到這是用戶填完的效果,還是默認就有的。

超全面!交互設計師的工作流程指南

超全面!交互設計師的工作流程指南

常見狀態(tài)主要指針對某-一個模塊,經(jīng)常遇到的一些狀態(tài)。這些狀態(tài)都需要在原型上表述出來。比如一個普通的積分模塊,一般會出現(xiàn)3種狀態(tài):未登錄狀態(tài)、登錄后未簽到狀態(tài)、登錄后已簽到狀態(tài),如圖所示。

超全面!交互設計師的工作流程指南

特殊狀態(tài)一般指非正常情況 下的樣式、文案、說明等,如圖所示。

超全面!交互設計師的工作流程指南

操作

包含常見操作、特殊操作、誤操作、手勢操作等。

常見操作主要指正常操作時得到的反饋狀態(tài)。比如一個普通的翻頁控件,在經(jīng)過不同操作后會立即出現(xiàn)如下的狀態(tài)。

超全面!交互設計師的工作流程指南

特殊操作主要指一些極端情況下的操作。一般,用戶不會這么操作,但是-旦遇到極端情況,還是要想好應對措施,因為對于開發(fā)人員來說,不管是正常的還是極端的操作情況,他們都要去編寫對應的代碼。如下圖,是填寫用戶信息的例子,當不寫交互說明時,開放往往會遇到很多問題:如果已經(jīng)勾選了2個人,再勾選第3個人,怎么辦?如果勾選了「張XX」,下面區(qū)塊中會相應地出現(xiàn)張XX的信息,那么這時候允許修改張XX的身份證信息嗎?假如允許的話,修改后「張XX」還保持勾選狀態(tài)嗎?表單提交后要新增一-個被保險人信息嗎?若修改的是除身份證號碼以外的信息,「張XX」 還保持勾選狀態(tài)嗎?提交表單時是覆蓋原存儲信息嗎?若修改后出生日期、性別與身份證號碼不吻合怎么辦?......

超全面!交互設計師的工作流程指南

面對各種復雜的情況,一方面,要和開發(fā)人員積極探討,看看有沒有其他的解決方法可以簡化各種邏輯判斷;另一方面,在得出結論后,要把交互說明寫清楚,避免出現(xiàn)讓開發(fā)人員感到棘手的情況。

誤操作主要指當用戶操作錯誤時的情況。不過我們在設計時要盡量避免用戶犯錯的機會。如圖所示,提示中已告訴用戶「庫存5件」,如果這個時候用戶在「數(shù)量」一欄中輸入「6」會怎么樣呢?系統(tǒng)會自動幫用戶將其改為「5」省去用戶手動修正。

超全面!交互設計師的工作流程指南

手勢操作主要指用戶使用移動產(chǎn)品時的操作方式。常見的有點擊雙擊、長按、捏、伸、滑動,等等。

反饋

用戶操作后得到的反饋動作,包含提示、跳轉(zhuǎn)、動畫等。

提示主要指操作后,系統(tǒng)反饋給用戶的文字說明等,如圖所示。

超全面!交互設計師的工作流程指南

跳轉(zhuǎn)主要指點擊某個鏈接后,頁面跳轉(zhuǎn)到哪里。設計師需要在原型;上注明跳轉(zhuǎn)時是「原頁面刷新」還是「新頁面打開」。如果是做手機應用的話,需要注明跳轉(zhuǎn)時的轉(zhuǎn)場方式,如圖所示。

超全面!交互設計師的工作流程指南

動畫主要指用戶操作后,系統(tǒng)通過動畫的方式反饋給用戶。動畫給人的感覺比較友好、趣味性較強,是非常常見的一種反饋形式。比如刪除某條信息,該信息以漸變消失的形式告訴用戶:這條信息已經(jīng)被刪除了。

在移動應用中,動畫反饋的形式更為常見。因此設計師一定要在原型上表述清楚動畫的形式,必要時可以制作-段動畫演示效果給開發(fā)人員。

更多交互說明的內(nèi)容可參閱《破繭成蝶-用戶體驗設計師》

視覺設計階段

在視覺設計階段,交互設計師需要向視覺設計師介紹交互原型;對輸出的視覺設計方案,需要從交互角度予以評估,比如與交互設計初衷是否一致、內(nèi)容的主次是否表達得當、是否有細節(jié)遺漏或錯亂等等。另外,這時DRD中的全局通用說明也將起到了很大的作用。視覺設計師可以通過全局通用說明,了解到整個產(chǎn)品界面中需要用到的控件、可復用界面、時間規(guī)范、卻省頁匯總,以便視覺設計師整理梳理視覺規(guī)范,防止出高保真時遺漏界面。

1. 全局通用說明

全局通用說明,指整個產(chǎn)品可通用或者復用的元素。一般是邊做文檔邊整理出來的,方便自己或者接手該項目的設計師直接調(diào)用。其次,對開發(fā)及時封裝可復用控件也是有參考價值的。

常用控件

常用控件類似UIKit,通常將極具復用價值的控制整理在一起,方便及時調(diào)用。

超全面!交互設計師的工作流程指南

復用界面

顧名思義就是全局可復用的一些內(nèi)頁,比如選擇聯(lián)系人、獨立搜索頁等。

超全面!交互設計師的工作流程指南

時間規(guī)范

在做產(chǎn)品的第一步,就應該約定一個時間規(guī)范。不然各個端開發(fā)出來,你會發(fā)現(xiàn)iOS是斜杠的,Android是橫杠的,WEB是圓點的。

超全面!交互設計師的工作流程指南

缺省頁匯總

缺省頁一般包括加載失敗、加載中、網(wǎng)絡中斷和無數(shù)據(jù)的空頁面。為空頁可以按照模塊整理在一起,方便UI設計師最后一起設計缺省頁,保持風格統(tǒng)一。

超全面!交互設計師的工作流程指南

2. 功能動效

用戶往往比我們預想中更能注意到頁面中的細節(jié),動效除了要幫助用戶快速找到他想要的東西,達到他想完成的任務,也是一種可以給用戶傳遞情感的交互元素。沒有用戶會拒絕任何產(chǎn)品的錦上添花,而功能性動效對于產(chǎn)品來講,在滿足功能效率的同時,能夠帶來更多額外的附加體驗,是一種相對比較容易引發(fā)體驗峰值的途徑。好的交互設計師應當對這些功能動效有比較深刻的理解,在視覺設計階段可配合視覺設計師給產(chǎn)品加上合理的功能動效。

定義:

功能性動效是一種嵌入 UI 設計中微妙的動畫,有著明確、合理的目標

功能性動效的主要類型:

  • 頁面空間轉(zhuǎn)換;
  • 視覺信息反饋;
  • 功能操作引導;
  • 品牌與趣味;

頁面空間轉(zhuǎn)換類動效

頁面空間轉(zhuǎn)換告訴用戶對象和窗口的狀態(tài)是如何變化的,防止頁面轉(zhuǎn)換視盲,在空間上也能營造更好的印象。

案例:輪播 Banner 中的空間轉(zhuǎn)換動效

超全面!交互設計師的工作流程指南

視覺信息反饋動效類型

具備良好用戶體驗的產(chǎn)品,都應該給用戶的每一個操作提供反饋,無論成功與否,反饋會使用戶覺得自己與屏幕上的元素進行真實互動。即便隔著屏幕,也能讓用戶看起來是在直接操作,增加操作的可控性真實自然的體感。

案例:操作結果反饋

超全面!交互設計師的工作流程指南

功能操作引導

當用戶第一次使用你的 app 的時候,如果沒有幫助的話,他們可能會不知道如何操作。 我們應該給用戶提供一些視覺提示來告訴他們哪些操作是可行的。

案例:功能操作中的引導

超全面!交互設計師的工作流程指南

品牌與趣味

為了避免與市場上很多?app 同質(zhì)化,千篇一律的用戶體驗,品牌動畫可以成為一個產(chǎn)品的營銷工具,用來表現(xiàn)一家公司的品牌價值或者突出產(chǎn)品的優(yōu)勢,同時給用戶一種愉快又難忘的用戶體驗。

案例:功能操作中的引導

超全面!交互設計師的工作流程指南

關于功能動效的更多介紹可查看以下文章:《最常見的四種移動端功能性動效全面總結》

開發(fā)與測試階段

1. 驗收的常規(guī)流程

  • 測試完成功能驗收,將代碼打包提交給設計師驗收
  • 匯總驗收問題
  • 將問題提交開發(fā)解決,跟進解決的進度和結果

2. 驗收的內(nèi)容

  • 交互流程
  • 交互邏輯
  • 頁面元素的交互細節(jié)
  • 交互動效
  • 操作的易用性與使用體驗
  • 驗收到非本次需求的其他問題
  • 移動端項目分別驗收iOS與Android端

搜集用戶反饋階段

對于迭代中的產(chǎn)品來說,這一點需要持續(xù)關注。通常采用的方式是用戶調(diào)研、可用性測試、各種用戶反饋渠道搜集。交互設計師需要分析用戶反饋問題的合理性、是否需要優(yōu)化。對于值得重視的反饋,需要思考設計方案、推進實現(xiàn)。

1. 收集用戶反饋

想要收集用戶反饋并不復雜。對于線上的產(chǎn)品,可以在界面上放置一個「用戶反饋」入口,讓用戶在遇到問題時,直接填寫反饋信息。對于新產(chǎn)品以及重大的改版,可以通過電子郵件、首頁鏈接等方式主動發(fā)放調(diào)查問卷,收集用戶意見。如果你的產(chǎn)品有在線客服或是產(chǎn)品論壇等功能,也可以讓客服把每天咨詢最多的問題收集匯總給你,或是直接「潛伏」到論壇中看看用戶的吐槽,獲取第一手反饋資料。

對于移動應用來說,還有一個最方便簡單的辦法來收集用戶反饋,那就是應用市場。無論是蘋果的App Store, 還是安卓的Google Play, 又或者是豌豆莢、應用助手等第三方應用市場,都可以找到大量的評分、評論信息。我們可以好好利用這些免費的平臺來收集移動端的用戶反饋。

2. 可用性測試

可用性測試(usability testing)是一項通過用戶的使用來評估產(chǎn)品的技術,因為它反應了用戶的真實使用體驗,所以可以視為一種不可或缺的可用性檢驗過程。也就是說,可用性測試是讓用戶使用產(chǎn)品的設計原型或成品。通過觀察,來直觀的記錄用戶的感受和體驗,從而改善及提升產(chǎn)品可用性的方法。

可用性測試適用于產(chǎn)品發(fā)展的各個階段,包括前期設計開發(fā)階段到后期優(yōu)化改進階段。做可用性測試價值在于能夠在不同的階段更加高效的發(fā)現(xiàn)問題,從而提高問題解決效率。

3. A/B測試

AB測試的概念來源于生物醫(yī)學的雙盲測試,雙盲測試中病人被隨機分成兩組,在不知情的情況下分別給予安慰劑和測試用藥,經(jīng)過一段時間的實驗后再來比較這兩組病人的表現(xiàn)是否具有顯著的差異,從而決定測試用藥是否有效。

互聯(lián)網(wǎng)公司的AB測試也采用了類似的概念:將Web或App界面或流程的兩個或多個版本,在同一時間維度,分別讓兩個或多個屬性或組成成分相同(相似)的訪客群組訪問,收集各群組的用戶體驗數(shù)據(jù)和業(yè)務數(shù)據(jù),最后分析評估出最好版本正式采用。

從對AB測試的定義中可以看出AB測試強調(diào)的是同一時間維度對相似屬性分組用戶的測試,時間的統(tǒng)一性有效的規(guī)避了因為時間、季節(jié)等因素帶來的影響,而屬性的相似性則使得地域、性別、年齡等等其他因素對效果統(tǒng)計的影響降至最低。

4. 一些注意點

注意android與ios平臺交互差異

尊重不同平臺的用戶習慣,是交互設計師在工作中應該注意的環(huán)節(jié)。在產(chǎn)品設計中,遇到兩大平臺不同的交互時,交互設計應當:提升用戶體驗形成模式做成控件庫,保持-致性差異不大的地方統(tǒng)一,減小研發(fā)和設計的成本。

android與ios十大產(chǎn)品/交互差異:

  • 虛擬商品 支付規(guī)則和方式的不同
  • 狀態(tài)欄交互的不同
  • 下載方式和狀態(tài)的不同
  • 軟件更新方式的不同
  • 文字發(fā)送指令 位置的不同
  • 退出浮層列表的不同
  • 刪除方式的不同
  • 導航欄tab交互的不同
  • 消息推送機制的不同
  • 復制文字后,剪切板狀態(tài)的不同

相關資料

PRD文檔模版下載:https://pan.baidu.com/s/1XGxc_JF0J2HuqwP20n0ktA? 提取碼:71cx

備用下載鏈接:https://share.weiyun.com/58lNX7w

歡迎關注作者的微信公眾號:「觸動人心的設計」

超全面!交互設計師的工作流程指南

收藏 419
點贊 75

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。