<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>

          首頁

          如何與利益攸關方合作進行醫療設計項目?

          ui設計分享達人

          一些有用的建議和工具幫助你與患者、醫生、醫院管理人員和其他醫療保健利益相關者一起進行設計。

          近年來,醫療保健組織開始使用“設計師”方法進行創新,以提高患者和護理人員在設計和提供醫療服務的參與度。然而,將設計方法引入醫療部門也是困難重重:思維方式的差異可能導致雙方關系緊張,同時我們仍需要提供更多的證據,證明設計實踐會給醫療保健部門帶來更多的價值。


          1.調整所有人的目標


          在處理服務設計項目時,無論是參與式還是共創式,我們需要從一開始確保所有利益相關者的目標和期望一致,以促進合作順利有效,產生有意義的成果。


          所以我們可以用到Expectation Map或者the Alignment Canvas這兩個工具可以幫助理解人類的愿景和優先排序,從而使團隊對項目的理解同步起來。


          這兩個工具在項目初期調整成員目標,構想用戶對服務的期待,建立同理心,全面地呈現了不同的觀點。


          這個工具包提供的帆布是個簡單的表格,幫助確定每個涉眾的價值和目標,突出公共點和交叉點,利用不同角色不同價值的可視化卡片填充畫布。


          建議

          -每個利益相關者可以從卡片中選擇自己的價值觀或添加價值觀,討論相同點和沖突點,制定共同目標。
          -如果項目涉及三個以上的利益相關者,可以采用相同的概念模型來反映所有價值觀和共同點。


          2.了解項目生態系統


          醫療服務中有各類行為者,行為者之間以及行為者與用戶之間存在特殊的關系。因此,我們必須清楚當前設計服務的影響人,以及影響程度。


          使用利益相關者地圖反映不同行為者的角色和責任,以便更清楚地了解你正在設計的服務生態系統。


          利益相關者地圖不僅有助于可視化服務系統和用戶體驗中的不同利益相關者,還可以可視化相關者與主要用戶的互動程度。這個模版將醫療領域的利益相關者分為三類:醫療經營者,輔助人員和大型病人群體。


          建議

          -將代表主要用戶或利益相關者的行為者卡片放在中心位置。
          -將行為者卡片按照利益相關者群體進行分類,并將卡片放在畫布的相應區域。
          -將那些與主要利益相關者互動程度較高的行為者放在內圈;除了醫療系統外,還要考慮的更廣闊的生態系統。


          3.反應不同的用戶類型


          研究項目背景,收集服務生態系統中人們的行為、動機和特點等第一手資料。構建角色有助于更好地了解設計醫療服務中的病人和醫生(或其他醫療經營者)的需求、習慣和態度。


          為了更好地促進這一階段的分析,工具包中的角色模板記錄了病人和醫生簡歷上的一些具體的醫療信息,如疾病類型和醫療知識。


          建議

          -對于病人角色,首先選擇病人和疾病類型。
          -對于醫生角色,首先選擇醫生簡歷,記錄痛點。
          -利用卡片,選擇與角色互動的環境和行為者,喜歡的互動渠道,價值觀和經歷的情感。


          4.分析經歷 構想更好的服務流程


          我們都清楚,用戶旅程是一個強大的工具,能夠繪制服務體驗,包括現有服務和待設計的服務。


          我們也可以與病人或醫療行業的其他利益相關者共同繪制用戶旅程,建立對用戶體驗的理解。


          你也可以直接與利益相關者合作,確定具體痛點和在服務中可能造成摩擦的其他因素。


          這套工具所建議的醫療旅程圖可以用來分析病人和/或醫療操作者的體驗并進行可視化,涉及到體驗的所有成分:角色,行為,方式以及在接受或執行醫療服務時所經歷的感情變化。


          建議

          -寫出用戶旅程地圖需要的人物簡歷。

          -卡片用為觸發材料,促進病人和醫療相關人員分享經驗,講述故事。

          -選擇每個動作所經歷的情緒,并將其垂直投射在相應的動作上。

          -患者的用戶旅程可以按照整個治療過程繪制,有助于理解不同醫療步驟之間和相關部門之間的交叉點,以及可能出現的問題,形成一個全面的體驗觀。


          5.通過評估 確定想法的優先性


          在建立背景框架,分析了觀點和體驗之后,我們開始設計解決方案。讓不同的利益相關者參與概念生成,方便作出改變或促進相關方接受新服務。


          一旦確定了解決方案,接下來就要挑選最有潛力或最合適的解決方案,這項任務也十分困難,尤其是在復雜的環境中,比如與醫療有關的環境中。

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

          文章來源:站酷   作者:馬克筆設計留學

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

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

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


          設計沉淀錄:如何讓你的設計更有價值

          ui設計分享達人

          前言:如何讓你的設計更有價值,設計有價值代表你的方案有價值,你的方案有價值代表你的理論有價值、你的理論有價值代表你的專業能力體現,歸根到底,說明了什么人作出什么樣的作品的同時會帶來相應的價值。站在設計師的角度看,在公司里,屬于站在用戶體驗上的提出的設計建議或者設計方案,基于“以用戶為中心”理念和交互設計原則,通過自己的設計思維與專業能力,為公司創造更大的價值,不單只是一個美觀的輸出。

          目錄:

          一、設計行業的發展趨勢

          a)設計與產品的關系

          b)找到自身價值的重要性

          二、了解設計師的價值分層

          a)設計協同

          b)推動業務增長

          c)設計驅動產品

          三、設計師需要具備的哪些思維?

          a)雙鉆模型解決問題

          b)“五度”設計成果評估模型

          c)培養數據思維,利用數據提升設計的價值


          一、設計行業的發展趨勢

          a)設計與產品的關系

          以前,設計師在團隊里的位置會比較尷尬,因為沒法驗證自己對業務的推動是否產生了什么明確的價值。而大數據的來臨,設計的價值變得顯性化,作為與用戶關系密切的設計師,善用好數據,可以發揮的作用其實很大。我們可以通過自己的設計思維與專業能力,為公司創造更大的價值,不單只是一個美觀的輸出。這就使得設計與產品業務關系越來越密切,是整個行業發展的必然趨勢。


          舉一個設計以小成提高業務的實例。這是我之前做的分揀軟件迭代首頁的自定義配置組件。在改動前分揀首頁功能多,甚至有時候需要滑動尋找。尋找點擊率大概是不到16%,改動后提高到了40%,不消耗任何其他人力、物力成本,就可以用設計讓CTR翻倍。

          設計目標:減少首頁模塊尋找的時間,加大成功點擊率,考慮延展性發展

          現有問題:主次功能混淆、視覺點不夠集中、點擊按鈕不明顯

          優化方案:1、主次布局調整,主上次下;2、面積放大提高模塊命中率;3、色彩區分主次按鈕;4、添加“?”自定義配置首頁主功能,加入人性化設計理念。

          體驗連接:https://www.growingio.com/projects/lPQ7bOj9/product-analytics/heatmap/j9yvlyRy(賬戶/密碼miaomiao/liuge1)


          b)找到自身價值的重要性

          自身價值顧名思義就是你的工作成果會帶來什么價值,按照公司更看重我們的設計能給產品的發展帶來多大的價值。雖然職位的性質已經很明確你的價值的體現,但是這里注重成果的價值,設計師的成果更多是設計方案,方案成果的價值的接受度也是需要從易到難的漸進的。


          舉一個設計價值體現的實例。這是我之前做的新Station組件庫——GM Design。設置組件和設計規范不僅保持了產品的統一性,且減少用戶在使用過程中的行為認知負擔,快速同事達成合作,還可以減少不必要的操作和排查,提高易用性。

          設計目標:保持產品的統一性,減少認知負擔,降低時間和人力成本,提高易用性

          現有問題:同個功能存在組件多樣、組件學習成本高、反復修改,

          優化方案:1、建立組件庫;2、功能類型劃分,采用同一個組件的變形處理;3、組件集中化; 

          體驗連接:https://lanhuapp.com/url/rKmeX 


          二、了解設計師的價值分層

          設計師的價值可以分為以下三層:設計協同、設計推動業務增長、設計驅動產品。

          a)設計協同

          一個完美的執行者,能夠在拿到需求后高效又完美地實現落地。簡單地說就是手上功夫好。

          做好這個階段需要有優秀的專業能力,良好的溝通能力,并參與到產品的探索與構思中來。


          舉一個設計協調的實例。Q2階段的B-Shop商城交互迭代。前期輸出設計基礎和設計規范,有助于開發高效實現,實時跟進UI進度和設計協助。在產品的探索中發現數字鍵盤組件的問題點,由于自己寫的數字組件具有局限性,導致體驗上無法滿足部分需求,如:輸入框的定位在數字鍵盤之上?;谶@個問題點,我們提出A/B方案,A方案是自己寫的數字組件,B方案是自己寫的數字組件延用原生的邏輯,從用戶測試得出,A方案是更符合用戶操作習慣。

          設計目標:組件高效快捷輸入,側重交互體驗提升,視覺優化,提高易用性

          現有問題:學習成本高、缺少設計基礎、信息分層不明顯、體驗差

          優化方案:1、劃分主次信息,閱讀更直觀;2、建立設計規范;3、組件優化,符合用戶操作習慣;4、圖文結合,按鈕優化,加強頁面指導性

          體驗連接:https://bshop.guanmai.cn/?cms_key=miaotest&timestamp=1561085945884#/product(賬戶/密碼miaomiao/1qaz2wsx)



          b)推動業務增長

          這個階段的設計師,會比上一個階段更能體現設計師的設計價值,并對產品產生一定的影響力。能在以用戶為中心的基礎上,推動業務的增長,所以這個階段的設計也被稱為UGD(User Growth Design)。


          需要設計師具備用戶洞見力,數據分析能力,從這兩個維度出發,去熟悉業務、分析業務,從而推動業務。

          舉一個推動業務增長的實例。Q2階段的采購APP的交互迭代。表頭的功能布局與標簽欄的“?”添加功能的調整,其實在用戶調研階段的熱力圖數據和觀察法分析得出,工具類移動端側重點在功能區,需要一目了然知道我的當前任務數是很重要的信息,且是高頻操作,所以放置頂部;標簽欄的添加功能是為了快速添加采購單據和詢價為目的,用戶群體特殊性,需要一鍵新建添加的需求。

          設計目標:側重交互體驗提升,提高工作效率,提高易用性

          現有問題:學習成本高、缺少設計基礎、操作路徑長、體驗差

          優化方案:1、操作路徑簡化,采用路徑集合彈框;2、建立設計規范;3、組件優化,符合用戶操作習慣;4、一鍵新建“?”的功能,達到快速新建

          體驗連接:http://station.env-bugfix.dev.k8s.guanmai.cn/purchase_assistant/#/login(賬戶/密碼zhangsan0001/ liuge1)



          c)設計驅動產品

          這個階段的設計師,在團隊中的價值可以說是非常大了。從被動的需求接收方,轉化為從戰略層,能主動提出需求的一方。也是UXD發展的終極方向。


          三、設計師需要具備的哪些思維?

          a)雙鉆模型解決問題

          什么是雙鉆模型?

          雙鉆設計模型由英國設計協會提出,該設計模型的核心是:發現正確的問題、發現正確的解決方案。一般應用在產品開發過程中的需求定義和交互設計階段。


          雙鉆設計模型把設計過程分成4個階段:發現問題(挖掘)、定義問題(創意)、構思方案(制作)和交付方案(落地)。



          采購APP進行雙鉆模型思維構建的基礎,提供交互迭代的底層設計理論支持,在挖掘需求階段,屬于用戶調研階段;創意階段,關注點在于問題梳理、實現目的、設計層面;制作階段,尋找潛在的解決方案;落地階段,解決方案的分析和驗證,輸出最適合一個。


          b)“五度”設計成果評估模型

          用戶體驗周期(由阿里巴巴UED提出概念)


          用戶體驗周期指的是用戶與產品的關系隨著時間變化而形成的不同周期階段。用戶體驗周期可以分為「當前」和「長遠」兩個階段,每個階段中有不同的細分。

          • 「當前」階段,分為 3 個過程:

            • 觸達:用戶來訪問網站,包括第一次訪問網站的新用戶和再一次訪問網站的老用戶;

            • 行動:用戶在網站上進行相關操作;

            • 感知:用戶在操作完成后對產品形成的主觀感受。


          • 「長遠」階段:分為 2 種表現:

            • 回訪:用戶自己再次使用該產品;

            • 傳播:用戶推薦給其他人使用該產品。


          如何在具體項目中體現呢?下圖,運用一個具體項目舉例:

          c)培養數據思維,利用數據提升設計的價值

          項目與需求上線后,去驗證自己的設計是否有效地達成了目標。這個時候你就需要去看數據反饋。沒有數據就就沒有比較,沒有比較就不能進步。

          關于數據的用處有很多,舉個例子,當兩個人對各自的方案爭執不休,分別覺得對方不好,但站在各自的邏輯上似乎都能說得通,那怎么辦呢?分別做一個A/B測試,數據不會說謊,哪一個方案更有效,一目了然。

          那么如何將數據結合到我們的設計中呢?首先在設計前,我們需要先定一個目標,而每一個目標就應有一項對應的數據指標。比如,提高了某一塊的CTR(點擊通過率),提高CVR(轉化率),提高商品曝光、1/7/15/30日留存率等等。方便之后去驗證自己的的action是否完成了自己的Goal。


          拿到了數據之后,還需要分析數據。不管是有沒有達到目標,都要去分析原因,進行復盤總結。復盤的好處是可以讓我們在這一次項目中吸取有價值的經驗—失敗了就找失敗的原因,方便以后避開同樣的錯誤;成功了就分析成功的原因,并將成功的策略復制運用到今后的工作中,增加以后的成功率。如此,不管有沒有成功,都能給我們帶來最大化的價值。我們也會更加的接近用戶、接近產品、接近業務。從而幫助我們進一步洞察用戶、挖掘新的需求。


          小結:

          以上就是今天所要分享的全部內容。再帶大家回顧一下,一共分為三部分:第一個是了解設計師的發展趨勢,第二個是趨勢下的設計師價值分層(設計協同、設計推動增長、設計驅動),第三個就是在價值分層的逐步遞升中所需要培養的雙鉆模型、GSA的策略、數據增長思維等。

          文章來源:站酷  作者:麥海欣

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

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

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


          正態分布模型在體驗設計中的分析及應用舉例

          ui設計分享達人

          B端產品往往都具有較長的業務流程和操作步驟,需要用戶循規蹈矩、通過較多的步驟找到相應的頁面,來觸達相應的用戶目標。落實到體驗設計中,需要設計師充分考慮用戶在操作路徑中的操作權重(頻率&停留時長),進一步以核心步驟為中心向路徑兩端延伸,完成頁面布局。


          如何分析和評估用戶在操作路徑中的權重呢?今天介紹一下,本人從統計學中借用的一個概念——正態分布模型,并將其應用到體驗設計的流程中。


          1 首先,什么是正態分布模型呢?


          正態分布,也稱“常態分布”,或高斯分布,是一個在數學、物理及工程等領域都非常重要的概率分布,在統計學的許多方面有著重大的影響力。


          如果一個指標受到若干獨立因素共同影響,且每個因素不能產生支配性的影響,不管每個因素本身是什么分布,它們疊加后影響的這個指標平均值就是正態分布。


          如圖:

          標準正態分布模型


          正態曲線呈鐘型,兩頭低,中間高,左右對稱因其曲線呈鐘形,因此,人們又經常稱之為鐘形曲線。


          標準的正態分布模型包含了中心極限定理的三要素,影響因素獨立,因素影響程度隨機但無法支配,各個因素之間是相加的關系。

          中心極限定理三要素


          當然,在體驗設計中正態分布模型就沒有那么復雜,而且用戶的操作也不是隨機分布。那如何在體驗設計中如何應用呢?


          接下來,介紹一下基于用戶體驗,提煉的正態分布模型。


          如圖:

          體驗設計中標準正態分布模型


          總的來說,體驗設計中的正態分布模型,是一種用來探討用戶在某一功能的操作過程(或產品的整個生命周期)中,操作頻率(權重)所集中的區間與頁面布局、信息架構之間關系的方法與思維。


          這個模型涉及兩個維度:

          一是帶有指向性的操作路徑(步驟/功能模塊),可以是一個功能的詳細、單一的操作路徑,也可以是一個產品從使用到停止使用的生命周期中,用戶對整體功能使用流程;


          二是頻率,操作路徑中的步驟或者核心功能被使用的頻率,即權重。這個維度可以直觀的反應出用戶的關注重點和高頻操作,便于后續的用戶引導及頁面布局等。


          將用戶的操作頻率按流程順序放置到坐標中,即可得到類似于正態曲線的圖形,直觀的反映出用戶在功能步驟(模塊)上的關注度。


          2 體驗設計中正態模型的類型


          根據分析功能的顆粒度不同,得到正態分布模型的驗證結果也不相同。


          由此,體驗設計中的正態模型,大體上可分為兩類:

          第一類是具體的功能(功能型),通過該功能的起始到完成,獲得該功能高頻操作及核心頁面,可有助于功能路徑優化及頁面布局、功能排布,讓用戶更方便的獲取高頻操作。


          第二是產品整體功能(產品型),通過用戶從使用到停止使用該產品的全部路徑,獲取用戶在使用產品時關注的功能,有利于明確產品定位、優化功能架構,在B端產品上還可以進行角色和權限的管理。


          接下來,我們就詳細探討一下兩種類型的正態分布模型。


          2.1 功能型的正態分布模型

          功能型的正態分布模型多用于優化產品功能及路徑。這種類型的模型關注更加聚焦,結論也更加直接,甚至可以直接應用到設計方案上。因此在分析功能路徑時,要簡化相關聯的分支路徑,避免其對聚焦問題的干擾,使分析結論更加精準。


          例如,一個手機TB的購物流程,如果要研究用戶購買行為,就需要更多的關注用戶對商品的選擇、比較等操作,同時簡化用戶的支付操作路徑;如果研究的是購物流程中用戶的支付行為,就應該相應的簡化用戶選擇產品的路徑。


          如圖:

          舉例:淘寶購物流程分析


          另外,這種類型分析結果的落地,需要格外關注功能操作路徑的入口及其他功能的銜接,保證在更大層級上的操作不會出現斷點,保證使用流暢。


          2.2、產品型的正態分布模型

          產品型的正態分布模型,可以看作眾多功能型路徑的簡化提煉版本,忽略操作細節,著眼于業務在功能模塊之間的流轉,多用于產品定位升級或架構調整。這種類型的模型是將產品的拓撲圖,按照用戶從開始使用到停止使用的的操作路徑(產品的生命周期),將其映射到坐標軸上,來直觀表現出產品的核心功能。


          如圖:

          產品型&功能型


          其結果屬于定性結論,在設計方案時更多的是參考意義,只有在進行產品定位迭代及架構調整時,才具有指導意義。因此,在不同場景下用合適的模型才能更具有說服力。


          正態分布模型的可以應用到B/C/G等多種類型的產品上,根據不同類型的產品,該模型還會有其他功能的擴展。


          例如,B/G端產品往往都具有長流程、多角色、多模塊的特點,當正態分布模型在B/G端產品上應用時,還可以清晰凸顯角色、權限的結構,有利于對用戶權限和角色的定義與管理。


          3 案例分析


          在本人所從事的安防行業中,實時報警的處理是較為高頻、且重要的業務功能。本文僅對功能型模型進行案例分析,希望該方法(思維)的表達更加清晰明確,也能夠幫到大家。


          3.1 業務概述:

          實時報警的業務流程大致是這樣的:在監控中心或崗亭,保安人員對園區的安防狀態進行警戒時,如果有異常狀況觸發了報警,系統會反饋推送給安保人員,安保人員通過錄像抓圖等信息判斷報警的緊急程度以及處理方式。


          3.2 業務定性

          該功能是典型的“海島事件”,具有偶然性和急迫性的特點。所謂海島事件,是本人對具有偶然性與急迫性特點業務的概括統稱,后續可以寫文章專門探討該問題。


          3.3  場景推演

          安保人員每時每刻都全神貫注監管整個區域的安全狀態,是不可能的,更何況這類海島事件呢?所以,在發生報警時安保人員大概率處在“摸魚”狀態。



          當有報警進入時,安保人員第一時間需要確認的是報警的類型以及位置,從而快速判斷如何處理。只有當報警信息不明確時,安保人員才會進一步通過錄像、抓圖、關聯的監控來進一步判斷報警信息。


          實時報警場景推演


          3.4  報警業務處理的正態模型分析

          在整個場景推演過程中,用戶的關注重點是報警詳情以及報警信息的確認過程,會有較少的概率查看輔助信息,因此需要保留輔助信息的入口。


          如圖:


          3.5  方案展示

          方案采用瀑布流式,高權重的關鍵信息擁有更高的頁面權重,用戶可以快速獲取信息,以判斷處理方式。同時,漸進式展示確認信、輔助信息,如抓圖、錄像、關聯視頻等,一方面可以減少對用戶決策的干擾,同時能夠快速獲取這些信息,輔助用戶做出判斷。


          由于方案涉及到公司項目,所以方案不方便直接展示,這里只展示頁面信息布局。



          我們都知道,在頁面縱向布局上,隨著視覺流的下移,用戶的關注度會逐步降低,因此,在實時報警處理頁面布局上,將從上到下信息的重要性逐級降低。


          首先是實時報警處理的核心區,分為兩個部分基本信息區與視頻輔助區,這兩部分信息是判斷實時報警性質以及處理方式的主要依據。其中,基本信息區是最重要的,用戶可以根據報警的基本信息,來確定如何處理報警。對于大部分的報警信息,用戶可直接判斷報警是否需要處理,或是進一步的確認及驗證,盡可能的減少用戶的操作;因此,報警的處理入口,緊隨基本信息。


          而視頻輔助區是對部分報警的回放確認,是在查看基本信息后的進一步操作,頻率相對較低,因此雖然屬于核心區,但是層級卻低于基本信息的展示。


          輔助驗證區放置的報警期間的連續抓圖,可以滿足用戶的放大查看,進行報警輔助確認,隨著用戶視覺流下移,其重要程度迅速降低,相應的操作的步驟也較為復雜,頁面視覺權重也有較大的壓縮。


          最后,對于極少的報警信息,用戶需要通過關聯視頻的信息進行驗證,可通過頁面底部的關聯視頻入口,點擊展開關聯視頻浮層,進行報警信息驗證。這是整個實時報警的最后一個層級信息展示。



          4 寫在最后


          正態分布模型不僅僅是一個工具、方法,同時,也是一種設計思維。


          在設計之初,充分理解功能的定位,完善功能入口,讓用戶更容易觸達產品的核心功能。然后通過核心功能向業務兩側進行延伸,進而覆蓋整個業務,完成產品的框架與流程的構建。


          在設計之中,關注高頻的核心步驟,讓用戶的高頻操作具有更簡便的操作空間,把用戶更想知道、更想操作的內容推送到用戶面前,讓用戶在整個操作流程中的操作頻率與頁面布局的權重分布相匹配,而不是想當然。


          只有這樣,設計才更具價值,才能培養更忠誠的用戶。

          文章來源:站酷  作者:體驗設計思

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

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

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


          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          ui設計分享達人

          工作生活中,決策是我們不可避免的難題。如何做出明智的選擇,在分析過程中保持“理中客”,抓住用戶的核心訴求,提升產品的用戶體驗,是用戶研究持續關注的議題。

          傳統分析方法,存在的弊端

          當我們調研用戶需求的重要性時,通常采取兩種方法:單刀直入的問 & 委婉含蓄的算。例如,為了提升產品的滿意度,我們調研用戶對于產品各項因素的重視程度,以便優先迭代用戶的核心訴求。

          1. 單刀直入的問

          問題:您剛剛為產品的滿意度進行評分時,請問您最看重的產品因素是哪個(或哪 1-3 個)?「多選」

          處理方式:統計本題各個選項的頻數,由高到低順序排列,從而決定優先順序。

          這種方法的缺陷顯而易見,一方面直接詢問會顯得有些突兀,眾多選項的展示極大可能會擾亂用戶腦中原本的想法,導致真實答案被選項的羅列順序影響,另一方面這種方法只能得到各個因素重要性的排序,無法得到他們各自的權重(影響程度)。

          2. 委婉含蓄的算

          問題:

          Q1:請問您對產品滿意度的評分是多少?

          Q2:請問您對產品各個因素的滿意度評分分別是多少?

          處理方式:采取總——分的評分模式,對產品整體滿意度得分、各因素滿意度得分進行因子分析或者回歸分析,根據分析得到的結果計算出每個因素對整體滿意度的貢獻度,找到貢獻度最高的因素。

          這種方法是一種“馬后炮式”的分析,根據當前用戶的評分去“科學的猜測”,因為分析結果有很強的時效性。比如當期調研中,產品由于在功能 X 方面出現了問題,給用戶的體驗造成了傷害,那么分析的結果勢必會呈現“功能 X 的重要度極高”的結論,但真實的情況可能是,用戶長期不怎么關注功能 X,只是最近產品的問題造成用戶短期內關注 X 功能。

          那么,有沒有其他方法來分析“用戶最看重的因素/哪個因素最影響用戶評分”,決策“哪個方案對用戶評價/項目目標的推動力最大”呢?這次向大家隆重介紹層次分析法

          什么是層次分析法

          層次分析法(The Analytic Hierarchy Process,簡稱 AHP),是美國運籌學家匹茨堡大學教授薩蒂于 20 世紀 70 年代初,在為美國國防部研究“根據各個工業部門對國家福利的貢獻大小而進行電力分配”課題時,應用網絡系統理論和多目標綜合評價方法,提出的一種層次權重決策分析方法。

          該方法根據問題的性質和要達到的總目標,將問題分解為不同的組成因素,并按照因素間的相互關聯影響以及隸屬關系將因素按不同層次聚集組合,形成一個多層次的分析結構模型,從而最終使問題歸結為最低層(供決策的方案、措施等)相對于最高層(總目標)的相對重要權值的確定或相對優劣次序的排定。

          層次分析法分兩步走:建立層次結構 & 一致性檢驗,接下來我們一起看看這種方法如何應用:

          在 M 項目中,“店東對 M 小組產生的整體價值的滿意度”是一個重點跟蹤的結果指標,項目組希望了解提升滿意度各項抓手的過程表現及各自的重要度(對整體滿意度的影響程度)。在綜合考慮問卷篇幅、樣本質量、重要度分析嚴謹性等方面,最終選擇了層次分析法。

          第一步、建立層次結構,形成問卷框架。首先明確四個主要抓手是通過怎樣的路徑來影響店東滿意度的,產出多層級的結構,一般情況會采用“結果目標-抓手”兩層 或“結果目標-分類-抓手”三層(本次示例中,店東對 M 小組價值提升的滿意度是結果目標層,帶團隊的動力和帶團隊的能力是分類層)。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 1 “店東對 M 小組價值提升滿意度”的層次結構

          然后在問卷中對各項抓手捉對,采用 9 分量表對比重要性(如果是三層結構,可以先對比分類層,再對比分類層下面各自的抓手。本次項目由于抓手數量較少,所以跳過分類層,直接將四個抓手兩兩對比)。本次案例中抓手數量是 4,根據排列組合的結果詢問次數為 6 次。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 2 重要度比較問卷

          第二步、回收樣本,做一致性檢驗。由于被訪者在回答問卷時,可能對重要性的排序沒有形成清晰穩定的認知,也可能沒有仔細閱讀或回答問卷,導致樣本中有大量臟數據,比如會出現“A 比 B 重要、B 比 C 重要、C 比 A 重要”的邏輯矛盾,一致性檢驗可以通過矩陣分析有效的排除這類無效樣本(分析過程此處省略一千字)。最終我們保留有效樣本再次進行矩陣分析,可以得到各項抓手的重要度。

          以虛擬的結果數據(非真實項目結果)為例,四個抓手對店東滿意度的重要度如圖 3 所示,其中,“平臺資源傾斜”的重要度最高。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 3 各項抓手重要度

          三種方法利弊比較

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 4 三種方法的比較

          延伸應用

          層次分析法除了上述應用之外,還適用于業務方案決策、日常個人決策等多領域。

          業務方案決策方面,仍然以“店東對 M 小組產生的整體價值的滿意度”為例。我們在前文已經分析出了四個抓手的重要度,假設目前我們有 3 套方案可以提升店東滿意度,需要從中選擇一個進行落地。我們要做的仍然是兩步:建立層次結構 & 一致性檢驗

          邀請 3—8名項目專家(可以是項目評委、項目負責人、該項目相關領域的資深人士等)預估各方案在抓手層面的表現。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 5 建立滿意度層次結構

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 6 優勢對比問卷

          對數據進行一致性檢驗,并產出每個方案對各個抓手的推動力指數,這樣我們就可以一目了然的看到,哪個方案對結果指標的推動力最強了。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 7 方案比較結果

          個人日常決策方面也是同樣的道理,比如我們在糾結去哪個城市旅游、購買哪只基金的時候,都可以搭建相應的層次結構,把自己(或者最了解自己的人)作為調研樣本進行層次分析,用科學的方法幫助自己找到內心的答案。

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 8 旅游目的地選擇

          如何鎖定用戶的核心需求?試試這個「層次分析法」!

          圖 9 購買基金選擇

          結語

          決策不是拍腦袋賭運氣的玄學事件,科學的方法能幫助我們理性地分析現狀,作出明智的選擇。相信掌握了層次分析法的你,不僅能在工作中鎖定用戶的核心訴求,也能在生活中擺脫選擇恐懼的糾結,成為運籌帷幄的“小諸葛”。

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

          文章來源:優設   作者:貝殼KEDC

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

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

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

          如何針對不同的增長階段,選用合適的用研思路?

          ui設計分享達人

          企業增長周期和用戶生命周期這兩個周期理論市面上皆有一些增長理論的定義。

          從一般企業增長周期來看,會經歷以下 5 個階段:

          • 階段①:問題/解決方案匹配期 → 主要是調研客戶的需求;
          • 階段②:最小可行性產品時期(MVP) → 尋求若干種最小化產品的建立方法;
          • 階段③:產品和市場匹配期 → 提升用戶的黏度和體驗;
          • 階段④:渠道和產品匹配時期 → 對高優先級的渠道進行大規模的投入;
          • 階段⑤:成熟期 → 并購,國際化和本地化

          如何針對不同的增長階段,選用合適的用研思路?

          運營常用的用戶生命周期理論 AARRR 對用戶在產品中各個層級的狀態也有所定義:

          Acquisition→Activation→Retention→Revenue→Referral

          如何針對不同的增長階段,選用合適的用研思路?

          每個公司的拳頭產品或產品矩陣中的各個子產品可能處在不同的生命周期,在做用研探索時需要具體分析。以酷家樂在近兩年的情況為例,其主打產品早已走過 0-1 的階段,但在大的框架下會不間斷的迭代,如工具功能、生態服務功能。

          在這種情況下,用研和業務密集合作的增長類用研項目主要集中在企業增長周期的“階段③:產品和市場匹配期”之后的階段,目的是提升用戶的粘度和體驗,隨著產品的螺旋上升,也會對階段①-③做階段性小循環;反映在AARRR模型上則是以「用戶留存+用戶推薦」為重點。

          如何在業務中挑選高杠桿監測點

          那么問題來了,如何從不同的生命周期進行用研重點拆解?除市場上比較通用的生命周期拆解外,不少公司內部會有一套更加適配業務的體現生命周期的分層。

          以酷家樂的業務為例,根據兩種主流用戶分層定義,即工具用戶分層(工具行為是核心行為)和全站用戶分層來拆解,我們圈定出了增長和體驗中的重點觀測用戶階段(橙色標注):

          • 工具用戶分層中,重點關注“沉默/流失用戶”
          • 全站用戶分層中,重點關注“由注冊用戶和體驗用戶組成的純新用戶”

          如何針對不同的增長階段,選用合適的用研思路?

          這些會被重點關注的邏輯為:

          • 用戶沉默或流失若是由產品客觀原因造成,往往是遇到一些比較嚴重的問題,其有效反饋應該被當做高優先級去處理;
          • 新用戶的認知是潛在用戶階段接收市場培育的重要反應,也是其進入并使用產品、接受培育、融合進產品的黃金時期;
          • 活躍/準深度/深度用戶這些在目前的追蹤體系中是被剔除的,暫時不關注在平臺蜜月期的用戶,但對全站用戶的總體衡量還是有必要的。

          常用用研目標和維度拆分

          用戶需求可以成為產品設計的導向、市場推廣的方向,用戶增長類型的需求轉換成用研目標,一般是:

          如何針對不同的增長階段,選用合適的用研思路?

          更具體一些,我們常用的問題維度:

          如何針對不同的增長階段,選用合適的用研思路?

          常見思維誤區:一定要頻繁做沉默/流失用戶分析么

          這里有一個大家通常會陷入的思維誤區:一定要從沉默/流失用戶著手調研–他們后來為什么不太用我們的產品了。

          通常,大家普遍認為只要可以分析出沉默/流失的原因,按照 list 上條目進行改進就能降低流失率。但可以換個思維,產品的價值更多的是由認可該產品的用戶群體創造的,沉默/流失用戶一定程度上屬于對該類產品為非剛需狀態/需求匹配失敗而自然流失掉的人群(非目標用戶)。

          單純從調研手段上來講,沉默/流失用戶的調研難度也是很大,定量方法在這里失去了作用,基本只能預先定義好調研圈選人群時“沉默/流失用戶”的定義(這里要在平臺定義的基礎上進一步縮小范圍),通過 cold call 的方式做調研,參與過此類項目執行的同學會發現幾個點,尤其是對專業垂直產品(非 C 端產品)而言:

          1. 原因中太多無效信息,如公司倒閉、轉型,自己轉行;
          2. 獲取的有效信息大概率和留存用戶群體的調研較為一致。

          總結一下,沉默/流失用戶的調研可做,但在產品無重大變化的前提下,建議長周期循環,如 1 年做一次足夠。服務好留存用戶,了解產品何種原因打動用戶、如何做會更好,從留存用戶中探索各種場景比去硬啃沉默/流失用戶更有意義。

          當然,也會有一些例外的情況,如公司的一款子產品自推出以來,長期留存非常低,這種處于探索期的產品可能是由于與目標市場匹配不當或當前產品功能做的太差,這種情況會建議關注全生命周期的用戶反饋,包括沉默、流失用戶;若是因為與目標市場匹配不當,調整目標市場和人群為當務之急,若市場匹配程度尚可,但當前產品功能做的太差,則需重點關注產品概念與體驗鏈路等問題。

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

          文章來源:優設   作者:酷家樂UED

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

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

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


          10個讓用戶一眼就愛上的設計心理學知識

          ui設計分享達人

          一個優秀的設計不僅要解決正確的問題,同時也是給用戶創造積極的情感。在過去,實體產品可以通過人類的五感來創造情感體驗,但對于如今的數字化產品來說,這似乎很難達到,因為只是在屏幕上進行枯燥的交互來獲取服務。


          所以,數字化產品設計師們需要更深入的理解每種類型的情感,以及創造它們的心理學原則。


          根據唐.諾曼(Don Norman)的研究,人們對一個物體產生情感有三個層次:本能、行為和反思。


          undefined

          • 本能層: “用戶想要的感覺是什么”

          • 行為層: “用戶想要做什么”

          • 反思層: “用戶想成為什么樣的人”


          在第一層,用戶將通過視覺和與產品的交互設計中產生情緒。因此,這是UI設計師擅長發揮的地方。除了美學和基本的平面設計原則外,下面是我在工作中經常應用到設計中的心理學原則。


          格式塔原理


          相似律

          人類的眼睛傾向于將相似的元素連接成一個組,而大腦會認為這些元素都有相同的目的。 


          undefined


          因此,在設計具有相同功能和內容的界面元素時,就應該要保持一致性。(彩云注:這也是為什么要保持一致性的理論解釋)


          應用場景: 導航、控件、卡片、banner、內容、分頁


          連續律

          人眼會將連續的元素視為一組。這一定律與對稱性和相似性非常相關,通過在一個序列上設計相似和重復的元素,我們可以將用戶的視線引導到我們想要的方向,它能使得閱讀信息更加連貫和清晰。

           

          undefined


          一點點的切割是在暗示用戶,這里還有更多的內容等待你去查看。


          應用場景: 菜單、列表、排序、輪播、服務進度


          封閉律

          當看到一幅不完整的圖像時,大腦會依賴之前的經驗進行填充。 


          undefined


          這是圖形和logo設計中常用的規則,但是在產品設計中,我們也經常把它用在圖標和Loading設計中。


          應用: 圖標、loading、數據可視化


          相近律

          這是UI設計中的一個基本規則,因為人眼會將任何相鄰元素視為一個組。 


          undefined


          在設計的時候,我非常注重使用間距來將元素組合在一起。我通常使用大空間來分隔大內容組,然后使用小空間來分隔大內容組中的小內容組。


          應用場景: 導航、控件、卡片、banner、內容、分頁


          對稱律

          我們的大腦喜歡看到對稱和平衡的東西。它是所有設計領域中使用最頻繁、最安全的法則。它幫助我們創造一種穩定和秩序的感覺。 


          undefined


          當設計需要簡單和諧可視化的產品時,我經常使用對稱律。當用戶需要關注重要的事情時,它也能讓他們感到更舒服。缺點是,如果過度使用,產品會變得乏味和單調。通常,我用標題或CTA按鈕來更好地強調和號召行動,打破畫面的單調格局。(彩云注:CTA是call to action的縮寫,中文通常翻譯為行為號召。可以理解為引導用戶點擊的行為都算是行為號召)


          應用場景:控件,banner,強調內容,產品顯示,清單,導航。


          背景分割

          這個定律是關于人眼傾向于注意脫離背景或組合的事物。 


          undefined


          我使用這個規則引導用戶的眼睛看到重要信息。它通常是一個卡片設計與一個輕投影在背景之上的層。此外,構建整體也是應用這一規則的一種方式。


          應用場景:卡片、內容、列表、服務、摘要


          共同命運法則

          在同一方向上移動的元素被認為比固定的元素或在另一個方向上移動的元素更相關。這個規則應用幫助我們建立組和狀態之間的關系。 


          undefined


          在制作動畫時,我經常更明確地使用這個規則。然而,我們仍然可以適用于許多不同的因素。


          應用場景:導航/下拉菜單,折疊,手風琴,工具提示,產品滑塊,視差滾動和指示器。


          2. 焦點原則


          當我們看東西時,我們的眼睛傾向于首先關注最突出的元素。理解這種行為將幫助我們在設計中創建一個“錨點”,從而推動用戶查看我們的場景之后的內容。


          undefined

          應用場景:內容、落地頁、價格、產品頁、banner 


          3. 雷斯多夫效應


          (彩云注:維基百科解釋為指個人對學習材料或所見所聞的資訊,容易記住最特殊的部分的現象。例如:有一些參考書將重要的資料,以不同顏色或特殊的字體標示出來,就是利用雷斯多夫效應來加深讀者的印象。)


          這也被稱為隔離效應,它表明人們傾向于注意并記住與其他部分不同的部分。這條規則很容易與焦點定律混淆。不同的是,應用此規則的元素通常是獨立的,沒有為用戶導航更多信息的額外功能。 


          undefined

          應用場景:定價表、促銷banner、不同會員介紹 


          4. 本能反應


          基于現實世界打造的視覺體驗。比如,當我們看一個視頻,每個高潮笑話時都有旁白跟著一起笑時,我們會更容易發笑(彩云注:想想《快樂大本營》)。用戶會喜歡我們的設計,如果它讓他們感覺良好和舒適。


          (彩云注:這個理論的意思是說盡可能讓用戶產生沉浸感,把產品用到真實的環境上,比如大家平時使用的手機樣機,把設計的界面放到這些樣機中就能夠給人直觀的感受到應用后的效果,也是這個理論的運用)。 


          undefined

          應用場景:產品配圖、插圖、攝影 


          5. 色彩心理學


          有很多研究表明顏色對我們的潛意識有特別的影響。對顏色的看法也因性別、宗教和文化而異。這張彩色心理學海報就足夠了(彩云注:感興趣的可以自行翻譯研究下)。


          undefined


          此外,我們不要忘記從早期到現在一直在廣泛使用的顏色,這些顏色的使用更符合用戶習慣:

          紅色:錯誤

          綠色:成功

          藍色:進行中

          黃色:警告


          6. 形狀心理學


          undefined


          就像顏色一樣,人類的潛意識對不同的形狀也有不同的反應。例如:

          圓形、橢圓形:傳遞積極的信息,通常與社區或關系有關。

          方形和三角形:帶有強烈的信息,通常與力量和穩定聯系在一起。

          豎線:代表強度、力量或攻擊性。

          橫線:表示平靜、相等、安靜。


          7. 雙碼理論


          這一理論解釋了人類需要視覺和語言信息來盡可能快地處理信息。此外,人類是視覺動物,我們的大腦處理圖像的速度是處理文本的6萬倍。為了最大化設計的有效性,我們不應該去掉解釋性的文字。


          (彩云注:根據這個理論,在做作品集時,就應該盡可能的多用視覺化語言,文字作為輔助,對于視覺設計師來說,能用圖表達的就盡量減少文字的比重。) 


          undefined


           一個很明顯的例子就是導航欄。大多數新的應用或具有復雜功能的應用都同時設計了圖標和文字標簽。 


          undefined



          8. 并行設計


          人類的眼睛傾向于看到平行因素比其他因素更相關。我經常使用這一原則對同一屏幕內的兩組不同內容進行分類。最容易看到的例子可能是Facebook messenger界面,當帖子并排排列時,消息是平行的。 


          undefined


          9. 共同區域


          這一原則類似于格式塔原則中的相似定律,但它并不是完全相似。共同區域原則是通過我們使用分隔線、形狀或顏色的方式創建的。 


          undefined


          如果一個界面需要用戶滾動更多來查看內容,我們應該有一些方法來更清楚地劃分它,而不僅僅是使用間距。


          應用場景:列表清單、信息流

           

          10.掃描圖形


          根據NNGroup UXPin等組織或團體的各種研究,兩種最常用的掃描模式是“F”和“Z”。

          • F的使用最為廣泛,尤其是對于內容量大的網站。

          • Z用于不太注重文本的網站,通常強調在最后的號召行動。

          一旦我們理解了如何使用這些模式,我們就可以選擇布局并有效地安排元素來實現我們的設計目標。 


          總結


          第一印象是最令人難忘的,積極的體驗可以在用戶和產品之間創造持久的關系。如果能讓用戶在一開始就喜歡上我們的設計,就能為我們的產品創造了一個很好的優勢。

          文章來源:站酷   作者:彩云Sky

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

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

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

          構建視覺層次的4個技巧

          ui設計分享達人

          設計行業每天發生著翻天覆地的變化,隨著專業的發展,我們也在不斷的學習新的技巧和趨勢,但同時我們也要明白,設計中那些基礎的UI準則,才是好的趨勢和風格建立的基礎。今天我們就一起來聊聊做好設計最重要的能力之一:區分視覺層次。


          什么是視覺層次

          視覺層次你可以理解為,通過將界面元素進行設計上的區分,引導用戶的注意力,并使用戶的注意力始終集中在頁面的關鍵地方。但是今天沒有一個方法可以一直控制用戶注意力,就像我們今天做設計一樣,不同的產品要用不同的設計手法去設計,才能達到幫助用戶分清主次的作用。 

          視覺層次不僅僅包含文字有關,它還包含我們的圖片,視頻按鈕以及文字以外的視覺元素。所以當你設計一個網頁時候,除了網站整體的顏色,排版,圖片也能夠影響視覺層次。那么如何讓設計的層次更清晰,常用方法有哪些,今天我們一起來聊聊關于設計層次,希望可以幫助到你。


          運用尺寸大小建立層次

          大小是建立視覺層次非常重要的方式,這里的大小不僅僅是文字,還包括圖形,插畫,圖片等等。 作為設計師我們必須了解屏幕上每個元素的優先級,根據優先級來判斷它的使用大小。

          當我們談到尺寸的時候,相信很多設計師有過被要求各種元素放大的經歷,確實大的元素能更好的吸引用戶。 但是當元素越大,其實設計的復雜性也越高,所以在設計時候需要更注意整體節奏,把握好一個度。 

          如上圖插畫的比重很大,在設計這種大的元素時,你的每個元素比例和細節處理都被同時放大了,我們可以看見這副插畫四周還運用了很多元素,讓頁面達到平衡,同時這個畫面和旁邊的文字場景也很好融合在一起。一個好的設計一定是通過視覺手段讓用戶理解信息更加準確,在看完頁面文字和圖片后,很自然的引導到底部的按鈕,這才能算是一個很引人注目的設計。


          運用色彩建立層次

          顏色在視覺層次中扮演著非常重要的角色, 設計師可以通過顏色來傳遞信息內容,同時也可以引導頁面內容,色彩在心理學中有著很重要的作用,比如黑金給人尊貴感VIP感,糖果色給人小清新,甜蜜的感覺;紅色能吸引人注意等等。用戶在視覺情感上和顏色很容易聯系在一起, 作為設計師我們需要對不同的色調,不同色彩進行細致的組合搭配,以掌握對色彩的了解。

          Zenly:國外知名產品,在引導頁面設計時候運用紅色按鈕吸引用戶注意,在App主頁面里面,通過深藍色強調選中效果以及Tab. 

          Netfix:知名的電影軟件Netfix在設計中,充分運用色彩去增強層次,無論是在引導頁按鈕設計,還是在頁面核心行動點,以及Tab切換等地方,都通過顯眼的主色來引導用戶操作,讓頁面的行為路徑更加順暢。 

          Tiktok:抖音海外版本設計,整體UI部分非常簡單,頁面還是一如既往突出內容為主,所以在整個設計上就通過色彩來強調頁面優先級,比如拍攝,分享,選擇這些核心操作都通過色彩來引導完成任務。 


          運用文字大小字重建立層次

          絲芙蘭App的設計,在引導頁采用一個襯線體非常有品位,通過字體大小,和字重對比,再配合美妝護膚的行業屬性,頁面非常的簡潔大氣,有對比有細節。 

          無論是產品介紹,還是詳情頁,絲芙蘭設計都是采用字重和字體大小對比,來打造層次,字重和大小,也是設計師常用建立層級的方式。 

          除了字重以外,還可以字體透明度來增加層級,一般是黑色搭配灰色使用,再加上字體大小和字重整個頁面層次會更加清晰。如上圖韓國APP頁面,標題是黑色,輔助說明文字字號小4號,同時顏色改為淺灰色,這樣設計頁面層次增強了很多。 

          很多設計師在做界面時候,喜歡字體就一個顏色用到底,這樣會顯得界面粗糙,也沒有層次感。但是運用好我上面說的字體大小,顏色、字重等對比其實節奏很容易就能做出來。 

          運用視覺重量建立層次

          比如aaptiv這個產品的功能頁面設計,就是運用了視覺重量的對比,線框按鈕最弱,其次是黑色選中效果,最重的功能引導按鈕, 視覺 重量的對比能很好讓用戶關注到功能內容。

          如上圖,選中的黑色視覺重量最重,其次是藍色選中效果,最后是未選中的黑色,視覺重量幾乎我們每一個頁面中都會使用到。 

          headspace這款產品我非常喜歡,將情感化用到了極致,在頁面很多細節地方運用了不同的小橙人在背景上,視覺重量有輕有重,通過不同視覺重量來表達頁面內容,非常巧妙。 

          在列表的表達上,不同視覺重量感受是不一樣的,比如左邊的視覺重量更輕一點,用戶關注圖形同時也去關注文字內容,右邊這個視覺更重,更加引導用戶去點擊功能模塊內容。 

          設計師熟悉的medium官方App設計,在正文閱讀時,同樣采用不同的視覺重點來突出重要信息,比如左邊通過字重以及文字背景綠色底色和正文對比,非常醒目。右側通過淺綠色作為背景強調突出。

          同樣在一些重要位置,Medium也是運用視覺重量處理,如左圖通過頂部提示條提示可以通過語音播放,在右側付費文章通過行動按鈕引導用戶升級付費。

          文章來源:站酷   作者:我們的設計日記

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

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

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


          為你解密設計中的節奏感!

          資深UI設計者

          、

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

          文章來源:站酷   作者:美工美邦

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

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

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

          用戶界面設計中的對比類型

          ui設計分享達人

          了解對比如何在設計中發揮作用,在用戶界面中可以找到哪些類型的對比,以及為什么它對積極的用戶體驗很重要。

          一般而言,“對比”一詞用于描述彼此截然不同的對象。談到視覺感知,對比度基本上與顏色或光線的差異有關,可以使物體清晰可辨。

          為什么對比度很重要?因為人眼自然會捕捉到對比度。圖像的最高可能對比度稱為對比度或動態范圍。更重要的是,對于色盲等視力不佳的人來說,對比度成為他們看到的物體的核心特征,并讓他們能夠區分它們。

          在學術藝術中,對比處理對立元素和效果的排列,例如明暗顏色、大小形狀、粗糙或光滑的紋理。在這種情況下,對比不僅可以用來吸引注意力,還可以設置情緒和氛圍,在藝術品中創造多樣性、視覺趣味和戲劇性。

          在設計中,對比度是影響效果的關鍵因素之一。 可掃描性網頁或移動屏幕的視覺層次結構。它使設計師能夠以一種方式呈現布局,告知用戶哪些交互點是重要的,哪些是次要的。對比度可以有效地吸引用戶的注意力并將其吸引到特定元素上,因此它在支持數字產品的直觀導航和可用性方面發揮著重要作用。

          Pass-On 應用程序登錄頁面的設計展示了有效的顏色和尺寸對比示例,為頁面構建了堅實的視覺層次結構。

          UI設計中的對比類型

          對比可以基于 UI 元素的不同特性,包括:

          A. 顏色:這種類型是人眼最自然和最明顯的對比之一;它適用于顏色明顯不同的情況,例如,通過互補、分裂互補或三元方案組合,這種類型的對比最廣泛地用于制作按鈕和其他關鍵導航元素。在網頁布局或應用程序屏幕中立即看到,支持清晰直觀的導航。

          B. 大?。哼@種類型的對比是基于首先引起注意的元素明顯大于其他元素。

          C. 形狀:通過使一個元素的形狀與其他元素不同來吸引用戶的眼球。

          D. 位置:在這種類型中,設計師以這種方式更改一個元素的位置,使其看起來不同,例如,文本片段的新段落以縮進開頭。

          E. 紋理:這里的差異是由于使用彼此明顯區分的紋理而建立的。

          F. 方向:改變元素的物理位置,使其在其他方向,這樣以不尋常的方式吸引用戶的注意力。

          經常想到的關于對比度的第一個想法是黑白的東西。在沒有陰影和多種顏色的情況下,單色圖像使用對比度作為表現潛力的主要助推器。這在用戶界面中的工作方式相同。更重要的是,與藝術品或攝影作品相比,對比度不僅會影響美感,而且對布局的可用性也有重大影響。因此,深思熟慮的對比度使用是使網站和應用程序用戶友好且易于使用的強大方法。

          排版對比

          另一種特定類型的對比是排版對比,它基于設計作品文本部分所用字體的區別特征的差異。

          加拿大字體設計師卡爾·戴爾定義了 7 種核心類型的排版對比:

          A. 尺寸對比:它是關于由表格創建的基本圖案的物理放大和用于文本的類型的重量。這里最常見的情況是使標題或標題明顯大于文本。

          B. 重量對比:粗體在同款較輕的對比中突出。它有助于將注意力吸引到文本的特定部分,并讓用戶了解它們的重要性。

          C. 形式對比:這里的形式是指大寫字母和小寫字母之間的區別,或者羅馬字母和它的斜體變體,壓縮和擴展版本,與標準類型協調的腳本類型——所有提到的都可以用于戲劇性的形式的改變。

          D. 結構對比:結構意味著不同類型字體的不同字母形式,例如單線無襯線與高對比度現代,或斜體與黑體。

          E. 紋理對比:這是關于字體的線條如何看起來像一個整體,這部分取決于字體本身,部分取決于它們的排列方式。

          F. 顏色對比:第二種顏色通常不如基本的白底黑字(或黑底白字)強調,因此必須仔細考慮需要強調的元素并注意色調值使用的顏色。

          G. 方向對比:這種類型是關于垂直和水平之間的對立以及它們之間的角度。出文本塊也有它們的垂直或水平方面,將寬的長線塊與高的短線列混合可以產生對比。

          另外,還有一些不太流行的對比,比如所謂的孤立對比,就是把一個詞或詞組放在遠離其他元素的地方,這樣就可以從人群中脫穎而出,以及對比按節奏(空間間隔)——破碎的部分形成對比并吸引注意力。

          對比輔助功能

          閱讀上面提到的所有內容,很容易假設這里的經驗法則是對比度越高,設計越好。然而,事實并非如此:以及任何其他設計方面太多并不意味著更好。雖然低對比度會使內容難以感知和閱讀,但過高的對比度會引起眼睛疲勞,使交互更加困難。

          根據網頁內容無障礙指南 2.0,文字的視覺呈現和文字的圖像應該堅持至少 7:1的對比度,以下情況除外:

          大文本:大文本和大文本圖像的對比度至少為 4.5:1;

          裝飾:作為界面組件的一部分的文本或文本圖像,作為裝飾沒有對比度要求。

          標識:作為徽標或品牌名稱一部分的文本沒有最低對比度要求。

          注意留白

          空白是留空的布局區域,不僅在對象周圍,還包括對象之間和內部。空白是頁面或屏幕上所有對象的一種呼吸空間,因此它極大地影響了 UI 中應用的不同類型對比度的有效性。

          總結

          生活充滿了對比,無論你會采取什么方面。對于所有的生命,我們必須學會如何接受這一點,并嘗試享受如此多樣化和不可預測的生活。與現實相呼應,設計也充滿對比,并盡可能多地借鑒。

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

          文章來源:站酷   作者:對啊設計君

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

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

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

          10條你絕對不能打破的交互設計規則

          ui設計分享達人

            在生活中,有一些規則是你絕對不能打破的,如果你打破了,將會付出慘痛的代價。在用戶界面設計中,也有一些必須遵守的規則。它們被稱為“啟發式”或提高用戶界面可用性的一般原則。這些是經過了長時間測試的可重復的模式,可以幫助用戶更好地瀏覽界面。一個良好的設計一定會考慮到以下原則,一個不那么好的設計總是會缺少其中的一個或多個原則,那么作為一個UI設計師,為什么要忽略這些原則讓你的用戶如此頭疼呢?

          1.系統狀態的可見性

          該系統應在合理的時間內通過適當的反饋使用戶了解正在發生的事情。

          你要不斷地給你的用戶展示適當的信息、提示和背景,使他們在任何時候都知道他們在系統中的位置。這可以讓用戶感覺自己處于控制之中,知道下一步該做什么。這個項目被添加到購物車了嗎?編輯的內容被保存了嗎?這個過程需要多長時間?我的訂單的狀態是什么?現在正在發生什么?不斷地為用戶回答這樣的問題,不要讓他們猜測或蒙在鼓里。

          2.將系統與現實世界相匹配

          你設計的系統應該使用用戶熟悉的語言,使用用戶熟悉的單詞、短語和概念,而不是使用專業地術語。你要遵循現實世界的慣例,使信息以自然和邏輯的順序出現。

          使用熟悉的詞語和語言,不要讓措辭過于復雜。屏幕上的單詞或圖標的含義應該對目標受眾清晰易懂。人們還帶有心理模型和經驗,可以讓他們解釋圖標。

          技術的最大進步之一是圖形用戶界面的出現。在圖形用戶界面之前,計算機屏幕上只有晦澀難懂的文字命令,每當你想執行一個動作時都要記住并重復。然后,一切都改變了。屏幕上顯示的是文件夾和文件的小圖像以及一個手形光標。這些都是人們能夠立即理解的視覺符號。不需要解釋,因為它引用了現實世界的心理模型。


          3.一致性和標準

          用戶不應懷疑不同的詞語、情況或行動是否意味著同樣的事情。

          有兩種類型的一致性:內部和外部。內部一致性是指你的網站或應用程序中的模式要一致。這很簡單,比如在所有的頁面上保持相同顏色的鏈接,或者在每個屏幕上對相同的概念使用相同的圖標,比如HOME。外部一致性是指大多數人使用的其他軟件和系統中的慣例,如購物車。大多數人都熟悉購物車的使用方式。你不需要重新發明什么東西。如果你這樣做,你可能會讓你的用戶更難學會你的購物車如何工作。保持一致,為用戶節省不必要的混亂。


          4.用戶控制&自由

          用戶經常會錯誤地選擇系統功能,并且需要一個明確的“緊急出口”提示才能離開不需要的狀態,并且無需通過擴展對話就能支持撤銷和重做。


          始終為用戶提供一條出路。不要強迫用戶執行他們不需要的功能,或者把他們引向死胡同。例如,如果你正在設計一個結賬流程,如果用戶愿意,就讓他們繼續購物。如果他們試圖在一個應用程序上執行一個動作,當他們在最后一刻不確定是否要繼續時,就讓用戶取消。


          5.錯誤預防

          比起錯誤提示信息更好的是一個精心的設計,它可以從一開始就防止問題的發生。要么消除容易出錯的條件,要么檢查這些條件,并在用戶承諾行動之前向他們提供一個確認選項。


          當系統操作到很關鍵的一步時,如刪除文件或向1000個收件人發送電子郵件,要確保用戶知道他們將做一些重大的事情。向他們展示確認對話或提供額外的信息,清楚地定義在行動之后將發生什么。這將防止他們在不確定自己的行動時進一步行動。這也將為他們省去大量的遺憾。


          6.利用識別而減少回憶

          通過使對象、行動和選項可見,盡量減少用戶的記憶負荷。用戶不應該記住從對話的一個部分到另一個部分的信息。在適當的時候,系統的使用說明應該是可見的或容易檢索的。


          作為UI設計師,我們的目標之一是減少用戶的認知負荷。記憶以兩種方式工作:識別和回憶。識別是指你立即熟悉的東西。比如一個人的臉。你看著一個朋友的臉,你馬上就知道你以前見過他們?;貞浀淖饔脛t不同。它是你必須從記憶中檢索出來的東西,比如一個人的名字?;貞浲ǔP枰嗟臅r間和工作,因為你的大腦必須處理更多的信息來破譯它所看到的東西。

          另一方面,識別是即時的。我們希望在我們的用戶界面上具有更多的識別,而減少回憶。實踐這個原則的一個很好的例子是使用普遍可識別的按鈕和圖標來表示功能,例如用房子表示 "家",用鉛筆表示 "編輯"。如果你必須為你的用戶界面設計新的圖標,而大多數人以前從未見過這些圖標,那么請使用文本描述符來澄清并減少認知的負擔。


          7.使用的靈活性和效率

          新手用戶看不到的加速器通??梢约铀偕疃扔脩舻慕换?,這樣系統就可以同時滿足沒有經驗和有經驗的用戶的需求。允許用戶定制頻繁的操作。


          當某些任務在你的應用或系統中反復出現時,你可能想讓用戶更有效地進行互動。例如,使用滑動手勢來保存或刪除移動應用程序上列表中的項目。刪除一個項目的正常方式是打開一個項目,然后按下刪除按鈕。專業的方式(也是更有效的方式)是通過簡單的滑動并立即從列表中刪除項目。


          8.極簡主義的設計和審美

          對話不應包含不相關或很少需要的信息。對話中每一個額外的信息單元都會與相關的信息單元競爭,并降低它們的相對可見度。


          當為藝術而設計時,如果我們走巴洛克風格,可以用人工制品、紋理和圖像填滿屏幕。但是當為交互而設計時,我們的目標是降低信噪比。這樣做會使我們的界面對用戶來說更容易理解。你可以應用這個原則,把屏幕上顯示的內容減少到最低限度,不管是圖像還是文字,這樣用戶就可以專注于手頭的工作而不會分心。


          9.幫助用戶識別、診斷和恢復錯誤

          錯誤信息應該用簡單的語言表達,精確地指出問題,并建設性地提出解決方案。

          錯誤會發生,那是不可避免的。用戶遇到錯誤后發生什么是UI設計師的責任。因此,我們應設計可以理解的錯誤頁面和提醒來幫助用戶,并提供解決問題的選項或方案。例如,讓我們來看看無處不在的404頁面。作為設計者,我們知道錯誤的404頁面意味著什么,但用戶一般都不知道。為了幫助用戶,我們必須把404翻譯成簡單的語言,加入一些文案,使其清楚地知道剛剛發生了什么,比如 "對不起,我們找不到你要找的頁面。這里有一些具有類似內容的頁面建議......"。


          10.幫助&文件

          盡管系統不需要說明就能使用的話會更好,但可能還是有必要提供幫助和說明。任何這樣的信息都應該易于搜索,集中在用戶的任務上,列出要執行的具體步驟,而且不要太多。


          始終讓人們能便捷地獲得幫助,把幫助放在頂欄或主導航區的顯要位置。當用戶遇到問題而不能輕易找到解決方案時,他們必須被引導到一個可以解決問題的地方。這可以采取FAQ頁面的形式,用一個搜索框提供可能的建議和答案。在沒有答案的情況下,系統必須有一個選項,可以通過支持在線詢問或電子郵件或電話,直接與支持部門聯系以獲得額外的幫助。

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

          文章來源:站酷   作者:磨刀modao

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

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

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

          日歷

          鏈接

          個人資料

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

          存檔

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