《UI設計》課件-3.2用戶角色及體驗

`INTERFACE

DESIGN`

用戶角色及體驗UI設計基礎課程Chapter

1用戶角色創(chuàng)建用戶角色（persona）針對使用的目標群體真實特征的勾勒，是真實用戶的綜合原型建立用戶角色的目的：更好服務、轉變?yōu)樯虡I(yè)成果用戶角色的信息Persona虛構出的一個用戶用來代表一個用戶群?？梢员热魏我粋€真實的個體都更有代表性。一個代表典型用戶的persona的資料有：性別、年紀、收入、地域、情感、經(jīng)常瀏覽過的URL、以及這些URL包含的內容、關鍵詞等等。一個產(chǎn)品通常會設計3～6個用戶模型代表所有的用戶群體。UCD以用戶為中心的設計理念“用戶角色”定義需注意：（1）我們希望知道：用戶如何理解產(chǎn)品，如何使用產(chǎn)品用戶的目標和行為模式不可能建立一個適合所有人的產(chǎn)品！【需求】設計一輛車（2）我們關注的重點：不是精確描述單個用戶是怎么樣、喜歡什么而是重點關注一群用戶——需要什么、想做什么A作為學生，他喜歡用郵箱訂閱新聞，不喜歡在郵箱里通過郵件來往聊天。A作為學生，主要將郵箱作為資訊獲得、管理和分享的工具。A的學生群體的用戶角色模擬，讓你知道突出：推送資訊功能、管理收發(fā)件功能、轉發(fā)分享功能（3）成功的商業(yè)模式通常只針對特定的群體當你說出“郵箱”這個詞的時候……想讓更多用戶喜愛的結果可能會將一個潛在的好產(chǎn)品置于死地——AlanCooper50%讓全體中的50%對產(chǎn)品滿意100%分離出這50%人，讓他們對對產(chǎn)品滿意度達99%以上（4）引起共鳴用戶思維取代產(chǎn)品思維做決策時想象角色在這種情形下會怎么做？讓每個人都優(yōu)先考慮有關目標用戶和功能的問題學渣考四級用戶角色模擬某TT，女，28歲，職業(yè)：白領，外來務工者居住：廣州租房愛好：上班，睡覺，逛淘寶。（平時工作忙，節(jié)假日喜歡宅家，愛逛淘寶，有很多閑置物品）故事版本：周日早上9點，TT在收拾衣柜時候，發(fā)現(xiàn)有一批閑置衣服，不想掛在閑魚上二手交易，覺得捐贈比較省時間。于是我在手機上提交一份捐贈需求，寫明要捐贈什么衣服，新舊程度選擇了7成新以上，寫了數(shù)量，預約上門時間

TT提交捐贈后，基于地理位置搜尋到某回收站點，于是即刻收到預約電話，約好了下午4點上門取衣服。到了預定的時間，上門取衣服的社工掃了一下TT界面的二維碼，確認用戶信息，在清點檢查了捐贈的數(shù)量后，社工確認收到幾件衣服，并發(fā)送積分，此公益積分，小A可以在積分頻道可以兌換書籍，也可以兌換一些公益合作商家的優(yōu)惠卡，如可以洗車、吃飯等。故事里大概會包含什么功能呢？案例——公益捐物APP1.有目標用戶2.對目標用戶使用有價值Before——即現(xiàn)狀分析(需求、問題)。在沒有你的產(chǎn)品前，你的目標用戶遇到的問題是什么?他們明確的及潛在的需求是什么?市場上已經(jīng)有哪些產(chǎn)品?這些產(chǎn)品為什么沒有滿足這些需求，解決這個問題?After——這個產(chǎn)品如何滿足需求及解決問題的?除此之外，潛在的利益是什么?可以分用戶、公司多個維度闡釋。3.目標用戶能用假設我們是要做這樣一個產(chǎn)品，一起來YY一下有哪幾個參與角色吧捐物者收物者可以和公益組織、社工群體、慈善組織取得聯(lián)系，讓他們成為第一種參與方假設定位于年輕人群體，舍得買也舍得捐，有足夠的能力儲備可以使用在線系統(tǒng)1.有目標用戶2.對目標用戶使用有價值3.目標用戶能用各居民區(qū)住戶，年輕人為主，年齡在22到35歲Before：小戶型房子，儲物空間有限；時尚群體，消費空間很大，比較喜歡嘗鮮，衣服和各種生活物品只進不出，沒有足夠地方容納；處理舊衣物的方式有限：獨生子女群體居多，也沒有家人親戚可以贈送；災民缺衣少物也沒有通道進行捐贈；二手市場耗費精力……After：可隨時提交捐贈需求，等待有人上門收取，輕松做到眼不見心不煩。捐贈帶來額外好處：1.換取公益積分2.公益積分可沖抵水電費……捐物者收物者根據(jù)頁面舉各項操作，基于假設判斷用戶若點擊什么就會到哪里。在這個案例中，我希望用戶的第一個頁面是首頁。他有兩個主要被引導的操作：1.可以查看捐贈或新提交一個捐贈。2.可以查看公益積分或兌換積分。以下就是從這個頁面開始的一系列頁面流程：未完待續(xù)……功能流程圖Chapter

