<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          掌握這20條用戶體驗設計原則,助力設計成長!

          seo達人


          1.以用戶為中心 

          這是最常被提及的用戶體驗設計基礎,當涉及到產品設計決策時,提醒我們要學會使用同理心,而不是僅憑個人的想法或意見。

          真正好的用戶體驗設計是為用戶量身打造的,用戶的意見、痛點、愿望、偏好和需求對產品來說至關重要,所以在項目初始階段需要投入大量的時間和精力去了解用戶。

          圖片

          用戶體驗研究重點是了解用戶,為接下來的產品設計做準備。以用戶為中心的設計理念是設計師迎合用戶的需求,區分了設計任何人都可以使用的產品和為目標用戶設計的產品。

          一款特定的產品需要面對不同的目標群體,前期研究中需要了解目標人群需要什么并在產品中反映出來,這是針對性很強的設計研究。

           

          2.了解信息架構

          可能很多人對信息架構的定義很模糊,這里舉個例子來具象說明一下信息架構的含義。

          例如在一款產品中,如果把所有內容都堆到一個列表或頁面中,可能我們將無法使用這款產品,所以我們看到大多數的App和網站都包含很多的導航和頁面結構,按照內容重要程度有序地來組織內容。

          信息體系結構的最終目標是幫助用戶理解他們在看什么,并幫助他們找到需要尋找的內容。

          圖片

          信息架構在制作線框圖或原型之前完成,因為它是產品的基礎,有助于設計師考慮什么功能是最重要的,哪些是用戶最需要的以及哪些次要內容可以隱藏起來等。

          這種結構與產品的導航設計密切相關,有助于將用戶引導到正確的位置。導航和信息架構都試圖讓用戶以最少的認知努力來完成操作。

          信息架構的設計不當會造成重大故障甚至可能危及整個產品。如果用戶在使用產品時找不到任何想要的內容,點擊任何元素都沒有反應,會給用戶帶來很糟糕的使用體驗。

           

          3.考慮使用場景

          沒有場景,任何設計都很難生效。設計師在項目開始時會投入時間去了解用戶面臨的問題以及圍繞這些問題的背景。

          圖片

          這條原則有助于設計師考慮還有哪些因素會影響用戶和產品,很多產品設計會為用戶提供一些有助于消除使用摩擦的操作提示。

          例如在設計表單時,會盡可能的添加輸入提示,最大程度地減少用戶出錯的機會。

           

          4.了解一致性及其重要性

          保持一致性是用戶體驗設計的關鍵原則。擁有一致設計的產品可以更快地被新用戶接受,因為用戶不需要再次學習如何操作,他們會回憶起之前的操作習慣并將其作為指導,這也解釋了為什么同類型的產品例如電商類App頁面設計的很相似。

          保持一致意味著在需要時可以重復使用某些UI組件,并在整個產品中保持一致的行為。例如當點擊或懸停在按鈕上面時,所以按鈕的狀態應該是一致的。

          圖片

          從邏輯上講,產品越大,這種一致性會變得越來越有挑戰性,這促使許多設計團隊創建自己的設計系統。一款產品的學習曲線越長越陡,放棄的用戶就會越多,在市場營銷中,這通常被稱為銷售漏斗中的漏洞。

           

          5.給予用戶適當的控制權

          這條原則意味著用戶希望能控制產品,無論是完成任務還是定制滿足他們需求的內容。

          在設計過程中一直試圖給用戶盡可能多的控制權,例如允許用戶撤消操作、更改設置、自定義UI外觀、創建快捷方式等。

          圖片

          需要注意的是,當提供太多選項或用戶太依賴于自己的選擇時,用戶可能會不知所措,造成所謂的選擇悖論。所以在設計時要了解用戶樂于掌控的余地,不能讓用戶感到使用壓力。

           

          6.把可用性放在首位

          在整體上看,建立高標準的可用性是為用戶做的最好的事情,有助于檢查用戶是否能夠輕松地完成任務、產品是否正常運行以及是否完成工作。

          圖片

          可用性的重要之處在于要理解可用性的靈活性和重要性。

           

          7.了解用戶測試

          結合可用性的概念,我們還要進行用戶測試,這是設計師對工作進行測試的方式,對新的產品來說至關重要。

          當設計思想和理念被轉化為有形的原型時,設計師要觀察真實的用戶是如何與之交互的,可以通過許多不同的方式例如簡單的A/B測試到全面的審核測試等來實現。

          圖片

          測試通常分幾輪進行,團隊在向原型添加更多細節之前驗證每個步驟。隨著測試結果的出現,設計也隨之發生了變化。

          如果發生更改,將會進行新一輪的測試,通過這個過程,設計團隊可以改進他們的工作,直到達到可用性標準。

           

          8.少即是多

          在創造力和創造獨特事物的渴望中,很多設計師很容易無意中弄亂產品界面甚至產品本身。

          功能過多的產品可能會失去焦點并削弱吸引力。具有太多元素的頁面會變得充滿視覺沖擊,但也會給用戶帶來負面體驗,在設計時要學會克制并優先考慮真正關鍵的部分。

          另外手機端的屏幕空間非常小,創建一個有效的布局,想出巧妙的方法來隱藏次要元素并創建一個令人愉悅的界面需要付出很大的努力和創造力。

           

          9.視覺層次

          視覺層次是向用戶傳達產品中元素重要性的方式。良好的層次結構有助于用戶視線在界面上移動,并立即了解最重要的內容以及這些內容與其他部分的關系。

          視覺層次結構與布局設計緊密相連,幫助用戶消化所接觸到的信息。

          圖片

          創建層次結構從概念的草圖開始,一直持續到完成設計。例如發送按鈕通常會用綠色而是不紅色,而次要按鈕會顯示為灰色或與背景混合,并顯示“撤消”或“返回”。

           

          10.了解用戶的心智模型

          為用戶創建心智模型是嘗試使用同理心的一種方式,是幫助設計師從用戶的角度看待問題的工具。

          圖片

          做到準確就是直觀的產品,用戶不需要投入精力就可以使用它,而錯誤的思維模型會導致一些問題,例如界面混亂、高昂的交互成本。

          為了匹配用戶的心智模型,可以采用多種不同類型的研究方法,常見的方法包括卡片分類、決策樹、對用戶行為的密切觀察,或者使用大量的數據來建立關鍵用戶的心理模型。

           

          11.設計中的講故事

          講故事的方式更加直觀,利用圖像、視頻、動畫和文本等元素讓整個頁面與用戶對話。用戶體驗設計中的視覺敘事是為了喚起用戶的情感,給用戶留下持久的印象。

          圖片

          想出一種可視化的方式來傳達復雜的內容具有挑戰性,但同時也是有益的,可以更好地接近用戶并將其作為提高產品可學習性的方法。

           

          12.不要直接跳到高保真原型上

          高保真原型是設計項目的最終目標,但是直接使用原型軟件不斷添加各種頁面細節是錯誤的操作。

          圖片

          避免直接出高保真的主要原因是因為這樣做的成本會更高。在沒有任何用戶研究和測試的情況下,一款產品無論具有多少的細節都有可能面臨不符合用戶使用的情況。

           

          13.可訪問性測試很重要

          不僅要檢查關鍵用戶是否可以流暢地使用產品,還應該檢查其他所有用戶例如少數群體等是否都能夠正常使用產品。

          圖片

          事實上,殘疾人和其他用戶一樣需要數字產品,但很多產品在設計時并沒有考慮到這些群體,但這也提供了一個機會,為所有用戶提供一個可以依賴的好產品。

           

          14.熟悉并在用戶體驗設計中使用

          我們知道為用戶提供一致的設計有助于克服學習曲線,同時為用戶提供熟悉的東西也有助于縮短學習曲線。

          例如,大多數用戶都會立即識別某些UI組件(漢堡菜單/單選按鈕),這意味著他們會本能地知道這些組件代表什么意思或者如何操作。

          圖片

          使用用戶已經熟悉的東西并不一定會讓產品的獨特性消失,有經驗的設計師會利用這種熟悉性來來創造一些獨特的設計,同時也是直觀的,不需要太多努力就可以使用。

          設計一個完全不依賴熟悉度的產品可能是具有風險的行為,因為它很容易讓那些不熟悉產品的用戶超負荷,形成巨大的學習曲線,增加用戶負擔。

           

          15.了解交付成果的力量

          可交付成果是可以在整個團隊中交付的內容,包括用戶畫像、心智模型、用戶旅程以及線框圖和原型等,是一種有形和具體的表現。

          可交付成果是用戶體驗設計原則,可以幫助設計團隊和其他利益相關者理解和交流概念。

          圖片

          ▲ 用戶畫像可以捕捉理想用戶,并提供可以相關聯的真實面孔,是一種指導設計的工具。用戶旅程圖幫助設計師了解用戶完成任務需要的具體步驟,有助于確保這些步驟確實可以輕松執行,并且整個過程很流暢。

          這些交付成果服務于關鍵功能,設計師需要在整個項目中都依賴它們,不斷轉換為用戶可以與之交互的真實有形的設計。

           

          16.專業的原型設計工具

          用戶體驗設計的過程不是線性的,而是一個循環。無論創建什么樣的產品,都需要專業的原型工具,將基本框架放在一起,然后添加可能需要的所有細節。

          圖片

          從邏輯上講,設計團隊的具體需求會因團隊而異,但一些關鍵功能例如團隊協作、需求管理、交互設計和開發移交等,對于大多數團隊來說是必要的。

           

          17.精心管理產品需求

          一切都從收集需求開始,然后慢慢創建關鍵列表。雖然簡單地列出一個列表聽起來很容易,但隨著項目的進展,要保持列表的條理性確實是一個挑戰。

          圖片

          除了創建需求和檢查需求之外,還有一個問題就是調整需求,需要從設計、技術和業務各個方面來處理各種需求,還要確保這些需求之間沒有相互矛盾。

           

          18.了解移動和網頁產品之間的差異

          網頁端和移動端產品最明顯的區別是屏幕尺寸,這意味著所有的視覺層次結構和信息架構都將從Web到App發生變化。

          圖片

          移動端產品會有更多影響設計決策的因素,例如設備的操作系統、使用產品的環境等。了解移動端產品在導航設計、用戶流程等關鍵方面的差異是至關重要的用戶體驗設計原則。

           

          19.利用UX設計模式

          幾乎所有的產品都專注于設計模式,它們可靠、易于查找并通過減少設計時間來為項目增加實用性。

          圖片

          ▲ 當用戶在谷歌搜索中輸入的內容有問題時,谷歌會提供一個相關的搜索提示,輔助用戶進行精確地搜索,解決用戶使用不同方式在搜索欄中傳達他們正在尋找的內容的問題。

           

          20.使用合適的工具才能有效

          擁有單一的內容來源可以為團隊帶來清晰性和高效性,如果線框和原型分散在多個渠道中,這種內容的集合就會變得很難達成。

          圖片

          通過合適高效的工具能夠避免產品在到達終點時遇到各種各樣的可用性問題,防止產品細節沒有表現出來或者被忽略。

           

          最后

          通過這份用戶體驗設計原則的合集希望能夠讓你對這個領域有一個大致的了解。

          沒有人知道用戶體驗設計在未來會引領我們走向哪里,不過我們可以確定,無論它帶給我們什么,肯定都會很有趣。

           


           

          原文地址:Clip設計夾(公眾號)

          作者:Clippp

          轉載請注明:學UI網》掌握這20條用戶體驗設計原則,助力設計成長!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          C端產品分析方法總結

          鶴鶴


          做一個完整C端項目前,從產品思維得理解、需求分析到場景分析,通過以上分析得出結論,進而制定我們的設計目標,把設計目標落地到解決實際的設計問題,內容較多,大家可以根據上述目錄來進行選擇性閱讀。


          1.1產品思維包括


          1.1.1 用戶思維:深入了解用戶的需求和場景


          了解用戶心理:“心理”主要是指用戶的情緒,只有了解用戶的心理狀態,才能知道他們在接觸到或者使用我們的產品時是正面的情緒還是負面的情緒。正面情緒需要我們引導去實現轉化,負面情緒需要我們安撫以避免跳出和口碑的損失。


          把控用戶行為:最終目的還是引導用戶行為,讓用戶按照我們的計劃進行產品的交互、操作,從而實現對用戶的有效管控和轉化。例如:上品店慶推出“購物省錢節”的概念,聯合商家推出各種優惠活動,就是抓住用戶在購物時想省錢的心理,通過降價、優惠券等方案讓用戶在選購商品、提交訂單和結算階段都保持高漲的情緒,從而推動用戶最終完成付款。


          解決用戶痛點: 在完成上面的分析后,我們最終需要把調研和分析結論落地為設計方案,前提是要關注用戶當前的情緒是負面的還是正面的,如果是負面的情緒,我們可以通過補償、安撫等方案對用戶進行留存。例如:在等待外賣送達時,配送信息頁一般都會有預估時間、位置等信息,讓用戶有一定預期。同時如果遲到時間過長,也會通過準時寶等規則給予用戶優惠券補償,這些都是負面情緒的安慰。



          1.1.2 項目思維:主動發現并解決用戶體驗過程中遇到的問題

          項目思維主要指,我們要具備極強的發現問題、輸出方案、推動落地的能力。這就是設計師的項目思維和推動力,可以保證自己的想法快速落地、推動設計優化并盡快上線。



          1.1.3 商業思維/業務思維:將設計目標與業務目標緊密結合

          商業思維是指,拉新:通過產品、運營和營銷策略讓用戶下載產品。留存:讓下載的用戶保持活躍度,留住用戶,便于轉化。轉化:讓用戶按照我們的業務規劃去注冊、分享、下單、付款等動作,一步步帶入我們的圈套,完成關鍵操作。變現:將用戶行為變現,內容產品的活躍度可以帶來廣告營收,電商產品的成交額就是業務收益。



          2.1產品思維的重要性


          2.1.1 Ui設計師和產品經理的區分界限


          相同點:在實際工作中,設計師和產品經理的目標在本質上是一致的,都是解決用戶的痛點、滿足用戶的需求,為用戶提供體驗更好的產品,并在此基礎之上完成用戶轉化,實現收益。作為一個設計師,我們對產品了解的深度不一定比得過產品經理,但是廣度上你應該要求自己和產品經理保持一致。只要掌握產品的架構、流程和業務的模式、原理即可。



          不同點:UI設計師更注重通過用戶體驗來留存用戶,產品經理更多地考慮轉化用戶和變現的途徑。



          沖突點:這時就會產生一些沖突和矛盾,有時為達到業績目標,產品經理或其他業務方可能會提出有損用戶體驗的方案或者策略。


          想要解決與產品沖突得問題,就要充分調動自己的產品思維,保持習慣性的產品思維,才能始終保持和業務一致的目標。和業務方站在一起,才能找到設計和業務的共同目標,并將業務目標轉化為可執行的設計目標,才能為設計帶來更高的價值。


          2.1.2 UI/UX設計師的真正價值是什么


          這里就繞不開這個話題----產品思維。別人眼里的UI設計師,很多人會認為設計師的工作就是設計流程頁面、視覺效果。這些工作看起來只是錦上添花,即使沒有專業的設計師來設計,可能只是流程、控件位置不太合理、樣式和顏色不太好看而已,并不會影響產品的開發和上線。其實,設計師的價值不僅是藝術價值,更重要的是為業務帶來價值。


          UI/UX設計師,關鍵在于對用戶場景、對產品細節的敏感度,這也是其他崗位不具備的技能。實際工作中這些細節問題,很容易區分出來專業性的差異,因為UIUX設計師是距離用戶最近的人。我們設計頁面,用戶在頁面上操作和獲取信息。我們設計流程,用戶通過流程完成各自的需求。我們設計的產品流程、頁面,是用戶直接接觸和使用的東西?;谶@個原因,設計師對用戶的需求、反饋是最了解和最敏感的,我們可以通過用戶的反饋、操作數據把控用戶的心理狀態和行為方向。無論是在方向上還是從細節出發,挖掘和洞察用戶需求,設計師有明顯的優勢。

          所以UI設計師真正的價值就是通過自己對細節和場景的思考,自我驅動,找到設計優化、產品迭代、業務提升的機會點。想要找到這些機會點,你需要培養自己的產品思維、項目思維和商業思維。


          2.1.3 如何培養自己的產品思維


          01、多與需求方、業務方(產品經理、運營、市場等崗位的同事)溝通,在參加需求評審的時候,深入了解業務和產品的特點、原理。


          02、了解產品流程:在接手某項業務或產品時,先利用思維導圖對產品的架構做一次梳理,通過功能結構圖你可以清晰地看到產品應該有的功能。在掌握架構的基礎上,對產品的核心流程再進行一次梳理,包括線上、線下所有的流程節點、體驗接觸點和不同用戶端的流程觸點。


          03、多做競品分析,從競品中尋找靈感和產品感。怎么做競品分析具體可查看我的其他文章,競品分析維度的確定。


          04、持續不斷地培養自己的思維能力,深入思考、多做歸納總結和分析。在做設計的時候我們也可以讓自己的思維慢下來,多去思考:思考一下為什么做這個需求?對用戶有什么價值?對產品有什么價值?對業務有什么價值?設計、產品、運營應該怎么做才能達成這個目標?我們的做法對業務、對產品有什么影響?設計方案能不能很好地平衡業務和體驗的關系?



          2.1為什么要進行需求分析

          01、用戶不知道自己真正想要什么。

          02、用戶難以說出自己的真實需求,用戶在闡釋自己的需求時,就會不自覺地粉飾和解釋自己赤裸裸的本質需求。例如:那些刷視頻就能領紅包得產品,但為什么它最近不火了,這類產品的人群,本質需求是:通過刷頁面領紅包,獲取更多的錢,這類人根本不關心內容是什么、內容質量怎么樣,這就造成了內容的觸達效果非常差。


          2.2 用戶需求分析步驟


          2.2.1 篩選出目標用戶


          01、了解我們產品的目標用戶群體和現有產品用戶群體,掌握用戶基本信息,分析用戶特征。(Who)用戶是哪些人:性別、年齡、地域分布、學歷收入等。(What) 用戶有什么共性。(Why)為什么選用我們的產品。(Where/When)在什么場景下使用我們的產品。


          02、通過了解用戶得到的所有信息,然后創建用戶畫像,得出結論。那么如何創建用戶畫像呢?


                 001、人物創建:創建一個虛擬的用戶群體中的一員,利用我們上面提到的用戶相關信息,可以給他/她一個插畫風格的照片幫助我們具體化這個用戶的人格和形象。然后列出他/她的基本信息,給他/她定一個社會角色,比如:小王,男,28歲,銷售經理,我們產品的熟練用戶,月收入2萬,學歷本科。

                  

                 002、分析動機:這個人物用我們的產品想干什么;這個人物對我們產品某個功能使用較多,需求較強的原因是什么,想達成什么樣的個人目標。


          2.2.2 提煉核心需求


          可以通過用戶畫像推測用戶的心理特征和行為偏好,積累了以上信息,你就比較容易進行需求的分析和挖掘了,提煉出解決用戶需求的核心的痛點。例如:解決了用戶在特定場景下的某一個核心痛點,滿足了用戶在當前場景下特定的訴求/需求。例如:共享單車產品就是解決了從車站、地鐵站到家、工作單位最后一段距離的出行痛點。例如:地圖軟件解決的是陌生地區找不到路和易違章的痛點。


          2.2.3 找到本質需求

          01、了解人性:做設計就是做人性,只有把握好人性的特點才能更好地滿足用戶心理,進一步引導用戶行為。馬斯洛需求層次理論,人的需求從低到高可分為 5 個層次:我們就可以試著洞察用戶在特定場景下的本質需求到底是什么了。生理需求(呼吸/食物/水):現代社會其實就是對生存條件的追求;安全需求(避免自己受到傷害);

          社交需求(愛與被愛/社會關系/地位)對情感的需要;尊重需求(被自己認可/被他人認可和尊重)對穩定社會地位的需要;自我實現需求(道德層面/內心層面的追求和滿足)。


          所以用戶的本質需求無外乎:生存、金錢、情感、名利、心理滿足這幾個方面。


          02、將用戶敘述的需求,轉化為本質需求:比如:有的用戶說,上品商場最近優惠券怎么少了?我都不想去上品買東西了。用戶表意是嫌優惠券少,如果我們草率得出:增加優惠券運營力度的結論太過于表面,其實用戶的本質是嫌商品太貴了,他們的本質需求是省錢,少花錢且買到想要的東西。而這類用戶是對價格極其敏感的用戶,增加優惠券只是其中一個策略,是無法滿足他們根本需求的。根據他們省錢的本質需求,我們可以給他們更多地推薦低端商家,哪怕沒有優惠券,還是能提升一波 GMV。


          進而轉化成設計目標為,要通過我們的設計能力,給用戶營造一個很省錢的氛圍,而不是一味地給用戶降價或是發優惠券。規劃更多的秒殺、每日特價、分享領券等活動專區,在設計頁面時增加優惠券、紅包等元素,突出省錢、低價等文案,可以有效地吸引此類用戶,引導他們下單付款。這就是本質需求的應用方法。


          2.2.3 拆解挖掘到的本質需求———KANO模型

          工具——KANO 模型問卷調研,主要依據是用戶調研,可以通過定性訪談的方式,對部分用戶進行了解,大概了解用戶對需求的態度;也可以通過定量問卷的方式,通過問卷獲取比較有參考價值的數據信息不同類型的需求和用戶滿意度之間的關系,將影響用戶滿意度的因素分成五類:


          基本型需求:無此功能,用戶滿意度會顯著降低;有此功能,用戶滿意度不會顯著提升。

          期望型需求:無此功能,用戶滿意度會降低;有此功能,用戶滿意度會提升。

          興奮型需求:無此功能,用戶滿意度不會降低;有此功能,用戶滿意度會有顯著提升。

          無差異需求:有無此功能,用戶滿意度都不會有太大變化。

          反向型需求:無此功能,不會影響滿意度;但有此功能用戶滿意度會下降。


          經過需求分析我們會拿到大量用戶需求的相關信息,在取舍和決策時我們可以使用三個原則 + 一個工具:01、

          圍繞本質需求和痛點;關注與業務不相悖的需求;解決影響用戶峰值體驗的問題;在做分析時可以利用 KANO 模型,重點關注模型定位出的基本型、期望型需求,適當關注興奮型和反向型需求。



          至此,我們掌握了產品分析的第一步,也就是找到設計的方向和基本依據——用戶需求;下一模塊我們將進入需求分析的第二步——場景分析,來找到設計可以利用的機會點、切入點!


          3.1為什么要進行場景分析


          3.1.1 場景是產品設計的基礎

          01、任何產品的誕生都是基于用途,牙刷為了刷牙、菜刀為了切菜、汽車為了出行……生產這些產品是為了滿足用戶的需求,而生產產品時需要考慮的因素如外觀、材質、設計細節等則源于用戶場景。

          02、互聯網產品其實也是一樣的道理,產品基于用戶的一些需求或者痛點而誕生,基于用戶的使用場景做功能和細節體驗。


          3.1.2 場景分析的核心能力就是同理心

          站在用戶的立場思考細節:必須首先知道用戶需要什么、喜好什么、討厭什么、不能接受什么,才能進一步改善我們的產品?;谟脩舻哪康?、行為偏好等研究用戶在場景里的行為、情緒,從而深入場景,做出正確的決策。


          避免主管的質疑和批判:有的用戶會有各種各樣“奇葩”的反饋,所以我們要多理解用戶的選擇和立場,避免主觀的質疑和批判。


          學會聆聽和關注反饋:在日常工作的溝通、對用戶的訪談中,我們可以試著多用心傾聽對方的表達。



          3.2 怎么做場景分析——三個工具一個方法


          3.2.1 用戶體驗地圖(流程分析)


          3.2.1.1概念

          01、還原用戶體驗產品的流程(分析的是場景中的線,包括流程線、行為線等。)02、列出用戶與產品、與線下場景有聯系的所有觸點。03、通過這些觸點掌握用戶的操作軌跡和行為特征。04、分析用戶的體驗感受。


          3.2.1.2 “五步法”梳理體驗地圖全流程

          01、明確分析對象:最重要的是確定一條明確的流程線,分析的產品某個功能或者某個服務/體驗流程,并非用戶。


          02、拆解體驗流程:把分析的流程進行拆分,拆成一個個體驗節點,實際場景設置節點。比如網約車的產品,要根據用戶在線下叫出租車的體驗場景來拆分,可以拆成走到路邊、招手攔車、上車、行程中、支付下車等幾個重要節點,然后根據這些節點來考慮和分析是否有優化或者需要顛覆的地方。


          03、創建用戶畫像:主要從用戶的基礎特征、用戶的心理和偏好等信息去做畫像,最后可以形成一個稍稍具體的角色。


          04、分析階段:制作表格,把每個節點的信息進行分析推測和記錄。例如下面表格:



          橫向:第二步拆解出來的所有的流程節點。


          縱向:用戶與產品的觸點:就是用戶如何操作我們產品,點了哪里、在哪里停留時間較長,這都是通過埋點數據可以看到的。


          用戶目標:從用戶的使用數據和用戶訪談中獲取相關的用戶信息,通過用戶的行為和他們表述的信息找到他們的立場、目的和利益點,從而分析他們想要什么。


          用戶行為:為了這個目標會怎么做。


          結果:看我們的產品頁面信息、流程及功能能不能滿足用戶上述的目的和行為即可。


          用戶情緒:用戶的目標和我們觸點是否契合,最終的結果是否能滿足用戶的需求和目的,沒有滿足的時候情緒低落到什么程度,滿足的時候情緒會高漲到什么情況,哪里是最低谷,哪里是最高峰。


          05、得出結論重點要看的是用戶情緒的起伏。找到最低點,看哪些節點影響了用戶的體驗,就是產品的痛點,也是我們的設計發力點和機會點。


          3.2.2 同理心模型(節點分析)


          3.2.2.1概念

          同理心模型適合分析我們產品體驗流程中的某個節點或細節功能,不適合進行流程化的分析。包含所看、所聽、所做、感受、所想。


          3.2.2.2同理心分析方法


          01、明確我們分析的對象是什么:比如:網約車用戶在打車等待接單的環節;比如電商產品確認訂單的環節;這些環節這些環節和節點都有共同的特點,就是集中在有限的一到三個頁面中,用戶的核心操作比較簡單。


          02、首先把圖表畫在白板上,用便利貼寫出所看、所聽、所做、感受、所想,五個維度的想法,


          03、然后進行集體討論,把這些便利貼提煉總結,歸納出重點信息,通過這種方式可以避免一個人悶頭思考的局限性,也可以保證思考的全面性。


          04、接下來對這個圖進行行為總結,找到用戶行為的原因,分析用戶的偏好和習慣。


          05、最后通過用戶情緒和感受,分析我們產品體驗的問題。



          3.2.3 情感化設計(節點分析)


          3.2.3.1情感化設計要素

          本能層

          親切:通過情感化設計,營造親切的氛圍,拉近與用戶的距離。比如:百度地圖可以在導航設置里將導航車標設置成自己的汽車品牌,當看到自己車的車標在地圖上移動,用戶就會感覺非常親切和熟悉。


          安全:讓用戶感到人身、隱私的安全。比如:嗶哩嗶哩在登錄界面輸入密碼時的二次元形象會有捂眼睛的動作。


          互動:我們的產品流程和功能的實現需要用戶的參與。比如:用戶刷新網頁時,由于網速較慢、需要較多的加載時間,在加載的過程中,有很多網站會提供一些互動小游戲。用戶參與進來了,整體等待的時間也就顯得沒那么漫長,這種互動既可以緩解用戶的焦慮情緒,又能有效防止用戶跳出。


          驚喜:人們對一件事物的判斷往往會基于最初的信息。所以如果我們在提供最初的信息時就給予用戶更好的結果,一定可以給用戶帶來驚喜?;ㄐ∝i在打車時先出現原價,然后彈出優惠券動效,價格數字也嘩啦嘩啦往下降,這個不斷下降的數字就利用了錨定效應,給予用戶一定的驚喜。


          行為層

          關懷:考慮用戶的使用場景,在場景下給予用戶細節上的功能推薦或操作建議。比如:美團外賣,在天氣惡劣時會提前提醒用戶:為避免延誤用餐時間,請提前下單。比如:滴滴出行,在用戶經常通勤的時間段也會自動提示:由常用起點至常用終點的路線派車大概需要XX分鐘,點擊即可叫車


          預期:難以避免需要等待、甚至反復操作的情況,此時為避免用戶跳出,你需要在細節上做好預期管理。比如:我們在用支付寶還信用卡時,支付完成后我們能看到已提交——待銀行處理等環節的流程提示。比如:我們在填寫一個需要補充大量信息才能注冊的網站賬號時,網站頂部一般會有注冊步驟的導航。當然以上只是最基礎的預期管理,如果你的文案能更俏皮一點,視覺效果上增加一些 IP 、甚至動畫就更好了。


          反饋:對用戶的操作及時給予回應,尤其是異常場景,需要使用用戶更容易接受的方式給予反饋。


          反思層

          情懷:能給用戶帶來情感上的力量。


          品牌:在產品的配色、排版、控件樣式上體現品牌的統一調性。在產品的體驗流程中貫穿品牌的價值。比如:在京東自營的店鋪購物、使用京東物流的產品會標明“京東物流”,在確認訂單頁也有“京準達”的功能選項,京東通過這種方式,將自營物流、快速到達的品牌特性一一表達。


          價值:實現更大的社會價值,從而提升企業形象。比如:商城的包裝箱、騰訊的 404 網頁上都能看到一些被拐兒童的尋人啟事,因為這些網頁和包裝材料的傳播力極大、傳播范圍極廣,可以帶來良好的社會公益效益。


          3.2.4 故事版

          故事版:體驗地圖和同理心模型,可以分別從流程到節點對場景進行分析,那么這些場景如何歸納和表達,以供大家決策和評審呢?需要站在用戶需求的角度講故事。故事板這種漫畫/故事的形式易于被受眾接受,在闡釋需求、說明方案時具有更強的親和力和說服力,


          描述過程:創建的虛擬人物;明確關鍵節點;找到虛擬人物在整個故事中所有行為和目的。



          產品思維、需求分析、場景分析這三部分是產品設計三個基本要素,做好這些分析能幫助我們了解產品、業務與用戶之間的聯系,從而做出體驗好、價值高的優秀產品。這些分析都是我們進入設計工作的前期信息和準備依據。接下來我們要做的就是明確設計目標。



          4.1為什么要明確設計目標

          01、一接到需求就馬上打開軟件開始往上鋪圖,遇到被卡住的情況,沒有辦法繼續做下去,總在糾結。

          02、有時候產品經理對某個需求也提不出很明確的方向,我們設計的時候能搞出幾個方向的方案,但是不知道如何決策。

          03、我們在著手設計的時候就沒有想好我們輸出這個設計圖的目的是什么,比如需要促進產品什么轉化、解決用戶什么痛點、解決體驗上哪些問題?

          04、我們做這些工作的目的是XXX,只有達到這個目標我們做了這么多工作才有意義、有價值。

          05、在日常工作中你也會發現,產品設計不等于純創意設計,產品設計的關鍵價值在于發現和解決問題,通過對體驗流程和頁面細節的處理/優化,得到我們期望的用戶反饋和業務數據。


          4.2 整個項目設計思考的流程

          01、設計目標的來源是用戶目標、業務目標和產品目標,依據這三個目標,我們將其轉化為設計目標;

          02、然后是將設計方案朝著既定目標實施,在方案的流程和細節里體現/實現我們的設計目標;

          03、上線后,及時收集和整理設計目標、產品目標相關的數據和用戶反饋,驗證我們的設計方案有無達到目標;

          04、然后規劃下一步的迭代方向。



          4.3 怎么設定設計目標“三步法”

          01、明確用戶目標和產品目標:設計目標的根本是產品目標,產品目標的根本來是業務目標和用戶目標,也就是業務的規劃和用戶的需求、痛點。因此在實際操作中,第一步我們要先明確我們的產品目標是什么,產品目標大多和用戶的轉化、功能的使用率有關,我們朝著這些方向分析一般不會有較大偏差。


          02、通過上面目標找到與之相關的關鍵用戶操作:比如點擊加購按鈕、比如完成付款驗證操作、比如填寫全部表單信息。


          03、將關鍵的用戶操作轉化成可以衡量的數據指標:將這些關鍵的用戶操作轉化為可以衡量的數據指標,比如加購 BTN 的點擊量、訂單提交后的付款成功率、比如表單信息的完整率。因此設計目標必須是可量化的,產品使用數據和業務數據,比如點擊量、退出率、取消率、跳出率等,才能在設計方案上線后正確評估我們的方案有沒有完成設計目標。



          5.1怎樣跨越設計難點

          01、先去定位設計難點,找到設計重點,再著手設計。完成主流程后再去解決小問題。

          02、接著列出流程或需求點,對設計方案有大致框架;

          03、然后針對流程中每個節點列舉可能會出現的問題把精力放在影響設計目標和用戶核心體驗的重點問題上。


          5.2怎樣解決設計難點

          精益創業模式里有一個 MVP 的概念,我們現在產品研發中的敏捷模式也是源于這個概念。簡單來講,就是用較小的成本先做出一個產品,然后快速上線,驗證業務模式、產品策略和用戶體驗等問題,然后小版本快速迭代,進行優化。



          參考資料:

          《用戶體驗干貨筆記》

          《用戶體驗要素》

          《騰訊產品法》

          《交互設計知識體系》




          C端設計前的準備工作,其中重點在于學會需求分析和場景分析。具體掌握需求分析的核心方法步驟,和場景分析中用到的三個工具用戶體驗地圖、同理心模型、情感化設計、和故事版。需求分析、場景分析是產品設計的基本要素,做好這些分析能幫助我們了解產品、業務與用戶之間的聯系,從而做出體驗好、價值高的優秀產品。這些分析都是我們進入設計工作的前期信息和準備依據。


          接下來我們要做的就是明確設計目標,設計目標的來源是用戶目標、業務目標和產品目標,依據這三個目標,我們將其轉化為設計目標,然后將設計方案朝著既定目標實施,在方案的流程和細節里體現/實現我們的設計目標,在產品上線后,及時收集和整理和設計目標、產品目標相關的數據和用戶反饋,驗證我們的設計方案有無達到目標,然后規劃下一步的迭代方向。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷 作者:morning_c

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          C端產品分析方法總結

          鶴鶴


          做一個完整C端項目前,從產品思維得理解、需求分析到場景分析,通過以上分析得出結論,進而制定我們的設計目標,把設計目標落地到解決實際的設計問題,內容較多,大家可以根據上述目錄來進行選擇性閱讀。


          1.1產品思維包括


          1.1.1 用戶思維:深入了解用戶的需求和場景


          了解用戶心理:“心理”主要是指用戶的情緒,只有了解用戶的心理狀態,才能知道他們在接觸到或者使用我們的產品時是正面的情緒還是負面的情緒。正面情緒需要我們引導去實現轉化,負面情緒需要我們安撫以避免跳出和口碑的損失。


          把控用戶行為:最終目的還是引導用戶行為,讓用戶按照我們的計劃進行產品的交互、操作,從而實現對用戶的有效管控和轉化。例如:上品店慶推出“購物省錢節”的概念,聯合商家推出各種優惠活動,就是抓住用戶在購物時想省錢的心理,通過降價、優惠券等方案讓用戶在選購商品、提交訂單和結算階段都保持高漲的情緒,從而推動用戶最終完成付款。


          解決用戶痛點: 在完成上面的分析后,我們最終需要把調研和分析結論落地為設計方案,前提是要關注用戶當前的情緒是負面的還是正面的,如果是負面的情緒,我們可以通過補償、安撫等方案對用戶進行留存。例如:在等待外賣送達時,配送信息頁一般都會有預估時間、位置等信息,讓用戶有一定預期。同時如果遲到時間過長,也會通過準時寶等規則給予用戶優惠券補償,這些都是負面情緒的安慰。



          1.1.2 項目思維:主動發現并解決用戶體驗過程中遇到的問題

          項目思維主要指,我們要具備極強的發現問題、輸出方案、推動落地的能力。這就是設計師的項目思維和推動力,可以保證自己的想法快速落地、推動設計優化并盡快上線。



          1.1.3 商業思維/業務思維:將設計目標與業務目標緊密結合

          商業思維是指,拉新:通過產品、運營和營銷策略讓用戶下載產品。留存:讓下載的用戶保持活躍度,留住用戶,便于轉化。轉化:讓用戶按照我們的業務規劃去注冊、分享、下單、付款等動作,一步步帶入我們的圈套,完成關鍵操作。變現:將用戶行為變現,內容產品的活躍度可以帶來廣告營收,電商產品的成交額就是業務收益。



          2.1產品思維的重要性


          2.1.1 Ui設計師和產品經理的區分界限


          相同點:在實際工作中,設計師和產品經理的目標在本質上是一致的,都是解決用戶的痛點、滿足用戶的需求,為用戶提供體驗更好的產品,并在此基礎之上完成用戶轉化,實現收益。作為一個設計師,我們對產品了解的深度不一定比得過產品經理,但是廣度上你應該要求自己和產品經理保持一致。只要掌握產品的架構、流程和業務的模式、原理即可。



          不同點:UI設計師更注重通過用戶體驗來留存用戶,產品經理更多地考慮轉化用戶和變現的途徑。



          沖突點:這時就會產生一些沖突和矛盾,有時為達到業績目標,產品經理或其他業務方可能會提出有損用戶體驗的方案或者策略。


          想要解決與產品沖突得問題,就要充分調動自己的產品思維,保持習慣性的產品思維,才能始終保持和業務一致的目標。和業務方站在一起,才能找到設計和業務的共同目標,并將業務目標轉化為可執行的設計目標,才能為設計帶來更高的價值。


          2.1.2 UI/UX設計師的真正價值是什么


          這里就繞不開這個話題----產品思維。別人眼里的UI設計師,很多人會認為設計師的工作就是設計流程頁面、視覺效果。這些工作看起來只是錦上添花,即使沒有專業的設計師來設計,可能只是流程、控件位置不太合理、樣式和顏色不太好看而已,并不會影響產品的開發和上線。其實,設計師的價值不僅是藝術價值,更重要的是為業務帶來價值。


          UI/UX設計師,關鍵在于對用戶場景、對產品細節的敏感度,這也是其他崗位不具備的技能。實際工作中這些細節問題,很容易區分出來專業性的差異,因為UIUX設計師是距離用戶最近的人。我們設計頁面,用戶在頁面上操作和獲取信息。我們設計流程,用戶通過流程完成各自的需求。我們設計的產品流程、頁面,是用戶直接接觸和使用的東西?;谶@個原因,設計師對用戶的需求、反饋是最了解和最敏感的,我們可以通過用戶的反饋、操作數據把控用戶的心理狀態和行為方向。無論是在方向上還是從細節出發,挖掘和洞察用戶需求,設計師有明顯的優勢。

          所以UI設計師真正的價值就是通過自己對細節和場景的思考,自我驅動,找到設計優化、產品迭代、業務提升的機會點。想要找到這些機會點,你需要培養自己的產品思維、項目思維和商業思維。


          2.1.3 如何培養自己的產品思維


          01、多與需求方、業務方(產品經理、運營、市場等崗位的同事)溝通,在參加需求評審的時候,深入了解業務和產品的特點、原理。


          02、了解產品流程:在接手某項業務或產品時,先利用思維導圖對產品的架構做一次梳理,通過功能結構圖你可以清晰地看到產品應該有的功能。在掌握架構的基礎上,對產品的核心流程再進行一次梳理,包括線上、線下所有的流程節點、體驗接觸點和不同用戶端的流程觸點。


          03、多做競品分析,從競品中尋找靈感和產品感。怎么做競品分析具體可查看我的其他文章,競品分析維度的確定。


          04、持續不斷地培養自己的思維能力,深入思考、多做歸納總結和分析。在做設計的時候我們也可以讓自己的思維慢下來,多去思考:思考一下為什么做這個需求?對用戶有什么價值?對產品有什么價值?對業務有什么價值?設計、產品、運營應該怎么做才能達成這個目標?我們的做法對業務、對產品有什么影響?設計方案能不能很好地平衡業務和體驗的關系?



          2.1為什么要進行需求分析

          01、用戶不知道自己真正想要什么。

          02、用戶難以說出自己的真實需求,用戶在闡釋自己的需求時,就會不自覺地粉飾和解釋自己赤裸裸的本質需求。例如:那些刷視頻就能領紅包得產品,但為什么它最近不火了,這類產品的人群,本質需求是:通過刷頁面領紅包,獲取更多的錢,這類人根本不關心內容是什么、內容質量怎么樣,這就造成了內容的觸達效果非常差。


          2.2 用戶需求分析步驟


          2.2.1 篩選出目標用戶


          01、了解我們產品的目標用戶群體和現有產品用戶群體,掌握用戶基本信息,分析用戶特征。(Who)用戶是哪些人:性別、年齡、地域分布、學歷收入等。(What) 用戶有什么共性。(Why)為什么選用我們的產品。(Where/When)在什么場景下使用我們的產品。


          02、通過了解用戶得到的所有信息,然后創建用戶畫像,得出結論。那么如何創建用戶畫像呢?


                 001、人物創建:創建一個虛擬的用戶群體中的一員,利用我們上面提到的用戶相關信息,可以給他/她一個插畫風格的照片幫助我們具體化這個用戶的人格和形象。然后列出他/她的基本信息,給他/她定一個社會角色,比如:小王,男,28歲,銷售經理,我們產品的熟練用戶,月收入2萬,學歷本科。

                  

                 002、分析動機:這個人物用我們的產品想干什么;這個人物對我們產品某個功能使用較多,需求較強的原因是什么,想達成什么樣的個人目標。


          2.2.2 提煉核心需求


          可以通過用戶畫像推測用戶的心理特征和行為偏好,積累了以上信息,你就比較容易進行需求的分析和挖掘了,提煉出解決用戶需求的核心的痛點。例如:解決了用戶在特定場景下的某一個核心痛點,滿足了用戶在當前場景下特定的訴求/需求。例如:共享單車產品就是解決了從車站、地鐵站到家、工作單位最后一段距離的出行痛點。例如:地圖軟件解決的是陌生地區找不到路和易違章的痛點。


          2.2.3 找到本質需求

          01、了解人性:做設計就是做人性,只有把握好人性的特點才能更好地滿足用戶心理,進一步引導用戶行為。馬斯洛需求層次理論,人的需求從低到高可分為 5 個層次:我們就可以試著洞察用戶在特定場景下的本質需求到底是什么了。生理需求(呼吸/食物/水):現代社會其實就是對生存條件的追求;安全需求(避免自己受到傷害);

          社交需求(愛與被愛/社會關系/地位)對情感的需要;尊重需求(被自己認可/被他人認可和尊重)對穩定社會地位的需要;自我實現需求(道德層面/內心層面的追求和滿足)。


          所以用戶的本質需求無外乎:生存、金錢、情感、名利、心理滿足這幾個方面。


          02、將用戶敘述的需求,轉化為本質需求:比如:有的用戶說,上品商場最近優惠券怎么少了?我都不想去上品買東西了。用戶表意是嫌優惠券少,如果我們草率得出:增加優惠券運營力度的結論太過于表面,其實用戶的本質是嫌商品太貴了,他們的本質需求是省錢,少花錢且買到想要的東西。而這類用戶是對價格極其敏感的用戶,增加優惠券只是其中一個策略,是無法滿足他們根本需求的。根據他們省錢的本質需求,我們可以給他們更多地推薦低端商家,哪怕沒有優惠券,還是能提升一波 GMV。


          進而轉化成設計目標為,要通過我們的設計能力,給用戶營造一個很省錢的氛圍,而不是一味地給用戶降價或是發優惠券。規劃更多的秒殺、每日特價、分享領券等活動專區,在設計頁面時增加優惠券、紅包等元素,突出省錢、低價等文案,可以有效地吸引此類用戶,引導他們下單付款。這就是本質需求的應用方法。


          2.2.3 拆解挖掘到的本質需求———KANO模型

          工具——KANO 模型問卷調研,主要依據是用戶調研,可以通過定性訪談的方式,對部分用戶進行了解,大概了解用戶對需求的態度;也可以通過定量問卷的方式,通過問卷獲取比較有參考價值的數據信息。不同類型的需求和用戶滿意度之間的關系,將影響用戶滿意度的因素分成五類:


          基本型需求:無此功能,用戶滿意度會顯著降低;有此功能,用戶滿意度不會顯著提升。

          期望型需求:無此功能,用戶滿意度會降低;有此功能,用戶滿意度會提升。

          興奮型需求:無此功能,用戶滿意度不會降低;有此功能,用戶滿意度會有顯著提升。

          無差異需求:有無此功能,用戶滿意度都不會有太大變化。

          反向型需求:無此功能,不會影響滿意度;但有此功能用戶滿意度會下降。


          經過需求分析我們會拿到大量用戶需求的相關信息,在取舍和決策時我們可以使用三個原則 + 一個工具:01、

          圍繞本質需求和痛點;關注與業務不相悖的需求;解決影響用戶峰值體驗的問題;在做分析時可以利用 KANO 模型,重點關注模型定位出的基本型、期望型需求,適當關注興奮型和反向型需求。



          至此,我們掌握了產品分析的第一步,也就是找到設計的方向和基本依據——用戶需求;下一模塊我們將進入需求分析的第二步——場景分析,來找到設計可以利用的機會點、切入點!


          3.1為什么要進行場景分析


          3.1.1 場景是產品設計的基礎

          01、任何產品的誕生都是基于用途,牙刷為了刷牙、菜刀為了切菜、汽車為了出行……生產這些產品是為了滿足用戶的需求,而生產產品時需要考慮的因素如外觀、材質、設計細節等則源于用戶場景。

          02、互聯網產品其實也是一樣的道理,產品基于用戶的一些需求或者痛點而誕生,基于用戶的使用場景做功能和細節體驗。


          3.1.2 場景分析的核心能力就是同理心

          站在用戶的立場思考細節:必須首先知道用戶需要什么、喜好什么、討厭什么、不能接受什么,才能進一步改善我們的產品?;谟脩舻哪康?、行為偏好等研究用戶在場景里的行為、情緒,從而深入場景,做出正確的決策。


          避免主管的質疑和批判:有的用戶會有各種各樣“奇葩”的反饋,所以我們要多理解用戶的選擇和立場,避免主觀的質疑和批判。


          學會聆聽和關注反饋:在日常工作的溝通、對用戶的訪談中,我們可以試著多用心傾聽對方的表達。



          3.2 怎么做場景分析——三個工具一個方法


          3.2.1 用戶體驗地圖(流程分析)


          3.2.1.1概念

          01、還原用戶體驗產品的流程(分析的是場景中的線,包括流程線、行為線等。)02、列出用戶與產品、與線下場景有聯系的所有觸點。03、通過這些觸點掌握用戶的操作軌跡和行為特征。04、分析用戶的體驗感受。


          3.2.1.2 “五步法”梳理體驗地圖全流程

          01、明確分析對象:最重要的是確定一條明確的流程線,分析的產品某個功能或者某個服務/體驗流程,并非用戶。


          02、拆解體驗流程:把分析的流程進行拆分,拆成一個個體驗節點,實際場景設置節點。比如網約車的產品,要根據用戶在線下叫出租車的體驗場景來拆分,可以拆成走到路邊、招手攔車、上車、行程中、支付下車等幾個重要節點,然后根據這些節點來考慮和分析是否有優化或者需要顛覆的地方。


          03、創建用戶畫像:主要從用戶的基礎特征、用戶的心理和偏好等信息去做畫像,最后可以形成一個稍稍具體的角色。


          04、分析階段:制作表格,把每個節點的信息進行分析推測和記錄。例如下面表格:



          橫向:第二步拆解出來的所有的流程節點。


          縱向:用戶與產品的觸點:就是用戶如何操作我們產品,點了哪里、在哪里停留時間較長,這都是通過埋點數據可以看到的。


          用戶目標:從用戶的使用數據和用戶訪談中獲取相關的用戶信息,通過用戶的行為和他們表述的信息找到他們的立場、目的和利益點,從而分析他們想要什么。


          用戶行為:為了這個目標會怎么做。


          結果:看我們的產品頁面信息、流程及功能能不能滿足用戶上述的目的和行為即可。


          用戶情緒:用戶的目標和我們觸點是否契合,最終的結果是否能滿足用戶的需求和目的,沒有滿足的時候情緒低落到什么程度,滿足的時候情緒會高漲到什么情況,哪里是最低谷,哪里是最高峰。


          05、得出結論重點要看的是用戶情緒的起伏。找到最低點,看哪些節點影響了用戶的體驗,就是產品的痛點,也是我們的設計發力點和機會點。


          3.2.2 同理心模型(節點分析)


          3.2.2.1概念

          同理心模型適合分析我們產品體驗流程中的某個節點或細節功能,不適合進行流程化的分析。包含所看、所聽、所做、感受、所想。


          3.2.2.2同理心分析方法


          01、明確我們分析的對象是什么:比如:網約車用戶在打車等待接單的環節;比如電商產品確認訂單的環節;這些環節這些環節和節點都有共同的特點,就是集中在有限的一到三個頁面中,用戶的核心操作比較簡單。


          02、首先把圖表畫在白板上,用便利貼寫出所看、所聽、所做、感受、所想,五個維度的想法,


          03、然后進行集體討論,把這些便利貼提煉總結,歸納出重點信息,通過這種方式可以避免一個人悶頭思考的局限性,也可以保證思考的全面性。


          04、接下來對這個圖進行行為總結,找到用戶行為的原因,分析用戶的偏好和習慣。


          05、最后通過用戶情緒和感受,分析我們產品體驗的問題。



          3.2.3 情感化設計(節點分析)


          3.2.3.1情感化設計要素

          本能層

          親切:通過情感化設計,營造親切的氛圍,拉近與用戶的距離。比如:百度地圖可以在導航設置里將導航車標設置成自己的汽車品牌,當看到自己車的車標在地圖上移動,用戶就會感覺非常親切和熟悉。


          安全:讓用戶感到人身、隱私的安全。比如:嗶哩嗶哩在登錄界面輸入密碼時的二次元形象會有捂眼睛的動作。


          互動:我們的產品流程和功能的實現需要用戶的參與。比如:用戶刷新網頁時,由于網速較慢、需要較多的加載時間,在加載的過程中,有很多網站會提供一些互動小游戲。用戶參與進來了,整體等待的時間也就顯得沒那么漫長,這種互動既可以緩解用戶的焦慮情緒,又能有效防止用戶跳出。


          驚喜:人們對一件事物的判斷往往會基于最初的信息。所以如果我們在提供最初的信息時就給予用戶更好的結果,一定可以給用戶帶來驚喜?;ㄐ∝i在打車時先出現原價,然后彈出優惠券動效,價格數字也嘩啦嘩啦往下降,這個不斷下降的數字就利用了錨定效應,給予用戶一定的驚喜。


          行為層

          關懷:考慮用戶的使用場景,在場景下給予用戶細節上的功能推薦或操作建議。比如:美團外賣,在天氣惡劣時會提前提醒用戶:為避免延誤用餐時間,請提前下單。比如:滴滴出行,在用戶經常通勤的時間段也會自動提示:由常用起點至常用終點的路線派車大概需要XX分鐘,點擊即可叫車


          預期:難以避免需要等待、甚至反復操作的情況,此時為避免用戶跳出,你需要在細節上做好預期管理。比如:我們在用支付寶還信用卡時,支付完成后我們能看到已提交——待銀行處理等環節的流程提示。比如:我們在填寫一個需要補充大量信息才能注冊的網站賬號時,網站頂部一般會有注冊步驟的導航。當然以上只是最基礎的預期管理,如果你的文案能更俏皮一點,視覺效果上增加一些 IP 、甚至動畫就更好了。


          反饋:對用戶的操作及時給予回應,尤其是異常場景,需要使用用戶更容易接受的方式給予反饋。


          反思層

          情懷:能給用戶帶來情感上的力量。


          品牌:在產品的配色、排版、控件樣式上體現品牌的統一調性。在產品的體驗流程中貫穿品牌的價值。比如:在京東自營的店鋪購物、使用京東物流的產品會標明“京東物流”,在確認訂單頁也有“京準達”的功能選項,京東通過這種方式,將自營物流、快速到達的品牌特性一一表達。


          價值:實現更大的社會價值,從而提升企業形象。比如:商城的包裝箱、騰訊的 404 網頁上都能看到一些被拐兒童的尋人啟事,因為這些網頁和包裝材料的傳播力極大、傳播范圍極廣,可以帶來良好的社會公益效益。


          3.2.4 故事版

          故事版:體驗地圖和同理心模型,可以分別從流程到節點對場景進行分析,那么這些場景如何歸納和表達,以供大家決策和評審呢?需要站在用戶需求的角度講故事。故事板這種漫畫/故事的形式易于被受眾接受,在闡釋需求、說明方案時具有更強的親和力和說服力,


          描述過程:創建的虛擬人物;明確關鍵節點;找到虛擬人物在整個故事中所有行為和目的。



          產品思維、需求分析、場景分析這三部分是產品設計三個基本要素,做好這些分析能幫助我們了解產品、業務與用戶之間的聯系,從而做出體驗好、價值高的優秀產品。這些分析都是我們進入設計工作的前期信息和準備依據。接下來我們要做的就是明確設計目標。



          4.1為什么要明確設計目標

          01、一接到需求就馬上打開軟件開始往上鋪圖,遇到被卡住的情況,沒有辦法繼續做下去,總在糾結。

          02、有時候產品經理對某個需求也提不出很明確的方向,我們設計的時候能搞出幾個方向的方案,但是不知道如何決策。

          03、我們在著手設計的時候就沒有想好我們輸出這個設計圖的目的是什么,比如需要促進產品什么轉化、解決用戶什么痛點、解決體驗上哪些問題?

          04、我們做這些工作的目的是XXX,只有達到這個目標我們做了這么多工作才有意義、有價值。

          05、在日常工作中你也會發現,產品設計不等于純創意設計,產品設計的關鍵價值在于發現和解決問題,通過對體驗流程和頁面細節的處理/優化,得到我們期望的用戶反饋和業務數據。


          4.2 整個項目設計思考的流程

          01、設計目標的來源是用戶目標、業務目標和產品目標,依據這三個目標,我們將其轉化為設計目標;

          02、然后是將設計方案朝著既定目標實施,在方案的流程和細節里體現/實現我們的設計目標;

          03、上線后,及時收集和整理設計目標、產品目標相關的數據和用戶反饋,驗證我們的設計方案有無達到目標;

          04、然后規劃下一步的迭代方向。



          4.3 怎么設定設計目標“三步法”

          01、明確用戶目標和產品目標:設計目標的根本是產品目標,產品目標的根本來是業務目標和用戶目標,也就是業務的規劃和用戶的需求、痛點。因此在實際操作中,第一步我們要先明確我們的產品目標是什么,產品目標大多和用戶的轉化、功能的使用率有關,我們朝著這些方向分析一般不會有較大偏差。


          02、通過上面目標找到與之相關的關鍵用戶操作:比如點擊加購按鈕、比如完成付款驗證操作、比如填寫全部表單信息。


          03、將關鍵的用戶操作轉化成可以衡量的數據指標:將這些關鍵的用戶操作轉化為可以衡量的數據指標,比如加購 BTN 的點擊量、訂單提交后的付款成功率、比如表單信息的完整率。因此設計目標必須是可量化的,產品使用數據和業務數據,比如點擊量、退出率、取消率、跳出率等,才能在設計方案上線后正確評估我們的方案有沒有完成設計目標。



          5.1怎樣跨越設計難點

          01、先去定位設計難點,找到設計重點,再著手設計。完成主流程后再去解決小問題。

          02、接著列出流程或需求點,對設計方案有大致框架;

          03、然后針對流程中每個節點列舉可能會出現的問題把精力放在影響設計目標和用戶核心體驗的重點問題上。


          5.2怎樣解決設計難點

          精益創業模式里有一個 MVP 的概念,我們現在產品研發中的敏捷模式也是源于這個概念。簡單來講,就是用較小的成本先做出一個產品,然后快速上線,驗證業務模式、產品策略和用戶體驗等問題,然后小版本快速迭代,進行優化。



          參考資料:

          《用戶體驗干貨筆記》

          《用戶體驗要素》

          《騰訊產品法》

          《交互設計知識體系》




          C端設計前的準備工作,其中重點在于學會需求分析和場景分析。具體掌握需求分析的核心方法步驟,和場景分析中用到的三個工具用戶體驗地圖、同理心模型、情感化設計、和故事版。需求分析、場景分析是產品設計的基本要素,做好這些分析能幫助我們了解產品、業務與用戶之間的聯系,從而做出體驗好、價值高的優秀產品。這些分析都是我們進入設計工作的前期信息和準備依據。


          接下來我們要做的就是明確設計目標,設計目標的來源是用戶目標、業務目標和產品目標,依據這三個目標,我們將其轉化為設計目標,然后將設計方案朝著既定目標實施,在方案的流程和細節里體現/實現我們的設計目標,在產品上線后,及時收集和整理和設計目標、產品目標相關的數據和用戶反饋,驗證我們的設計方案有無達到目標,然后規劃下一步的迭代方向。以上內容,感謝觀看。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷  作者:mornig-c
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          醫療行業的交互設計怎么做

          濤濤

          醫療行業的交互設計,跟其他行業有何不同?有什么要特別考慮的點?設計師應該注意哪些方面?

          X與行業

          產品體驗設計通道中有條簡單好記的定義: 1+X。

          「X」這個字母常被定義為更多可能性,它的誕生往往是為了更好地服務行業與產品。

          例如在醫療健康行業中,不再只有C端用戶,我們要面對醫院管理人--員、患者、醫護人員還有企業用戶等;環境也不單是線上場景,它可能是醫院、企業大樓、社康、疾控中心等等;合作方式同樣獨特,我們做出的任何一個設計都是需要客戶過目的,每一個字段甚至都涉及到生命健康與安全,所以會要求我更高標準地了解行業與用戶,促使我們在項目前期去不斷學習和應用一些用戶研究知識,使設計更加貼近用戶。

          交互設計師在用戶研究領域的探索

          過往經歷中,總結了用戶研究在各階段的介入場景和方法,接下來會具體講下在醫療健康項目中的運用。

          1. 企業健康場景案例

          企業健康項目是從一個合作開始的,公司的行政部門想要通過我們提供的健康管理產品來提升員工整體的健康水平,并將該方案進行復制從而提供一個企業健康管理的行業解決方案。

          的確,員工是一個企業的寶貴財富,健康有活力的員工群體對提升企業生命力有著非同一般的影響。通過網絡文獻調研,我發現國內企業的亞健康狀況并不樂觀。

          △ 國內企業健康現狀

          第一階段用研——產品定義與設計方向

          為了更了解員工和企業的真實情況和痛點,我們規劃了用研計劃,列出了三個用研目標:

          • 了解員工們的主要健康問題
          • 了解企業服務存在的問題和改善方向
          • 確立產品目標與設計目標

          目標1: 員工們的主要健康問題都是什么?

          通過和企業方的溝通,我們發現員工的體檢報告是挖掘健康問題的源頭,于是我們由此開始研究。

          首先,我們拿到了歷年的公司員工體檢數據統計(脫敏分析),整理出體檢問題的Top10。

          △ 騰訊2018年體檢數據統計

          獲許可,我們也隨機向外發放問卷,了解到一些公司職工最想要改善的問題。

          △ 某大廈的用研報告(僅作為分析用)

          目標2:企業現在所提供的服務有哪些問題,該如何改善?

          B端: 由于這是一個B to C的項目,我們優先會去采訪企業端遇到的問題,溝通發現企業都會投資提供的健康設施(體檢,食堂,健身房等),其中很多設施并沒有被充分利用,或是沒有得到合理的分配,現有的線上預約流程也存在很大的后臺計算成本。

          △ 騰訊提供的健康服務與設施(非疫情期間拍攝)

          C端: 通過公司內部招募和訪談了20名員工,我們總結為三個主要痛點:

          • 體檢套餐不知怎么選最適合自己,體驗不流暢
          • 體檢后看不懂報告也不知道該如何改善
          • 知道改善方向卻不知如何落地和規劃,或是沒有堅持下去。

          △ 員工在體檢健康中遇到的痛點

          以上,我們也對企業客戶與員工用戶的訴求有了初步的了解。

          △ B&amp;amp;amp;amp;C兩端訴求分析

          目標3:如何定義產品目標與設計目標?

          通過以上分析,和其他合作團隊一同討論了體檢與健康管理行業的現狀和盈利點,我們最終確定了產品方向:通過加入AI技術,分析用戶過往體檢數據來給用戶推薦最合適的體檢套餐,幫助用戶解析體檢報告轉化為更加易懂的方式,加強與醫療服務的定制化連接;并智能定制最適合員工的管理方式和行為,充分利用起公司資源。

          △ 產品形象與定義

          通過對整體流程的用戶情緒地圖分析,我們得出設計的關鍵詞:專業,貼心,安全

          △ 階段情緒地圖分析

          知識點1: 訪談與問卷調研

          不要一上來就直奔主題,可以先問一些簡單回答的問題和閑聊,讓用戶進入放松狀態時再聊重點問題。且要時刻關注受訪用戶的狀態,比如:是不是開始疲憊,回答過于發散以及表達意思模糊等等。遇到這些問題,需要隨時做調整。

          訪談的時候最好不要單獨行動,要有1個主導訪談的,一個記錄的。如果訪問過程很長,有條件以及受訪者允許的情況下,可以進行錄音有助于后期的整理。

          訪談結束后,最好是當場,或者至少應該是當天就完成本場次的訪談記錄和總結工作。因為根據遺忘曲線,人在20分鐘后將遺忘42%的內容,而1天后則將遺忘74%。即使有錄音筆記錄,你也會忘掉很多細節的,諸如表情,用戶的潛臺詞等等。想到的設計解決方案也可以先記錄下來但不急于放到總結當中去。

          第二階段用研——產品與設計驗證

          確立了目標和方向,我開始從體檢預約和檢后管理兩部分來進行設計,由于在前期建立了用研機制,我們會定期對重要版本的內容和信息設計進行測試驗證,并讓用戶基于我們定義的設計標準來打分,判斷是否達到了專業,貼心與安全。

          卡片分類-測試內容與排序

          在檢后的體檢報告解讀中,我們需要對解讀結果進行結構化展示,方便用戶快速獲取有用信息,提高閱讀效率,由此我們運用了卡片分類法,讓用戶對其重要性的排序,得知對用戶來說體檢異常中的單項的指標解釋>危害性>指導措施。

          △ 卡片測試與分析

          可用性測試-測試架構與信息形態

          體檢解讀的首頁我們繪制了三個版本的方案,來突出不同的信息通過制作原型demo來進行可用性測試,讓用戶選出最喜歡的并說明原因,最終選擇出一個最優方案。

          △ 體檢解讀首頁可用性測試與分析

          從彈窗內容組合到內容的體檢解讀指標的可視化設計我們都做了用研測試版本

          △ 體檢解讀內頁信息測試稿

          最終得到更加符合用戶認知的體檢解讀設計。

          △ 體檢解讀設計

          灰度測試與深度訪談

          由于某些需求時間緊迫,例如體檢預約,當時很快就要到體檢季,于是我們快速搭建框架和基礎功能的設計,細節疑問點列出后進行灰度版本測試,并對前期招募的種子用戶進行測試訪談,總結現存版本的問題,同時我們也訪問了企業側,把他們的優化訴求納入考慮。

          △ 體檢預約訪談腳本與測試結論

          比如企業要求突出安全感,福利感與智能推薦,減少后臺結算成本等,我們便通過明確隱私授權認知的全頁面彈窗以及簡化體檢預約流程,2步變1步,增強頁面福利與智能推薦的感知渲染來滿足客戶要求,也得到了滿意的贊賞。

          △ 隱私授權設計

          △ 體檢預約設計

          以上的用研方法其實可以運用在大多數的項目中,于是我在后續的騰訊健康模塊設計中也常會去使用,例如疫苗設計中的閃屏方案測試等等。需要注意的是用研應該被列入到日常的流程中去,而不能作為臨時安插,需要在項目實施前就進行用研計劃的擬訂,才能保證我們和用研同學有條理地客觀的進行調研和驗證。

          知識點2:卡片與可用性測試

          • 研究員不要引導和干擾受訪者,特別是不要在過程中對某些詞匯進行解釋。
          • 開放式卡片分類法中,卡片數量不宜太多,簡單的卡片測試建議在20以內。難度會隨著數量的新增而成倍增加。
          • 記得要首先詢問用戶對于卡片上詞匯的理解,看是否有偏差。當對方問到的時候,可以先不著急回答,先問問他是如何理解的。內容的設計是設計師容易忽略但非常重要的一點。
          • 可用性測試的環境要保證安靜無干擾。自己做的設計往往會容易有一些主觀的想法和情緒,需要盡量克制,比如可以讓用研同學做主導,自己做記錄和觀察即可。
          2. 就醫服務場景案例

          就醫流程是看似并不陌生的場景,痛點也非常明顯,就是常被提到的「三長一短」問題(掛號時間長,支付時間長,問診時間短),于是在進行線上就醫服務設計時,很多人會認為沒什么好特別調研的,競品也非常多。

          然而其實在設計中,最害怕的就是「我以為」。記得在做某醫院的就醫服務項目時,由于就醫環境和用戶非常復雜,所以我們在做這個項目時堅持去到了前線進行了實地考察與影子觀察法,才發現了新的洞察。

          實地考察中的望聞問切

          說來很巧,現場的調研方法其實和中醫中的「望聞問切」有異曲同工之妙。

          △ 醫療場景用研方法

          「望」:可理解為影子觀察法:選擇最能反映問題的時間和場景去觀察用戶行為,發現痛點,經過幾天的觀察我們發現早上8-10點是醫院看病的高峰期,也是排隊最嚴重,院內最擁擠的時期,所以我會在這兩個小時集中觀察和記錄患者以及醫生的狀態。

          「聞」:即為傾聽,其實也是訪談法中很重要的一個原則,多讓用戶去訴說,減少自己的主觀判斷干擾用戶的完整陳述,如果記不下可以錄音。

          「問」:根據我們想要了解和觀察到用戶的行為進行提問。

          「切」:這里和中醫中的切診接觸不同。是指切身去體驗患者的感受,比如我會根據自己身體的某些不舒服去掛號體驗流程,情景帶入。

          以上的實地考察后,我在第一時間用我們設計師的手法來記錄整理:體驗地圖分析,并通過討論提煉出設計的關鍵點:引導,連接,合并與轉化。

          △ 用戶體驗地圖與關鍵點分析

          知識點3:影子觀察法

          • 需要選取事件發生的典型場景和時間,即所觀察的場景和用戶是最具有代表性的,才能最反映問題所在。
          • 像一個隱形人一樣去觀察,不要主動打擾和詢問用戶,才能最客觀的記錄狀態和行為,避免變形。

          用戶體驗地圖的落地應用

          這四個設計關鍵點其實來源于痛點描述中的一些高頻提到的情況,拿引導和連接這兩個點來說明。

          引導:通過觀察發現,用戶在嘈雜的就醫環境中本處于極度焦慮緊張的狀態,對信息閱讀和處理的速度低于平時的好幾倍,因此我們需要提供具體的,正向的引導。

          △ 精準預約設計

          連接:通過訪談和自己實際的體驗發現,許多線上和線下的服務之間是斷層的,一方面需要流程上連接我付了款下一步要去哪,怎么拿藥;另一方面我們也發現線下的引導設計是一個非常重要的連接機會點。

          于是我們從線上和線下兩方面進行了連接,提供了一套整體的解決方案。

          △ 候診與取藥簽到設計

          △ 醫院物料布局與落地布置

          通過用戶關系圖了解了每個相關利益人的人群要素和訴求,在設計中不僅會考慮針對他們的設計,也結合體驗地圖中的機會點引出了設計原則,作為設計的指導和驗證標準。

          △ 相關利益人分析與設計原則

          測試與收獲

          上線后,我們穿上志愿者的衣服,去往前線進行現場解說和用戶測試,經過一個月的努力,真實感受到了現場效率的提升和滿意度的提高,院方和使用過的用戶都非常滿意,這也讓我們設計師切實感受到了欣慰和成就感。

          △復旦大學附屬腫瘤醫院病理會診 整體服務上線前后對比

          這得益于我們能長時間與用戶在一起,真實地聽到了他們的聲音與感受,也把想法落地去幫助他們解決了問題。這個過程中,讓我們發現類似的垂直領域需要去到前線自己去感受,而不是隔著屏幕去觀察,每個人的思考角度會不同,會發現新的問題和洞察。

          知識點4:用戶體驗地圖

          • 不要為了畫流程而畫,最終還是要通過圖形化的記憶更好的還原記憶細節。
          • 重點要放在痛點與機會點的一些突出共性上,提煉是關鍵步驟。
          • 不要忽略不同接觸點的洞察,它們均可以作為設計的載體。
          3. 醫療數據分析場景案例

          在醫療數據分析的場景中,我們面對的客戶是政府和醫院領導。相信在做TO B設計的小伙伴經常會遇到這樣的問題:客戶時間比較難約,給的調研時間有限;決策層客戶思考的比較廣而泛,很難深入用研。

          基于這樣的問題,我們想出了一個根據客戶群體層級,區別調研的方法。

          梳理角色

          去年年初,我們曾走訪多家公立和私立醫院,優先通過管理層梳理出了關于數據處理上報的流程。他們對數據的關注度和處理順序往往是有一個自下而上的上報過程,基層人員進行每個月度和季度的數據匯總,分析與簡單的可視化表現,上報給部門管理和上級管理者進行審核提煉,最終給到管理決策者一些關鍵現象和趨勢和對比。

          由此提醒了我們,想要提供一個完整的數據解決方案,就需要繪制角色面板,區別調研目的與手段。

          △ 醫院層針對數據的處理流程

          分角色的溝通用研

          我們確立了針對基層人員,中層管理者以及決策管理者的用研目標并展開了差異化的溝通用研,我們會每個角色找1-2人和我們3-4個同事坐在一起,以焦點小組的方法一同腦暴某一數據場景和所需數據。

          • 基層人員 用研目標:了解常用基礎數據的模塊與細節匯總
          • 中層管理 用研目標:常關注的關鍵指標模塊與提煉形態(對比,警示,峰值,占比)
          • 決策管理者 用研目標:看數據的目的,常關注的關鍵指標與形態的驗證,后續操作

          △ 醫院數據現場用研

          數據研究與總結應用

          根據對醫院不同角色的溝通梳理出了一些總結點,運用到了產品和設計中。

          第一:我們發現了管理者們最關注的一些醫院數據的形態,并打算把基礎數據盡量以對比,警示等手段進行分析與場景描述。便于管理者直觀獲取他想要獲取的輔助決策信息。

          第二:根據不同角色提供針對性的角色面板,并梳理出個角色關注的數據模塊和現象。

          第三:各角色具體數據字段的梳理與總結,并進行了頻率的標注便于后續的設計面板規劃。

          第四:調研中發現領導層在看數據時需要來回切換系統,且看起來沒有一個統一的路徑和條理,因此我們也和對方溝通,通過故事化的手法進行數據分析的流程體驗設計,層層深入和下鉆,從現象挖掘到問題本質。更加符合了用戶看數據的順序和認知。

          △ 長沙超腦項目設計版圖

          除此之外,我們后面的產品和設計的匯報也會根據角色的差異來進行內容的調整,讓聽我們說話的人可以快速理解我們想要達成共識的內容,加快溝通效率,提升了在客戶心里的印象。

          這個過程中,通過用研讓用戶感覺到我們懂他們,并讓其增加了參與感,對產品和設計都是一個推進器。

          知識點5:TO B/G客戶用研

          • 事前理清楚項目中會接觸的各個角色,并進行初步了解,制定不同的用研目標再進行溝通。
          • 探討的過程,要給足客戶參與感,例如使用焦點小組的調研方式,提升好印象。

          如何持續提升技能——讀書有感

          說了那么多設計師在用研技能上的應用,也許有人會有這樣的疑問:如何可以不斷提升自己在各方面學到的技能呢?一年前讀到《刻意練習》這本書,給了我一些啟發,在此總結給大家,希望對你們有幫助:

          1. 制定具有定義明確的特定目標

          「提升專業」是個很大的詞,所以我們往往定了一個很大的目標,然后被各種事情拖著然后拋之腦后。因此拆分目標才是第一步。比如最開始做交互時我發現自己在歸納場景時總會缺失,再比如每次自己在匯報總結時,耗時過長,缺乏重點,那么這些都可以被列入要提升的小目標,總之目標不要太泛太難實現,這樣實現起來會更加容易,也更容易堅持和自我激勵。

          2. 持續學習與專注練習

          研讀多本相關專業書籍,并應用的項目中去。這是我的一個目標也是方法。投入項目后,我們往往會陷入事件當中,甚至會就一個點和產品爭論不休。但其實跳出來,去看些新思路不妨為一個好方法。

          比如我最近在讀《感官心理學》這本書,提到人們對于「軟」和「硬」的觸感印象會延伸到女性和男性的聯想上,提到女性人們自然都會有柔軟的印象,男性則會有剛硬事物的聯想,這也就充分佐證了對于不同性別上的設計形態差異。類似的小實驗可以幫助我們的設計更有說服力。

          大多時候理論知識很枯燥,也難以一時間就可以用到,但只要你讀過,在需要的時候它就會突然跑出來給你靈感。

          專注是我一個單線程人的特點,我很難在一個時間里同時處理多件事,所以我會每天根據要完成的訓練目標,把時間進行劃分,個人感覺這的確產出效率也會高一些。

          3. 一定要有反饋

          每一次的練習必須要得到反饋,這也是評審的重要性。但其實不同的目標點可以對應方面的專家,不僅限于leader了,同事也是很好的老師,比如我會去發現身邊匯報比較厲害的同事,幫我把關。只要遇到問題,一定不會放過去問用戶研究同學的機會。

          某方面沒有老師怎么辦?讓用戶告訴你!首先我會常用可用性測試的方式去檢測自己的方案中的信息傳達,交互反饋等等在進步,另外我也會在每個項目后整理一個小總結,來記錄自己的思考與進步

          另外,以下是我在用戶研究學習中讀過的幾本書,推薦給大家~

          結語

          面對飛速發展的現在,各行業的產品也都在積極轉型,例如開始涉足TO B行業和客戶,開始研究00后的新生代用戶,面對新事物我們設計師更要保持敏銳的眼光,利用自身的設計洞察能力去挖掘新的問題與方法,于是新的技能和方式也開始出現,所以我們一直認為產品體驗設計師沒有一個固定的能力模型,還是要根據你所從事的行業和產品來發現所需的技能點去發揮價值。學習的過程中,我們成就項目的同時也在慢慢成就自己。

          文章來源:優設    作者:騰訊 April

          作品粗糙不耐看?用實戰案例教你快速提升作品質感!

          濤濤

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          質感是什么?如何讓畫面擁有更高端的質感?本文由質感的原理出發,深入分析質感表現所需要的要素,并通過實例來講解如何在作品中表現高端質感。

          很多同學在設計完成后,總是會發現頁面很單薄,導致整體看起來很粗糙、不耐看。究其原因,大多數是因為頁面缺乏質感。

          質感,對于設計作品來說,是一個非常重要的視覺元素。它能夠提升作品的層次,讓整個作品更高端、更有品質。

          什么是質感?

          質感,基本釋義為所表現的物體呈現出的物質真實感和細膩的品質感。這是一種視覺的綜合感受,會觸動你的某種本能的綜合感官,讓你感覺非常舒服、非常爽。

          我找了幾張比較富有質感的圖片,大家可以感受一下這種感覺。

          觀察完這些圖片后,你發現有什么共同點了嗎?我們可以試著來分析一下。

          首先,物體本身的型是好看舒服的,并且細節足夠精致。

          其次,在光的影響下,物體的表面呈現出細膩的光澤變化,以及通透而舒服的陰影,展現了豐富的層級關系。正是光的作用,讓這些視覺元素得以表達,讓我們沒有觸摸便能感知到這種質感。

          我們再來看一些優秀的擬物作品。大家對照一下,是否都遵循相同的要素。

          觀察這些優秀的擬物作品,為什么會覺得有質感呢?首先圖標很精致,它的形具有一定的美感。但是這不足以讓它富有質感,關鍵是它也符合了上面所說的幾個質感要素。

          最后,我們可以總結一下,質感產生的要素:

          • 整體光感:符合視覺原理的整體光感。
          • 細膩的漸變:通過色彩漸變所模擬出的真實的質感和豐富的層次感,以及柔和舒服、符合光感的投影。
          • 細節/紋理:精致的細節/紋理,讓畫面足夠精美和耐看。

          所以除了作品本身足夠精美以外,整個作品的光感需要和諧統一。每個元素表現的色彩變化規律(漸變色)、投影大小和投影間的相互影響,都需要與光感嚴謹的統一。

          這就要求你在繪制所有元素時,需要去假定一個統一的光源,這樣才能讓物體擁有更真實的質感。

          我們已經了解了質感產生的原理,下面就開始實際案例。每一個步驟我都會講解思考的過程和原因,方便大家理解。

          案例解析

          1. 整體背景和主體框架繪制

          建立畫布(1200 x 900)。用矩形工具繪制背景和主體框架(1100 x 700),圖層樣式為漸變疊加,光線方向統一。

          漸變是為了模擬背景的質感和在光線下的變化,兩層光線方向需要統一。背景顏色稍淺且飽和度低,符合遠近的視覺規律。

          2. 繪制投影和主體背景

          復制矩形作為投影層,顏色調整為黑色,轉為智能對象后,加入高斯模糊效果。調整矩形圖層的模糊度和透明度,移到適當位置。具體參數對照圖中。投影的位置根據假定光源位置而定,使其符合視覺原理(詳見光線分析圖)。

          繪制主體深色背景(1070 x 670),添加漸變疊加模式,漸變方向與前面保持一致。漸變的顏色對于質感非常重要,恰當且高級的漸變色,能夠在本質上提升畫面質感。而漸變方向則需要根據假定光源進行判定。

          為什么要這么繪制漸變與投影的位置呢?我繪制了一張光線分析圖,大家可以從圖中看出假定光源的位置,以此來確定漸變的方向以及投影的位置。

          只有整體光感的統一,整個畫面才能表現出強烈的質感。大家在繪制這一步時,需要用心體會假定光感的這個過程。

          3. 將人物融入背景,提升發絲層次和質感

          放入人物圖片,圖層模式改為正片疊底。調整圖層透明度,添加蒙版使人物下半部分漸隱,與背景融合。

          復制人物層,取消圖層模式和透明度。用選擇顏色命令提取發絲高光,添加蒙版抹去不需要的高光,圖層模式改為變亮模式,調整透明度使其融合進人物。

          為什么要做這一步呢?單純的人物在畫面中顯得太平了,所以需要豐富細節、增加層次。

          4. 主體字體和投影繪制

          輸入主體文字,圖層模式調整為漸變疊加,根據光源調整顏色漸變。案例中的英文字體為「Monotype Corsiva Regular」。這一步需要反復的嘗試,大家可以換一些字體嘗試一下。

          復制一層作為投影,文本顏色改為黑色,圖層樣式設置為正片疊底,轉智能對象后模糊對象,調整圖層的透明度和大小,放在字體后面。字體的立體感依靠的仍然是統一的光源,需要想象字體在假定光源下的陰影關系。

          投影能夠模擬真實感,需要若有若無的感覺,讓文字懸浮在圖層上面,豐富畫面層次。

          5. 主體文字細節刻畫

          根據字體的結構,用形狀工具繪制出字體的立體關系。每一個形狀圖層繪制后需要兩層蒙版,一層為了限制字體范圍,一層為漸變蒙版。讓充滿立體感的文字懸浮于畫面中央,提升視覺中心的細節品質。

          6. 穿插細文與投影繪制

          輸入細文,并復制一層作為陰影。不過因為字體較小,距離拉遠后投影肯定是看不清細節的,所以已經模糊的若有若無,但還是需要有的。

          表現文字穿插關系,讓「is an」懸浮于「L」上,并留下近距離投影。讓「attitude」穿過「e」字,遮擋部分文字。豐富的穿插和相互投影,進一步增加主體文字的細節和層次,讓畫面細節豐富且更加耐看。

          7. 繪制輔助圖形,增強畫面流動感

          為了豐富畫面細節,增強畫面流動感,可以適當加一些飄零的輔助元素。

          繪制時需要注意的是,你需要明確整體視覺中心與運動的方向。輔助圖形沿著整體畫面,水平中心向右運動,你可以想象圖形散開后的畫面,并反復調整元素的合理位置。

          如果沒有一定的規律,所有圖形就不像一個整體,就會看起來很亂。大家可以根據這點來判斷輔助元素是否需要進一步調整。

          8. 收尾工作,大功告成

          最后,根據頁面需要,搭配上合適的元素,讓畫面更完整。

          需要注意的一個細節是,由于所處的位置不同,這些元素在光照中呈現的顏色也會出現深淺變化,所以左邊的元素較淺,而右邊的元素會深一些。

          怎么樣,是不是看起來并不難?

          希望大家可以抽空認真地跟著教程去嘗試一遍。只要你能夠理解每個步驟的目的,耐心地繪制每一個細節,相信你也能夠做出這種非常高端的質感。

          如果你能在制作時,用心思考和體會整個過程。就能在以后的作品中舉一反三,讓這個技能成為你自己的技能了。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計 、 ipad界面設計  包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

          交互設計定律-大白話解析席克定律

          濤濤

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          席克定律也是交互設計中非常重要的一部分


          在視覺設計中也起到很重要的作用、會使用戶體驗更佳~


          今天我們共同了解一下交互七大定律之——席克定律


          ...


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計  圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務。

           

          通知類界面整理詳情

          用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

           

           

          微信圖片_20190411093404.jpg微信圖片_20190411093409.jpg微信圖片_20190411093412.jpg微信圖片_20190411093415.jpg微信圖片_20190411093419.jpg微信圖片_20190411093422.jpg微信圖片_20190411093426.jpg微信圖片_20190411093501.jpg微信圖片_20190411093458.jpg微信圖片_20190411093454.jpg微信圖片_20190411093441.jpg微信圖片_20190411093436.jpg微信圖片_20190411093433.jpg微信圖片_20190411093430.jpg微信圖片_20190411093511.jpg微信圖片_20190411093517.jpg微信圖片_20190411093520.jpg微信圖片_20190411093523.jpg微信圖片_20190411093529.jpg微信圖片_20190411093533.jpg微信圖片_20190411093537.jpg微信圖片_20190411093602.jpg微信圖片_20190411093558.jpg微信圖片_20190411093556.jpg微信圖片_20190411093552.jpg微信圖片_20190411093549.jpg微信圖片_20190411093546.jpg微信圖片_20190411093541.jpg微信圖片_20190411093605.jpg微信圖片_20190411093609.jpg微信圖片_20190411093613.jpg微信圖片_20190411093616.jpg微信圖片_20190411093622.jpg微信圖片_20190411093630.jpg微信圖片_20190411093635.jpg微信圖片_20190411093641.jpg微信圖片_20190411093638.jpg

           

           


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

          如何讓用戶對你的設計印象深刻

          濤濤

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          相比于典型的字、句型結構和圖像,不同尋常的字、句型結構以及圖像會更容易被人們記住。正因為如此,我們在日常工作中才會經常接到類似以下的需求:將新/重要功能的入口,或者運營活動的入口做特殊化處理,增加趣味性來讓用戶加強印象。


          這種現象被稱作為梵雷斯托夫效應(相對于普通事件或物體,要記得獨特、有特色的事件或物體可能性會大增)。梵雷斯托夫效應有兩個觸發條件:背景不同以及經驗不同。背景不同是指一個刺激物與周圍的刺激物不同,比如在一串字母中突然出現了一個數字,那個數字就會讓人印象深刻;

          經驗不同則是指一個刺激物與記憶中的經驗不同,比如一些經常被我們誤讀的成語,因為與平時的經驗相悖,所以看到正確解釋的時候印象特別深刻。

          我們在了解了這兩個觸發條件之后,就可以利用它們來觸發梵雷斯托夫效應,從而幫助我們做出令用戶印象深刻的設計。下面就結合實際案例來看看如何利用它們。


          前面說過,背景不同是指一個刺激物與周圍的刺激物不同。具體到界面中,我們可以理解為在一堆相同類型的元素/模塊中,對其中需要突出的做特殊化處理。


          案例1 功能入口

          京東金融底部導航中的“信用”以及保險頁面中金剛區的“1元購”,都采用了與同類型元素不同的視覺樣式。前者采用了色塊+動效,后者采用了3D視角,分別讓它們在底部導航和金剛區中“脫穎而出”,引起用戶的關注。


          案例2 列表內元素

          愛奇藝的首頁推薦中,其中一個視頻內容的封面是采用動圖的形式,在其他靜態封面的襯托下,就顯得格外醒目。飛豬的首頁推薦中,則是把專題欄目的信息部分(彩色底白字)設計得與其他商品(白底黑字)差異較大,來吸引用戶關注點擊。


          案例3 模塊之間

          美團外賣的個人中心將一些常用功能至于一個單獨的模塊中,并且將其中的圖標設計成與其他模塊內的圖標所不同的樣式(黃色填充),如此即突出了常用功能模塊。另一邊愛奇藝的個人中心,“會員服務”與“我的泡泡”則是直接從下面的宮格式布局中脫離出來,并且將各自的一些功能外置,布局交互完全不同于下面的其他模塊,以達到突出這兩個模塊的目的。

          以上三個就是典型的“背景不同”觸發梵雷斯托夫效應,從而讓用戶印象深刻的案例。不難發現,對于“背景不同”,已經應用的比較廣泛,并且大家也較為熟知了,接下來看看“經驗不同”。


          經驗不同需要顛覆過去的認知,我們可以理解為在一些已經被大家所熟知的視覺/交互中,對其進行“改革創新”。


          案例1 虎撲評論點贊

          虎撲中的評論點贊不同于我們看到的其他產品,它采用的是一個燈泡ICON來表達該評論“亮了”,更貼合用戶對有趣評論贊賞認同的真實場景。與眾不同的方式也加強了用戶的印象,提升了用戶的黏度。


          案例2 嗶哩嗶哩打賞

          嗶哩嗶哩中的打賞采用了“馬里奧踩蘑菇”游戲的形式,不同的磚塊代表不同的打賞數額,選擇完數額,滑動馬里奧頂一下磚塊就完成了打賞的整個過程。相比于普通的宮格式菜單選擇,是不是有意思多了呢?


          案例3 微信讀書推薦

          微信讀書的書城中有一個“搖一搖”的功能,搖動一下手機或者點擊一下“搖一搖”ICON,就會隨機推薦一本書給你。每一次搖動背后的不確定性就像搶紅包一樣,滿足了用戶的獵奇心理,提升了體驗的趣味性。相比于普通的推薦版塊,不僅能讓用戶印象深刻,更會讓他們對此愛不釋手。

          其實這些“經驗不同”的案例也不完完全全是創新,比如搖一搖之前就是微信中的一個社交功能。大家可以將平時看到的有意思的設計記錄下來,并思考一下可以復用在哪些地方,說不定下次功能更新就能用上了哦~


          在利用“背景不同”時,需要注意避免出現處處都強調的情況。每個元素/模塊都突出了,也就失去了重點,如下圖。

          而“經驗不同”需要注意的是,避免為了創新而創新,讓“驚喜”變成“驚嚇”。如下圖,

          “清音”作為一個標簽指示,顯然與我們平時所看到的那些標簽樣式大不相同,足以讓我們印象深刻。但是,在知道它是一個標簽之前,我曾誤以為它是一個按鈕。在觸擊無反饋并且右滑屏幕發現后面還有“濁音”之后,我才知道原來這是一個標簽……這樣的“經驗不同”只會造成“負面”的印象深刻。


          相對于普通的事物,特殊化的事物更容易讓人印象深刻,我們稱這為梵雷斯托夫效應。觸發梵雷斯托夫效應有兩個條件:背景不同經驗不同,我們可以利用這兩個條件來做出令用戶印象深刻的設計。


          “背景不同”:對需要突出的元素/模塊做特殊化處理,在同類型元素/模塊中脫穎而出。需要注意的是,避免到處都強調,從而失去強調的意義。

          “經驗不同”:對過去所熟悉的視覺/交互進行“創新”,從其他不同類型的產品中復用、移植過來。需要注意的是,避免讓“驚喜”變成“驚嚇”。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計  圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務。

          設計師都應該了解的Loading動畫知識

          用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

           

          Loading動畫,在現在的設計中已經是一個必須要考慮的系統元素,它能減緩用戶等待焦慮的心態,也能用來作為品牌透傳,增加曝光。

          那關于loading動畫相關知識,我覺得對于設計師來說是有必要去了解的,所以我找到了這篇優秀文章,讓大家能夠深入了解loading動畫,透過現象看本質,學以致用。

          圖片來源:Domaso

          沒有人喜歡等待

          在用戶心目中,優秀的應用、工具、網站都應該是制作精良且能快速響應他們需求的產品。

          舉一個真實的例子:最近我們新發布了一個用戶評價的應用,第一個版本并不完美,loading延遲在2-3秒。

          你猜怎么著?

          很多人認為這3秒是一個故障。在實際開發中,你可能要面對龜速的網絡,沒有優化的代碼,操作時間長或數據處理太多等問題。因此,App的運行速度可能沒有用戶預期中的那么快。雖然早期用戶可能會給你的產品第二次機會,但絕大多數人會立即退出它。

          除非你的產品界面對用戶的行為提供了明確的即時反饋。剛才發生了什么?是操作錯誤還是在等待服務器的請求?用戶需要等待多長時間才能正常使用這個工具或網站?用戶為什么要等待呢?

          讓我們一起深入了解Loading動畫:

          • loading動畫的歷史由來
          • 優秀loading動畫所具備的特征
          • 細節可以做出精彩
          • 簡單處理還是精心制作
          • 有用的工具和資源

          Loading動畫的歷史由來

          對于這種類型的反饋,設計師會使用進度條、loading示意圖、預loading、或旋轉器。它們向用戶解釋什么時間發生了什么或正在loading的過程,以減少用戶的心理焦慮。

          你覺得設計師是從什么時候開始考慮加上這種反饋的?

          我很驚訝的看到關于Nielsen Norman的一篇文章,提到響應時間和loading動畫是在1993年(參考1985年的資料):

          如果計算機無法提供快速響應,則應該以百分比的形式向用戶提供持續反饋?!綧yers 1985 論文,“計算機-人機界面百分比進度指標的重要性”】

          顯示進度的三個主要優點:向用戶保證系統沒有崩潰且正在處理他們的問題;告訴用戶還需要等待多久時間,讓用戶能騰出時間來做其他的事而不只是干等;甚至可以向用戶提供一些可以閱讀和查看的內容,減少等待的焦慮?!?Jakob Nielsen, on January 1, 1993

          自從Web 1.0以來,幾乎每個網站都有loading狀態,用戶可以注意到當頁面內容正在loading時,這些Loading動畫活躍的身影。

          在2007年的時候,網站的Loading形式大概是下面這張圖上的樣子:

          2007年時的Loading

          在那個年代,你可以找到像Firewoks(2007)、Flash (2008) 或者Loading GIF Generator (2009)這樣的工具來做這些 loading動畫。

          到了2010年,隨著CSS3的迅猛發展,出現了很多教程教大家如何做CSS3動畫,也能找到大量的loading 動畫預設包。設計師也可以在Ps cs5中做這種loading動畫,這個在10年前是非常流行的。

          在那時,Loading動畫更像是web的專屬問題,因為頁面loading確實是一個問題。在2010年的時候,很多Flash網頁都做了一些很有創意的loading動畫:

          30個創意Flash loading案例(https://web3mantra.com/2010/09/08/30-creative-flash-preloaders-examples/)

          漸漸地,設計師們開始不滿足于簡單的進度條和旋轉Loading,到2014年-2016年的時候,變得更加關注這塊的設計。所以,你能發現更多關于loading教程,免費的Loading設計資源,插件和開源項目。

          2016年出現的Material Design loading(http://www.qooqee.com/news/muse-preloader-widget-tips)

          設計趨勢和方法已經發生了變化,但向用戶提供有效反饋的原則依然需要遵循。

          優秀loading動畫所具備的特征

          在一個完美的世界里,loading動畫應該:

          1、盡可能少的顯示給用戶

          如果你的工具或網站工作的足夠快,那就是非常完美的?;蛘咧辽僖沟盟鼈兊乃俣确嫌脩舻念A期,顯示好看的loading動畫只是一個緩兵之計,等待太久了一樣會惹惱用戶。所以,首先應該是解決內容的loading問題。

          2、給出具體時間

          它可以是一條簡單的文本信息,告知大致的等待時間,也可以是可視化的圖形來表示。總共上傳了多少文件?更新需要多少分鐘?已經進行到了什么階段?這些體驗上的設計細節都可以給用戶預期并減少焦慮。

          宇航員數據loadingby Cream M.

          3、告訴用戶為什么需要等待

          一些應用的loading過程,通常讓用戶不大容易理解。一個好的Loading動畫,應該要告知用戶等待的原因以及等待的背后軟件正在做什么:

          文件獲取動畫 by Vinoth

          讓我們說回我的案例,那個反饋工具軟件。當我們的等待時間超過1秒時,我們決定給這段等待時間增加一段解釋。動畫說明應用目前正在處理截圖資源,這清晰的表明,我們的工具沒有崩潰,它只是正在處理請求:

          好的loading動畫

          4、讓等待的過程不那么讓人無聊

          可以放一個有趣的動畫來吸引人,讓用戶的眼睛始終保持忙碌。

          動畫來源:Alex Kunchevsky

          5、減少用戶等待時間的心理感知

          這與上面提到的一點非常相關,如果你在等待的過程中發現了一些能夠吸引用戶注意力的東西,那么感覺上時間就會過得更快。它可以是一個引人注目的色彩搭配,有趣的想法,或者是一個什么特別的東西。

          蛋糕loading by Pierre Kleinhouse

          6、透傳公司品牌形象

          如果用戶在用你的應用或者網站時會有一段等待時間,為什么不機智的利用好這段時間呢?我不建議僅僅只是為了做loading而做一個loading動畫或者去在動畫里使用一些心理學技巧。我覺得最好是將品牌的聲音融入整個Loading動畫中,讓它成為一個非常重要的設計細節:

          BCG的車票應用動畫 by Antonin

          細節可以做出精彩

          雖然有些人可能會認為Loading只是一個很小的UI細節,但它其實也有許多類型和變化。一般來說,我把loading動畫分為幾類,進度條,無限循環的loading圖和骨架圖。

          進度條

          當可以明確loading時間時使用,進度條可以通過數字或視覺化的形式來表現。

          有數字進度的,有時也稱為百分比指示符。他們可以簡單直接,也可以很有創意,需要對你的用戶業務表達更有效:

          一個app loading頁 by Nguyen Tran

          你也可以找到有趣的進度條和循環動畫結合的loading圖。

          Loading動畫by Dragonlady

          進度條背后的主要思想是顯示一個操作將花費多長時間以及目前所處的狀態。根據UI需求的不同,進度條也可以是線性的,沒有百分比的形式。

          想想Gmail,它沒有顯示進度百分比,但是用戶同樣可以感覺到加載的進度。下面是兩個簡單而又創意的例子:

          Gamil loading和一個創意loading動畫 by  Allen Zhang

          循環Loading動畫

          當loading的時間是未知的時候來使用,它可以是默認的旋轉圖,也可以是一些創意動畫,顯示應用正在做一些事情。

          計算loading圖標 by Hoang Nguyen

          創意性loading動畫一樣可以與業務緊密相關,并幫助支持品牌發聲。請思考下那些應用會使用這種loading動畫?

          LittlePin Spinner by Daniel Sofinet

          無限循環動畫要求用戶在上傳或執行某些操作時等待,但不要求具體需要多久時間,它們可能會非常簡單或非常有創意。

          Loading cat by domaso. So cute!

          Infinity by Eszter Balogh. 看起來非常有趣,但是你并不想他們永遠不停下來。

          如你所見,如今的loading動畫不僅僅只是一個系統狀態的UI元素。

          骨架動畫

          骨架動畫展示了loading頁面的變化過程,你可以把它理解為開始是一些頁面占位圖,逐步加載上一些可見的圖片,文本和其他內容。

          這個詞最早出現在Luke Wroblewski 的文章中,Luke建議使用骨架動畫來獲得更好的loading體驗。這個想法得到了其他設計師的支持,并在Facebook、Linkedln、YouTube, Google Drive 等用戶界面中得到了應用。

          舉個栗子,如果你使用的是網頁設計工具Figma,你會在頁面頂部看到一個進度條,同時還在逐步loadingUI:首先你會看到占位符,然后才是可用數據:

          Figma UI

          簡單處理還是精心制作

          除了這篇文章中所展示的一些優秀案例和Dribbble上的設計概念,在目前大多數應用中,你可能能看到還是一個默認的Loading。

          有一段時間,簡單的Loading被大眾所推崇,因為他們對于性能的影響最?。ㄓ绕涫菍τ趙eb)。使用默認的或開源的loading要容易的多,不需要設計師和開發花心思來設計和實現它。

          如果你正在開發MVP或者項目的第一個版本,那么使用簡單的或者開源的loading動畫更符合邏輯。在這個階段,即使把loading動畫做的再怎么有創意,也并不會對你的產品有多么大的幫助,如果它不能解決真正的需求。

          一些簡單的loading動畫案例

          有趣的是,在2016-2019年,我們可以看到非常多精心的loading動畫。注重細節,日益成熟的設計公司,更好的科技環境,更方便的設計工具,這些都使得loading動畫變得更加富有創造性。如果你瀏覽Dribbble,能找到非常多超贊的Loading動畫,所以這也成了展現自己設計能力的一種方式。

          即使在我們只有5人的初創公司里,我們也會考慮更好的用戶體驗,讓我們用戶等待的體驗更愉快。否則,我們做的反饋工具可能會失去用戶,沒有人希望失去用戶。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

          做10年UX才能明白的9個道理

          濤濤

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          最近,我注意到初創企業和成熟企業都對研究熱情備增 。企業欣然接受這一觀點:富有意義的創新,需要把客戶作為復雜生命體來理解。

          這太棒了。

          我也反復聽過不少錯誤和模棱兩可的說法被反復提起。因此,為了幫助大家——因為我確實喜歡幫助人——我在這里介紹一份簡單易學的糾正理解偏差的小清單,希望能夠廣泛傳播(我很有信心,因為研究表明,讀者喜歡簡單易學的清單)。

          UXRen

          1、適應不舒適的感覺

          “我只知道一件事,就是我一無所知?!薄K格拉底(Socrates)

          我們在重視回答和害怕提問的環境中長大。在學校里,我們因為回答正確而得到獎勵;在工作中,我們因為提出好的點子而得到獎勵。難怪很多人會找理由避免做研究,特別是定性研究。顯得無知所產生的焦慮在心中滋長。定量的東西至少有標準化測試所帶來的熟悉感,令人舒適。保持研究型思維模式意味著要認識到偏差無處不在,確定性只是一種錯覺,任何答案的有效期都是短暫的。因此從長遠來看,好的問題更有價值得多。只有你承認自己沒有答案,才能問出好問題—也才會了解更多。

          UXRen

          2、先提問,再做原型

          “如果我們只測試開瓶器,可能永遠不會意識到客戶更喜歡螺旋蓋的瓶子?!?br /> —維克多·隆巴迪(Victor Lombardi),《設計敗道:來自著名用戶體驗案例的教訓》(Why We Fail)

          我們理所當然會急于制作原型,測試原型。原型就是答案,可觸可摸,即使只是紙上的草圖。這樣做很舒服,比只是問問題舒服多了,即便這無異于燒錢。對于任何想要立竿見影地證明自己價值的人來說,只問問題,就像那只洗棉花糖的浣熊一樣,事與愿違。

          太早制作原型的風險在于,這會把資源投入去回答一個無人問及的問題,同時還忽略了機會成本。測試原型可以幫助你優化好點子,但不會告訴你是否在解決恰當的問題,并且,也很容易將原型的亮點誤以為是點子的質量。不論如何,研究報告中的亮點也容易被誤認為是具有價值的洞察。

          提出恰當的問題,不會讓不好的點子得到保留和維護,反而會幫助你更快地將它們識別和清除。你只需要有足夠強大的內心去擁抱錯誤。

          (如果你正在想“嘿!這對我的團隊會有幫助”,我們會非常樂意去你的辦公室呆一天,確定你是否準備Mule Design Studio合作。)

           UXRen

          3、了解目標

          除非你事先知道做某項研究的動機,否則提問就是浪費時間。你必須公開發誓:你的動機不是“為了證明自己是正確的”。這是每個人內心隱藏的目標。參看第一點。

          通常,出于對研究的一腔熱情,團隊往往會在目標不明確、不一致時就開始跟客戶對話。然后,他們會感覺花了寶貴的時間,但卻不知道怎么去應用自己了解到的東西來提供解決方案,因而沒有什么可供展示的。于是就有了這樣的說法:“我們去年做了研究,但卻是浪費時間?!庇谑?,又回到了建立原型和測試原型的舒適圈。又或者,他們對聽到的內容有不同的理解,結果又因誰對誰錯更加爭論不休。

          在大公司、大機構中,有時大家都有心照不宣的目標:“表現出我們在盡力做研究,不過還是讓產品負責人做他想做的事吧?!边@聽起來可能有點嘲諷意味,但通過跟許多在資金充足的研究部門的資深研究者交談,我了解到,盡管他們撰寫的報告相當精彩,但對決策的影響卻為零。承認這個事實,是阻止它發生的第一步。

          完美絕佳的起點,是把你的目標設置成:“我們需要確定水準,快速理解他人的觀點?!辈灰谑潞笕我馓砑悠渌繕?。

          只有當你確定了目標,才知道自己需要了解什么。而在你選擇怎么回答之前,你必須知道自己的問題是什么。

          UXRen

          4、在重大問題上達成一致

          “從本質上講,所有商業活動都是在人的行為上下賭注?!?br /> ——《“厚”數據的力量》(The Power of ‘Thick’ Data),《華爾街日報》

          問題的質量決定了結果的用處。提出錯誤的問題跟用原型解決錯誤的問題如出一轍,它們都會給你一些你不想要的東西。從優先級最高的問題開始。確定這類問題的辦法是:如果你在這些問題上的假設搞錯了或忽略了,風險會最大。

          最重要的研究問題是你想要知道什么,而不是你在訪談中要問什么。事實上,直接拋出你的研究問題往往是最糟糕的方式。人們往往不知道或者不愿承認他們真實的行為,但人人都很擅長編造答案。

          設計研究總是和用戶研究混淆。回答高優先級研究問題的方式多種多樣,跟有代表性的用戶對話只是其中一種。你所需要知道的,并非都是與用戶相關。

          通常,最關鍵的問題是:“基于證據,我們對客戶、競爭、內部能力真正了解些什么?”問法各有不同。這可能是一個非常難以完全誠實作答的問題,但又得在短時間內回答。

          UXRen

          5、時間和金錢永遠是夠用的

          當研究被定義為設計之外的一種工作,人們就很容易把收集證據當作額外負擔,找理由不做。

          通常,團隊必須獲得權威人士的許可,才能進行研究工作。提問本質上是對權威的挑戰。如果你曾經和一位不同意為百萬美元項目開展定性研究的領導合作,那么問問自己,這位領導購買一輛價值5萬美元的汽車前會不會自己做做研究?口頭上提出反對意見,心里面往往是害怕自己的主意被破壞,被證明錯誤,或者不那么行之有效。

          如果你的目標和高優先級問題明確直白,不管時間和預算如何,你都可以了解到一些有用的信息。比如在線研究,午餐時間外出觀察,測試其他產品的可用性,發揮創意。

          只要不是做調查就行。

          UXRen

          6、不要指望數據能改變想法

          “當一個人要靠著對某件事的不理解來拿薪水時,要讓他理解這件事是很困難的。”—厄普頓·辛克萊(Upton Sinclair)

          即使研究已經證明了這一點,但訓練有素的專業研究者還是往往很難接受。如果你習慣和重視某種特定數據類型的同事一起工作,那你可能很難去說服那些不假思索就否定這種觀點的人。而且,可能會因為數據不足而讓某人覺得自己的專業能力受到了侮辱。

          收集證據的全部意義在于基于證據做出決定。如果這些證據破壞或者反駁了決策者所信奉的想法,他們就會找理由去否定或忽視這些證據。這也是定性研究者在一些工程師驅動的組織中處境艱難的核心原因。即使問題需要的是更具描述性的答案,熟悉且擅長數字的人卻想要用數字表達的答案。

          因此,在嘗試用數據去影響決策之前,你必須了解你的同事和領導的個人特點和他們所處的環境,了解他們是怎么做決定的。

          UXRen

          7、接受混亂帶來的不完美

          “我們善變,愚蠢,記憶力差,且有自我毀滅的天賦?!?br /> ——蘇珊·柯林斯(Suzanne Collins),《饑餓游戲:嘲笑鳥》( Mockingjay)

          人類的生活是混亂的。人類如果沒有遇到問題,就不需要產品和服務,我們也就不會有工作。在真實、混亂的世界中為人們找出解決問題的最佳途徑需要一些時間,并在一定程度上放開控制。雖然有必要采取一種合乎道德的、足夠嚴格的方法,但并不存在絕對純凈的定性環境。明確的目標和好的問題可以承受各種不可預知的情況的考驗。

          人們希望開展舒適有序、顯得專業的活動,這導致他們不恰當地使用焦點小組、可用性實驗室、眼球追蹤、調查和光鮮的報告等方式,但其實,不那么正式的研究可能會更加有效。

          將證據納入設計決策,本身就是一個增強了解的過程。你永遠不會找到正確的答案并解決問題。如果過程行之有效,你就會在做決策時信心備增。

          UXRen

          8、致力于合作

          每個從事相同工作的人面對的都是相同的現實。做出產品決策的人需要對信息完全知情。如果知識只存在于一個人的頭腦中(除非你在倫敦,而那個人是你的出租車司機),那么知識本身有多好并不重要。

          一組人制作報告,而另一組人收到報告后置若罔聞,便是沒有合作的研究。如果這樣工作,即使是最用心的團隊也會讓知識溜走。而如果合作中缺乏證據,則意味著每個人都心照不宣地默認:勝出的是個人偏好。這兩種方法都不是最有效的。

          最有效的方法,是讓產品開發人員直接參與提問和回答。這樣做也很有趣。實現這一點的方法有多種,依具體公司或機構而定。

          提問關鍵在于建立一個共享的決策框架,以便做出更快更好的決策。我曾經就此召開了一場研討會,它帶來了改變。

          UXRen

          9、找到糾正你的偏差的伙伴

          “我們可能對顯而易見的事情視而不見,也可能對自己的盲目視而不見?!?br /> ——丹尼爾·卡尼曼(Daniel Kahneman), 《思考,快與慢》(Thinking Fast and Slow

          你做了一些工作,找到了一些答案。現在你需要確定它們的意義。在解釋研究結果時,合作變得尤為重要。每個人都被偏差所困擾,而且自己還無從察覺。我們所看到的是最符合我們現有信念的。因此,我們必須參考外部標準(包括預先設定的目標和問題),一起工作,互相檢查。

          這與你有多聰明或消息多靈通無關。一旦你接受了這一點,只要你在一個心理上有安全感和相互尊重的團隊中工作,識別出偏差就會是一場有趣的游戲。

          維基百科(https://en.wikipedia.org/wiki/List_of_cognitive_biases)提供了不錯的認知偏差清單,可以和認知偏差圖( Cognitive Bias Codex  )一起打印出來貼在墻上。

          也許,這就叫正確的設計。

          UXRen

          總之,當我們在討論設計研究時,實際上是在討論基于證據的設計。創作、批評和探究都是設計過程中不可分割的一部分。將它們分裂開來,就會因無知、自負或恐懼而錯上加錯。

          設計是一種價值的轉換。在實現任何產出之前,你必須先問問人們真正需要什么、看重什么,問問你希望從中得到什么樣的商業價值回報。

          只要你采取道德的方法,誠實對待你的所見所聞,朝著富有價值的目標前進,那么,你所提出的問題和你找到答案的方式都無關緊要。正確的方法并非只有一種,正確的答案也并非只有一個。享受不確定性吧!它永無止境。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合