使用者體驗設計師必備的4種UX文檔

來源:互聯網
上載者:User

   當談及使用者體驗相關的文檔之時,線框圖和原型相關的文檔無疑是其中最重要的。但值得注意的是,使用者體驗所涵蓋的範疇不止於此,它們也僅僅只是個開始。實際上,我們發現還有四份文檔也是日常使用者體驗設計中極其實用的文檔。這四種文檔的誕生,是為了幫設計人員更容易瞭解使用者,更方便作出爭取的設計決策,打造優秀的設計和成功的產品。

  在今天的文章中,我會為你詳細解釋,為什麼這些看起來很容易忽略的“附屬品”真的是設計師的必需之物。想瞭解更多設計師必備的文檔和工具,不妨閱讀UXPin出品的《UX設計流程和文檔完全指南》。

  1. Persona

  四份文檔中,我首先介紹被推薦最多次的 Persona。

  Persona 這個詞本身有角色、形象、假面之意。你的Persona文檔(控制在2~5個)通常需要包含你的目標使用者。作為Persona中的虛構的角色,它的屬性和特徵是基於產品研究和使用者定位來設定的,用作後續設計過程中所面對的“理想使用者”,本質上,它就是一個預留位置。作為人物設定,其中會包含個人資訊,遠不止於年齡和收入資訊這麼簡單。Persona 文檔的目標是利用角色來驗證你的目標使用者是如何感受如何看待你的設計的。

  在這件事情上,Persona 已經被證明可以明顯提升產品和設計的終端使用者體驗。

  確保Persona設定有效關鍵是之前的研究,

  正如同《可用性測試指南》中所述,這種測試通常包括定量和定性測試,定性研究通常包括使用者訪談、實地考察,甚至包括用日記記錄,這些手段是用來瞭解使用者思維過程的最佳方式。定量測試,也同樣包括分析測試,不過它們所針對的是更容易量化的指標,而反映出來的結果也更加抽象、直接。

  當你開始你的研究,就可以逐步構建出一個真實的角色文檔。雖然不同的項目需求不同,但是參考UXPin的模板,建議每個角色都包含如下內容:

  照片:幾乎每個人物都應當有映像,通常是一組照片。有照片能幫你將他們當作真實的角色拉進行思考。

  設定檔:通常你需要將一個角色的個人基本資料補充在這個地方。

  性格:性格的呈現形式有很多,分支也很多,你可以用一系列關鍵詞來界定一個角色的性格和屬性,也可以用過詳細的論述來界定他的心理狀態。

  所用平台:使用者喜歡用哪個平台,iOS還是Android?他們對於各個平台是否都很熟悉?哪些事情是他們想儘力避免的?

  目標(動機):在這個環節你應當探討使用者的三個目標:人生目標、體驗目標和最終目標。注意,這個地方使用者的最終目標是最重要的。

  影響:哪些產品和品牌對這個角色有影響?其實這個因素會很大程度上影響到他對網站的期望、行為偏好、個人決策。

  喜好:這是充實人物特徵的另外一種方式,是針對特定使用者進行設計最佳化的重要參考。

  格言:這其實是一個可選的條目,有些人會受到格言的影響,它們會影響人的決策、行為和期望。

  當一個角色被設定好了,有了Persona文檔,你會覺得房間裡面多了一個可供研究的對象,設計決策也可以更有針對性了。

  2. Empathy Map

  Empathy Map,我們可以稱之為移情地圖,它像是一個輕量級的Persona文檔,在資源短缺時間緊的狀況下,可以使用這個文檔。Empathy Map 將 Persona 中的角色的個性和性格部分移除了,更加專註於使用者在特定情況下的感受。

  Tadpull 描述了製作Empathy Map的最佳過程,並且包含了一套免費的模板幫你開始製作文檔。

  初始設定:搜集一組測試使用者,或者為你的團隊中每個成員分配一個特定角色。然後,為每個角色準備一個特定色彩的便利貼。

  提出問題:提出一系列看起來更寬泛的問題,比如“你為什麼要使用這個網站”,這些問題應該是相對比較開放的,比如“你如何選擇要瀏覽的網站”這樣。

  筆記地圖:隨著答案的不斷增加,選擇屬於你顏色的便利貼,將答案記錄上去,並粘貼到特定的地區。

  簡化地圖:瀏覽所有的筆記,將最好和最有用的部分保留下來,其他的提出。

  稍事休息:完成上面的部分之後,稍事休息,沉澱一下思路。記得貼紙構成的地圖最好保留在公用地區,時刻提醒。

  界定目標:在地區的最下方有需要補完的地方,“____需要達成____的目標,因為____”,現在你應該能夠洞悉目標使用者的想法,將他們的情況補充上去。每個句子最後一個空是填寫原因的,這部分需要特別注意,因為這部分對於你的設計最能引起批判性的反思。

  在UXPin,我們常常會將Empathy Map 上傳到我們所設計的APP中去,這樣每個人都能對此發表意見,填寫建議。如果你使用Slack或者其他的協同工具,也可以做類似的事情。

  3. User Scenario

  如果Persona 是幫你設計了一個故事中的角色,那麼User Scenario 就是故事的劇本。

  Scenario 是劇本的意思,我們姑且將這個文檔稱之為使用者劇本。使用者劇本通常是圍繞著一個特定目標來設計的。比如說,第二天是母親節,要為母親預訂一份禮物。目標很明確,要達成目標,使用者需要點擊幾次按鈕,走哪些流程,需要多長時間,如何在過程中融入情感,貫穿始終。對整個使用者流程有了預判之後,設計師對於UI和UX的設計就有了把握。

  Shlomo Goltz.《近觀 Personas: 詳細介紹與工作原理 (第一部分)》

  使用者劇本有幾種不同的類型,比如你可以列舉出所有的技術細節,包括使用者操作整個流程所涉及的頁面。當然,你還可以更專註於使用者本身的感受,這種情況下的使用者劇本更接近於一個故事,而不是前一種的資料表。

  構建你的劇本的時候,應當更多地考慮使用者相關的因素,而不是對你而言最好的流程和最喜歡的決策。

  行為:使用者同網站互動的時候他們有哪些癖好?他們是開啟網站就登入,還是需要的時候才登入?他們是否還同時上著其他的網站?

  動機:為什麼使用者想達成這個目標?有多想?為此他們還願意忍受哪些事情?

  環境:使用者在什麼地方開啟網站,家裡、公司還是在路上?他們用的電腦、手機還是其他的行動裝置?他們是否同時分心他用?

  外部因素:網路接入速度如何?是否有其他的限制?

  還有一點特別重要,你最好嘗試將使用者想達成的目標可視化。使用者的角色構建越完整,劇本構建也就可以越準確。

  對於使用者最有一個建議:不要試圖將每一個構想都細化成劇本,堅持只針對最重要的“劇情”做精準的勾畫。

  4. Customer Journey Map

  最後這種文檔我們姑且稱之為“使用者旅圖”。這份文檔同上門的使用者劇本很像,但是它比起前者跨度更大,貫穿體驗設計始終。設計人員可以對產品的背景有更深入的瞭解才能更好地設計,而產品投入使用之後也不是最終結束,這也是跨度如此之大的原因所在。

  使用者旅圖將會涵蓋角色資訊、使用者劇本和移情地圖的全部資訊。這麼設定並不是要讓使用者旅圖成為一個大雜燴,而是要將使用者性格和使用者流程、互動過程結合到一起來看待問題,每個階段不同環節,都牽涉到不同的情緒和情感。

  一般而言,使用者旅圖可以以圖表的形式來呈現,而一般在UXPin,我們會注意以下的環節:

  目標:他們希望在每個階段達成什麼目標?

  期望:使用者認為會發生什麼?動作發生的時候使用者會感到什麼,合適還是不合適?

  流程:他們想怎樣完成整個流程?他們實際操作又如何?

  體驗評級:使用者對於每個階段的體驗如何評級?

  優點:使用者是否喜歡這個流程?哪些部分設計優良?

  缺點:使用者不喜歡這個環節的哪些部分?問題是如何發生的?

  改進:根據上述所提供的資訊,我們應該如何提升使用者體驗?

  其實具體的細節,還是取決於你的公司體量和產品的規模。小公司中,設計團隊和Team Dev緊密的合作在一起,整個UX設計可以走輕量級的路線。但是如果是大公司,可能需要考慮更多,確保資訊溝通的完整性和通暢性。

  結語

  如果你是一名新加入團隊的設計師,不妨問問他人,設計流程中是否會涉及到這些UX設計過程或者相關的文檔,如果沒有,不妨根據實際情況,為自己的產品定製相應的流程,增加對應的文檔。畢竟,它們可以讓你更懂使用者,打造更好的產品。這些文檔可以藉助UXPin的服務來製作,有興趣,不妨你也來試用一下。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.