2（功能）流程圖（功能）流程圖簡要：界面=操作+內容操作是需要用戶觸發(fā)的，包含鏈接、按鈕、表單等等。用戶通過這些操作，看到同一個頁面上不同的內容，或者跳轉到其他的頁面。流程圖元素頁面、命令、操作或狀態(tài)、鏈接線流程圖目標表現(xiàn)用戶的不同的操作指令下不同頁面流轉關系也是形成原型圖的雛形代表起始代表中間代表判斷YN流程圖VS其他常用圖表信息架構圖FernandoGuillen快速手繪出來的APP的用戶操作流程圖。最早期的設計版本線框圖線框圖是產(chǎn)品設計的低保真呈現(xiàn)方式。它有三個簡單直接而明確的目標：1、呈現(xiàn)主體信息群2、勾勒出結構和布局3、用戶交互界面的主視覺和描述正確地創(chuàng)建了線框圖之后，它將作為產(chǎn)品的骨干而存在。它就像一幢建筑的藍圖一樣，將細節(jié)規(guī)定地明明白白。用戶體驗用戶的“不喜歡”：我不喜歡每次開電腦管家，都告訴我很低分有時只是方式有誤陌陌的文案及視頻用戶的需求是一個結果，目的才是原因交互設計師的基本素質聽、看、想、說、磨、做、驗、寫、講聽：傾聽看：博覽想：勤于思考說：善于溝通磨：有耐心有技巧做：實現(xiàn)想法驗：客觀中立的驗證分析寫：分析、歸納總結講“演講””席克定律面臨選擇越多時間消耗越長費茨定律越遠越小越難點擊目標尺寸離選擇區(qū)域越遠越難選中7+-2古騰堡法則奧卡姆剃刀原理（簡單有效法則）泰思勒定律（復雜守恒定律）接近法則幫用戶分類劃分模塊防錯原則0123法則0手冊1看就會不超過2次點不等待超3秒Chapter1什么是用戶體驗

一個產(chǎn)品用戶體驗的好壞取決于用戶群的感受和目標，即用戶使用產(chǎn)品過程中所處的環(huán)境和使用場景移動設備的特點，移動情景的分析，在移動應用設計時要考慮更多的設計特征。由用戶、設備和使用情景相互作用的系統(tǒng)構成了“人-機-環(huán)協(xié)同的交互系統(tǒng)”這是設計移動應用時應考慮的基礎。移動情景觸摸視覺輸出輸入信息加工信息加工”機“的輸出信息＝”人“接收的信息反之也成立”機“輸出信息受環(huán)境影響，以此影響到”人“接受信息質量”人“輸出信息受環(huán)境影響：單雙手操作、語音輸入識別度解決剛剛“小明事件”，方法有哪些呢？提供離線地圖增加界面友好性設計【例】牛牛，私家車主，手機導航，周日約了靜靜，從廣州開車去嶺南清遠校區(qū)上課。目標用戶?使用環(huán)境?使用工具?完成什么任務？感官體驗如何？兩分鐘回答以上五個問題用戶體驗內容：目標用戶?使用環(huán)境?使用工具?完成什么任務？感官體驗如何？職業(yè)、薪資、年齡沒法手持？天氣惡劣？堵車？修路？接電話？聽音樂？沒有電？沒流量？路況？虛擬用戶角色卡片牛牛開車過程中手機

規(guī)劃導航，按時到達

貼心、方便、精準什么是用戶體驗需求目標用戶群如何使用產(chǎn)品用戶體驗概念用戶使用手機導航開車，手機開路線導航，方便精準用戶在使用產(chǎn)品過程中的主觀感受產(chǎn)品：一款手機導航的APP應用的使用情景特征休閑中等候中忙碌中移動應用多樣化的使用場景注意事項：休閑中：網(wǎng)絡狀態(tài)良好，用戶心情也放松，姿態(tài)也輕松，有長時間使用應用的可能性。等候中：公交車上、廁所外、茅坑上，短暫時間中使用，網(wǎng)絡不一定很好用，使用時間短暫忙碌中：用戶旅行在外，在公交車上，電量、網(wǎng)絡狀態(tài),同時在做很多事情瀏覽體驗/視覺效果/趣味……碎片化/可保存……離線保存/快速切換/可保存……克服環(huán)境光的影響視覺設計師需要考慮環(huán)境光對界面的影響，讓對象與背景有個適中的對比度，使應用在各個環(huán)境光條件下都有相對舒適的閱讀體驗應對不同的環(huán)境噪音迎合用戶的各種姿態(tài)在不同的使用場景中，用戶有不同的姿態(tài)：走路、坐著、躺著、干活中、貼耳傾聽等等。各種姿勢下的持機方式也不同，他們不僅會影響到用戶的操作，也會影響到用戶的注意力分配QQ雙擊對話界面會出現(xiàn)現(xiàn)實場景聽歌場景：切換歌與不切換歌小結：用戶體驗的內容：移動應用的使用情景特征：移動應用的考慮因素：目標用戶、使用環(huán)境、使用工具、完成任務、感官體驗休閑、等候（無聊）、忙碌（1）克服環(huán)境光的影響（2）應對不同噪音（3）迎合各種姿態(tài)Chapter

3從哪些方面設計/改善用戶體驗用戶體驗設計方法：一級視覺、二級交互、三級情感統(tǒng)一字體，

減少不同種類字體的使用更能體現(xiàn)排版美學

只是用一款字體可以為品牌帶來一致性的感受

用戶更喜歡統(tǒng)一的字體帶來的簡潔化（一）視覺12級APP界面設計AIF小組字體不統(tǒng)一，在手機如此小的屏幕下看，缺點會被無限放大多用卡片和留白

將不同的內容放置于不同的卡片塊上，使用空白將不同內容塊劃分開.

視覺體驗更加清晰，產(chǎn)品易用性也得到了提高/shots/606745-In-app-Visual-Data娛樂類應用：MONO用更少的顏色顏色更少以求一個更干凈的外觀更容易突出品牌特性關鍵元素可以被輕易突出，導航體驗更好純度高的，建議選擇原色，不要選擇間色默默的一片閱兵藍12級APP界面設計渡小組12級APP界面設計渡小組1.滑動適用場合：當用戶需要導航以列表方式呈現(xiàn)的信息時（二）交互2.彈出適用場合：當用戶與單一物體交互時3.最小化適用場合：當用戶想要最小化某個物體時4、切換對象適用場合：當用戶在對象之間切換時5.展開堆疊適用場合：當用戶打開一沓物體時6.添加到列表適用場合：當用戶需要將物體添加到已存列表中時7.翻頁適用場合：當用戶翻頁時8.固定標簽適用場合：當用戶滾動帶有標簽的列表時（常見的頭部固定，可參考iOS7的電話簿列表9.橫豎屏切換10.按鈕標簽轉換適用場合：同一層級之間的導航適用場合：當內容需要根據(jù)設備的旋轉來旋轉、重新排列時11.分合適用場合：當用戶分離結合物體時12.滾動適用場合：當用戶水平或垂直的移動物體時13.平移適用場合：當用戶水平或垂直的移動物體時14.滾動條15.頁碼指示器適用場合：當翻頁、切換屏幕內容時適用場合：滾動列表時16.保存指示器適用場合：當用戶添加書簽、下載、保存時/appdesign/7303.html工具類產(chǎn)品，強調的是易用，簡單比如有道云筆記，百度地圖。交互效果不易太花哨，要能使用戶第一時間完成他的目的。社交，視頻，音樂等社交類產(chǎn)品，增加一些有趣的交互效果，使用戶得到一種心情上的滿足感（三）情趣總結（1）用戶體驗：用戶在產(chǎn)品使用過程中的主觀感受（2）從哪些方面設計用戶體驗：感官體驗、交互體驗、瀏覽體驗、情景體驗（3）從哪幾個方面改進用戶體驗：視覺、交互、情趣、文案、操作流程極客公園:/36氪:http://36/虎嗅網(wǎng):///////https://aotu.io///1.創(chuàng)意組。參賽項目具有較好的創(chuàng)意和較為成型的產(chǎn)品原型或服務模式，在2017年5月31日前尚未完成工商登記注冊。參賽申報人須為團隊負責人，須為普通高等學校在校生（可為本?？粕?、研究生，不含在職生）。參賽項目要求能夠將移動互聯(lián)網(wǎng)、云計算、大數(shù)據(jù)、人工智能、物聯(lián)網(wǎng)等新一代信息技術與經(jīng)濟社會各領域緊密結合，培育基于互聯(lián)網(wǎng)新時代的新產(chǎn)品、新服務、新業(yè)態(tài)、新模式；發(fā)揮互聯(lián)網(wǎng)在促進產(chǎn)業(yè)升級以及信息化和工業(yè)化深度融合中的作用，促進制造業(yè)、農(nóng)業(yè)、能源、環(huán)保等產(chǎn)業(yè)轉型升級；發(fā)揮互聯(lián)網(wǎng)在社會服務中的作用，創(chuàng)新網(wǎng)絡化服務模式，促進互聯(lián)網(wǎng)與教育、醫(yī)療、交通、金融、消費生活等深度融合。參賽項目主要包括以下類型：1.“互聯(lián)網(wǎng)+”現(xiàn)代農(nóng)業(yè)，包括農(nóng)林牧漁等；2.“互聯(lián)網(wǎng)+”制造業(yè)，包括智能硬件、先進制造、工業(yè)自動化、生物醫(yī)藥、節(jié)能環(huán)保、新材料、軍工等；3.“互聯(lián)網(wǎng)+”信息技術服務，包括工具軟件、社交網(wǎng)絡、媒體門戶、企業(yè)服務等；4.“互聯(lián)網(wǎng)+”文化創(chuàng)意服務，包括廣播影視、設計服務、文化藝術、旅游休閑、藝術品交易、廣告會展、動漫娛樂、體育競技等；5.“互聯(lián)