欧美日韩国产女主播|久久青春操无码日韩va国产va|国语自产自偷拍|少妇视频一区在线精品 亚洲中文字幕无码vs色欲_在线观看视频免费国产成人_精品无码久久中文字幕_日韩AV中文字幕网址

首頁

藍藍UI設(shè)計隨筆:如何做軟件產(chǎn)品用戶旅程圖?|

博博

藍藍寫
畫出用戶旅程圖是我特別喜歡的一個工作方法,可以與產(chǎn)品、研發(fā)、市場團隊一起共創(chuàng),優(yōu)化產(chǎn)品。
用戶旅程圖是一種圖形化工具,用于詳細描述用戶在使用產(chǎn)品或服務(wù)時所經(jīng)歷的各個階段和步驟。它能夠展示用戶的整個使用過程,包括用戶的需求、痛點、態(tài)度和行為,以及產(chǎn)品或服務(wù)如何與用戶進行互動。作為產(chǎn)品設(shè)計者,我們可以通過用戶旅程圖更好地理解用戶需求,提前發(fā)現(xiàn)后續(xù)的用戶體驗問題,并思考如何提升產(chǎn)品或服務(wù)的用戶體驗。
用戶旅程圖的應(yīng)用廣泛,不僅可以幫助我們進行流程分析,還可以識別痛點,定義問題域。同時,它也可以幫助我們進行用戶反饋的收集和整理,為產(chǎn)品或服務(wù)的優(yōu)化提供依據(jù)。然而,用戶旅程圖并不是一種一次性的工具。它需要我們不斷地更新和完善,以適應(yīng)不斷變化的市場和用戶需求。因此,即使我們所屬的團隊沒有特別完善,也許我們在很長時間內(nèi)都沒有運用的環(huán)境,但是不要忘記,它依然是一個威力無比的工具。
現(xiàn)在我們就來重溫一下,這是藍藍設(shè)計的用戶旅程圖~~~

UI設(shè)計公司的用戶旅程圖

這是乘坐飛機過程的用戶旅程圖~~~

使用用戶旅程圖的方法如下:
Step 1:明確用戶和劃定用戶群
首先,我們需要明確研究的目標用戶和所屬的團隊資源情況。在此基礎(chǔ)上,我們可以確定需要映射的用戶群體,并針對該群體的特定目標和場景進行旅程圖的構(gòu)建。
Step 2:梳理業(yè)務(wù)場景下用戶行為流程
根據(jù)目標用戶的任務(wù)和行為,我們可以梳理出該場景下用戶的行為流程。這個流程包括用戶需要經(jīng)歷的階段、環(huán)節(jié)以及交互方式等。如果涉及主次任務(wù)流程,都需要一一梳理出來,并加以歸類。這個過程需要深入的剖析,盡可能找出所有用戶與軟件產(chǎn)品產(chǎn)生交互的接觸點,以便進一步拆分出每個階段的用戶目標、操作、接觸點位置、用戶想法以及用戶感受。
Step 3:繪制用戶想法和感受曲線
在梳理完用戶行為流程之后,我們需要根據(jù)調(diào)研時記錄的用戶反饋和情感變化,繪制出用戶的想法和感受曲線。這個曲線通常采用情緒曲線的形式來展示用戶的情感變化,并標注出用戶的痛點和爽點。
為了獲取用戶數(shù)據(jù),我們采用了多元化的數(shù)據(jù)收集方法,例如:
用戶行為觀察:直接觀察并記錄用戶在各個階段中的實際操作行為。
用戶測試:通過測試用例執(zhí)行,評估用戶在特定任務(wù)中的操作效率、反復性以及清晰度。
用戶調(diào)查:以問卷或在線訪談的形式,收集用戶對于任務(wù)完成情況的反饋以及他們的疑問和不滿。
熱圖分析:通過熱圖工具分析用戶在界面上的鼠標移動和點擊行為,以評估操作的順暢程度。
工單與客服反饋:收集并分析用戶通過工單或客服途徑反饋的問題和意見。
這些數(shù)據(jù)均應(yīng)直接來源于真實的用戶行為和反饋,而不是團隊內(nèi)部的推測或分析。在整理數(shù)據(jù)時,我們需要避免主觀評價和情緒化的表達,堅持以客觀事實為基礎(chǔ),并關(guān)注以下幾類關(guān)鍵數(shù)據(jù):
用戶實際操作過程:觀察并記錄用戶在各個階段的具體操作步驟。
操作效率:通過測試數(shù)據(jù)評估用戶完成特定任務(wù)的效率。
操作的反復性:記錄用戶在操作過程中重復操作的次數(shù)和頻率。
操作過程的清晰度:通過用戶調(diào)查或熱圖分析,了解用戶對于當前操作流程的清晰程度和滿意度。
任務(wù)完成情況:根據(jù)用戶調(diào)查和工單反饋,統(tǒng)計任務(wù)完成率以及未完成的原因。
用戶疑問:整理并分析用戶在各個階段中遇到的疑問和困惑。
用戶不滿:收集并分析用戶對產(chǎn)品或服務(wù)的不滿和抱怨。
用戶情緒:通過工單、在線訪談或社交媒體分析,了解用戶對產(chǎn)品或服務(wù)的情緒反應(yīng)。
Step 4:總結(jié)解決方案和新的靈感切入點
在對這些數(shù)據(jù)進行痛點分析時,我們需要對這些痛點進行系統(tǒng)的梳理、分級以及深度挖掘,以洞察痛點背后用戶的真實需求和期望。然后,基于這些痛點和需求,識別出產(chǎn)品或服務(wù)優(yōu)化和改進的關(guān)鍵機會點。

通過回答這些問題,我們可以總結(jié)出相應(yīng)的解決方案和新的靈感切入點,為產(chǎn)品或服務(wù)的優(yōu)化提供參考。
在分析過程中,我們可以采用多種方法來拓寬思路和尋找可能的改進點,例如:
行業(yè)內(nèi)成功做法借鑒:研究同行業(yè)其他成功案例,了解他們在解決類似問題時的策略和方法。
項目經(jīng)驗總結(jié):回顧團隊歷史項目中的類似問題,提煉成功和失敗的經(jīng)驗,以便應(yīng)用于當前問題的解決。
專業(yè)判斷與經(jīng)驗聯(lián)想:依靠專業(yè)知識和行業(yè)經(jīng)驗,提出可能的問題解決方案,并聯(lián)想類似場景中可能的優(yōu)化策略。
用戶視角思考:換位思考,從用戶角度出發(fā),嘗試理解他們可能的痛點和需求,以及可能的解決方案。
頭腦風暴:組織團隊成員進行頭腦風暴,鼓勵發(fā)散性思維,盡可能多地提出可能的解決方案。

我們的目標并非僅僅是為了制作一張漂亮的圖形或者報告,而是通過這種結(jié)構(gòu)化的分析方法,盡可能客觀地找出產(chǎn)品或服務(wù)中用戶體驗優(yōu)化的關(guān)鍵機會點,以便為進一步的決策和實施提供明確的方向和依據(jù)。通過繪制圖表,我們可以清晰地展示整個分析過程以及結(jié)果,提供一種可視化的視角以便團隊成員更好地理解和評估產(chǎn)品的優(yōu)勢與不足。
多練習~~這是一個很有效的積思廣議、從多角度解決問題的一個好方法。
祝大家使用順利~~

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

藍藍設(shè)計( www.bjlzjm.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 cs界面設(shè)計ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司界面設(shè)計公司、UI設(shè)計服務(wù)公司數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

如何讓表格頁面更具有吸引力和易用性|北京藍藍UI設(shè)計公司

博博

改版前

改版后

頁面框架

1.導航菜單

用于承載同一層級下不同頁面或類別的組件,方便用戶在同一個頁面框架下進行快速切換。

1.1.顏色

導航層和內(nèi)容層劃分明確,從本質(zhì)上講,這兩個本身就屬于不同的業(yè)務(wù)模塊,通過顏色的區(qū)分,是最為直接,最簡單的一種方式。左側(cè)導航為深色,能夠讓用戶更沉浸的體驗,右側(cè)內(nèi)容區(qū)都為淺色,用戶在使用時能夠真正做到有區(qū)分。

1.2.側(cè)邊導航

將菜單欄放置在左側(cè),頁面布局上為左右結(jié)構(gòu),將導航菜單放置左側(cè)固定
優(yōu)點:
擴展性較強(多級導航可以流暢展示,可以涵蓋很多大而全的產(chǎn)品)
展示靈活(側(cè)邊導 航可收折,收折過后用戶的橫向核心空間將會增大大,頁面展示效率也會大大提高)
快速定位(視覺啟始線統(tǒng)一,用戶可以根據(jù)首字進行查找,方便查找)

1.3.圖標

線性圖標是由直線、曲線、點在內(nèi)等元素組合而成的圖標樣式,通過線來塑造輪廓。線性圖標具有辨識度高,清晰,簡約易識別等優(yōu)點,不會對頁面造成太多的視覺干擾。

2.樹結(jié)構(gòu)

用于承載有父子關(guān)系的結(jié)構(gòu)化內(nèi)容,提供內(nèi)容層級的展示。

2.1.組織信息

樹形結(jié)構(gòu)可以幫助將信息進行層級分類,清晰地展現(xiàn)出信息之間的從屬關(guān)系。這樣,用戶可以快速找到所需內(nèi)容,降低了在應(yīng)用中迷失的可能性。

2.2.幫助用戶導航

在一個頁面上展示多個層級的內(nèi)容,用戶通過點擊展開或折疊相關(guān)節(jié)點,無需頻繁地跳轉(zhuǎn)頁面。這種設(shè)計簡化了導航過程,提高了用戶滿意度和黏性。

2.3.左樹右表

根據(jù)人的視線流和操作順序,將樹結(jié)構(gòu)放置在表格左側(cè),先幫助用戶定義表格的具體內(nèi)容,后引導用戶進行表格內(nèi)的操作

3.表格

表格常用于展示同類結(jié)構(gòu)下的多種數(shù)據(jù),易于組織、對比和分析等,并可對數(shù)據(jù)進行搜索、篩選、排序等操作。一般包括表頭、數(shù)據(jù)行和表尾三部分

3.1.斑馬紋表格

斑馬紋表格通過交替的數(shù)據(jù)行背景,可以引導用戶的視線,使得大量數(shù)據(jù)看起來更加和諧和有條理。這使得用戶能夠更快地找到他們需要的信息,提高了數(shù)據(jù)的可讀性和掃描性。同時可以減少視覺噪音和協(xié)助對比,從而幫助用戶更加輕松地瀏覽表格數(shù)據(jù),降低視覺疲勞。

3.2.居中對齊

居中對齊的文字和數(shù)據(jù)在視覺上更加均勻分布,可以讓用戶更加輕松地瀏覽和讀取數(shù)據(jù)。特別是在處理包含大量數(shù)據(jù)的表格時,居中對齊能夠減少視覺上的擁堵感,提高數(shù)據(jù)可讀性??梢允拐麄€表格的行高參差不齊的現(xiàn)象得到緩解,給用戶一種視覺上的統(tǒng)一感。

3.3.顏色

品牌色用于選中和編輯,紅色用于警示和禁止操作,綠色用于積極意義的信息或者操作。控制顏色數(shù)量,且不同顏色表達不同的含義,符合用戶思維慣性,具有良好的反饋作用。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計( www.bjlzjm.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?|北京藍藍UI設(shè)計公司

鶴鶴

首先看我們這次改版的對象:

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

光憑第一印象,整體效果是還不錯的,落實到每個局部的話,布局也是合理的,可以看到是有設(shè)計的細節(jié)在里面.jpg。

但是,再多看幾眼,就會發(fā)現(xiàn)整體的效果似乎有點不和諧,但又找不出來問題具體在哪,不知道怎么改下去。問題的根源就是 —— 過度設(shè)計。

我們強調(diào)過很多次,表盤頁的設(shè)計是作品集項目中最重要的頁面,因為觀看者對整體視覺和設(shè)計水準的印象是通過它建立起來的,不管你分析怎么寫,我們首先關(guān)注的肯定也是設(shè)計的效果。

但重要不代表需要過度傾注和堆疊視覺元素,過度的設(shè)計會讓界面看起來有 “飛機” 敢,不僅不真實的印象產(chǎn)生了,還會顯得業(yè)余不夠自信。同時任何項目中表盤頁過度設(shè)計都會對整個項目造成負擔,后續(xù)的頁面要怎么設(shè)計才能不和它產(chǎn)生隔閡,保持一致性。

下面,我們根據(jù)原頁面進行分析,來找出問題并優(yōu)化:

問題 1:導航欄的圖標

導航的頂部 LOGO 描邊沒有太大必要,以及圖標的設(shè)計在這個尺寸下非常的局促,因為細節(jié)較多,不僅復雜性提升了,也缺乏圖形辨識。

所以改動中,將多余的背景去掉,再簡化圖標本身的樣式。


如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 2:頂欄的設(shè)計

頂部欄本身設(shè)計單看是沒有問題的,但是作為全局欄目和導航欄顏色缺乏區(qū)分,而且用了投影來強化層次,就讓這個模塊的權(quán)重被過度放大。

所以我們?nèi)サ袅吮尘吧?,并適當增高欄目的高度,讓局部更舒展。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 3:統(tǒng)計數(shù)字的問題

統(tǒng)計數(shù)字在作品展示里用特殊字體很常見,因為要用更美觀的字體來呈現(xiàn)重要的信息。但任何頁面中的信息權(quán)重都要保持階梯性,不能讓加粗、深色、特殊字體幾個要素作用在過多的信息上,這就讓畫面顯得非常的“吵”。

所以要對字重和色彩做控制,創(chuàng)造對比來降低視覺的壓力。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 4:圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問題,第一個柱狀的堆疊類型并不是太符合實際數(shù)據(jù)應(yīng)用,下方的環(huán)形圖中起始位置顯然不對,并且色彩比較混亂。

所以是答案對它們做出優(yōu)化,并調(diào)整了一些小細節(jié)。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 5:配圖類型選擇

在引導卡片中,用的扁平插畫素材一方面不高級,另一方面內(nèi)容太碎,再加上用奇怪的字體和傾斜,使得這個卡片看起來非常別扭。

改動中替換新的圖片素材(臨時找的,理解意思就行),同時使用一般黑體的標題,以及增加背景色,來形成新的卡片樣式。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

問題 6:裝飾圖標應(yīng)用

在快速入口和日程模塊中,都有使用裝飾圖標,顯然大家也能理解他們對于目前的語境來講還是細節(jié)過多了,所以需要做一些調(diào)整,讓它們簡化。

如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

最后,再加上一些細節(jié)的小改動,最終的樣式就完成了。


如何給界面做減法,實現(xiàn)B端設(shè)計提效效果?

表盤的設(shè)計一定要在最后做檢查,一些設(shè)計感強的元素是否有必要這么做,尤其是類似圖標元素,做得很花哨是否對信息的識別能帶來幫助?如果不行,那就可以果斷的放棄。

表盤頁的設(shè)計感來自 —— 全局元素和色彩的控制,而不是單一某個局部內(nèi)容的加強。

文章來源:優(yōu)設(shè)
作者:酸梅干超人

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計( www.bjlzjm.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

AIGC | B端視覺設(shè)計全攻略-手把手教程|北京藍藍UI設(shè)計公司

鶴鶴

人工智能的嶄新概念正在逐漸改變我們對設(shè)計的認識和實踐方式。在這個數(shù)字化時代,AI不再僅僅是一種輔助工具,它已經(jīng)成為設(shè)計師的得力助手,能夠提供更高效、更智能的設(shè)計方案。在B端設(shè)計視覺中,AI的應(yīng)用為我們開辟了一條通向更優(yōu)質(zhì)設(shè)計的道路,本文將深入探討如何借助AI技術(shù),輔助設(shè)計師完成B端設(shè)計視覺。無論你是剛剛踏入設(shè)計領(lǐng)域的小白,還是經(jīng)驗豐富的資深設(shè)計師,都可以利用AI工具來提升設(shè)計效率、優(yōu)化視覺效果。

AIGC|海報落地設(shè)計流程

鶴鶴

從幾個月前AIGC的興起到現(xiàn)在,各行各業(yè)已經(jīng)有許多團隊將之運用在工作流程當中。其中,Midjourney的到來,不僅在一定程度上提升了設(shè)計師們的工作效率,也為設(shè)計師提供了更多設(shè)計方式上的可能性。其快速出圖的特點幫助設(shè)計師節(jié)省了設(shè)計初稿的時間,可圈可點的畫面構(gòu)圖與光影關(guān)系又給設(shè)計師帶來許多靈感與參考。那么,到底該如何運用Midjourney來幫助我們將一個項目落地呢?本文將以一個大型活動的主視覺設(shè)計案例,解析如何利用Midjourney,來幫助我們從最初的構(gòu)思到最后項目落地。

設(shè)計師如何洞察客戶行業(yè)|北京藍藍UI設(shè)計公司

鶴鶴

設(shè)計的價值怎么衡量?更有錢?更有名?更有權(quán)?全都不是工作價值 = 社會需求 X 生態(tài)位 也就是設(shè)計在越大越難的社會需求中,承擔越大越難的職責,那就意味著有更大的價值。錢也好,名也好,權(quán)也好,都只是真正價值交付后產(chǎn)生的副產(chǎn)品,我們把這些副產(chǎn)品暫時拋開,關(guān)注事情的本質(zhì)。

如何利用激勵體系提升用戶粘性|北京藍藍UI設(shè)計公司

鶴鶴

用戶激勵體系是促進用戶增長和活躍的常用手段,無論是節(jié)假日的各類運營活動,還是各種等級、積分體系,都稱作激勵體系。因此很多人會困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復了?其實不然,它們是兩套并行的激勵體系,各自發(fā)揮著重要作用。激勵體系復雜多樣,因此筆者基于最近的實踐經(jīng)驗和理論積累,將論述常見的用戶激勵方式,以及針對好看視頻APP人群分層設(shè)計激勵體系的思路。

宏觀視角:聊聊AIGC對設(shè)計行業(yè)的影響與啟發(fā)

鶴鶴

生成式AI到了技術(shù)發(fā)展從開始走向期望的膨脹期,現(xiàn)象級產(chǎn)品已經(jīng)出現(xiàn);
在產(chǎn)業(yè)結(jié)構(gòu)中,AI智能應(yīng)用近乎爆發(fā)的狀態(tài);
生成式AI的可控性突破也是爆火的重要原因之一。

UI設(shè)計公司的用戶旅程圖是什么?|北京藍藍UI設(shè)計公司

藍藍設(shè)計的小編

藍藍設(shè)計( www.bjlzjm.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

希克定律 | 設(shè)計師需要知道的設(shè)計原則|北京藍藍UI設(shè)計公司

博博

一、??硕傻幕菊J識

1.產(chǎn)生背景
1951年,英國心理學家威廉·埃德蒙·席克(William Edmund Hick)做了一個隨機開燈的試驗,他以每5秒點亮10盞燈的方式測得反應(yīng)時間和選擇數(shù)量之間的對數(shù)關(guān)系;美國心理學家雷伊·海曼(Ray Hyman)也通過一定的實驗確定的信息傳輸與反應(yīng)時間的關(guān)系,聲稱這兩者的關(guān)系應(yīng)該呈線性。席克、海曼共同認為,人們在多重選項的刺激之下做出選擇時、需花費的時間就越長,并且隨著這種刺激的逐漸增大、所產(chǎn)生的阻礙就越大,還可能導致人們放棄選擇,后續(xù)便以他們兩人的名字將這種規(guī)律命名為「席克海曼定律」。直到如今也是一樣,在選項復雜度相等的情況下,無論是對數(shù)還是線性,選擇數(shù)量越多,我們就越難做出決定。

2.基本介紹
??硕墒且环N心理物理學定律,我們還可以將其稱為“席克定律、西克定律、???海曼定律、??朔▌t”等,本文為方便介紹,將統(tǒng)一稱為「??硕伞埂O?硕杀砻?,用戶面臨選擇的數(shù)量越多、決策時間就越長,并隨著可選項的數(shù)量和復雜性而增加,運用這一定律的唯一宗旨就是:減少刺激的數(shù)量并獲得更快的決策過程。該定律有一個數(shù)學公式,先由席克首次實驗、然后由海曼進行完善,即“RT=a+b log2(n)”。RT:反應(yīng)時間a:對信息的前期認知和觀察時間(信息處理之前)b:對信息的處理時間log:某個數(shù)學符號,不做特別理解n:信息的數(shù)量

3.生活中的應(yīng)用
希克定律在我們生活中的使用隨處可見,如下圖的兩個遙控器,你更傾向于使用哪一個?毫無疑問,圖2不管是從視覺上、還是操作上都更簡單,特別是老少用戶,簡單地教一下就能快速學會。至于圖1,有些圖標、顏色、英文,很多年輕的用戶也不清楚到底是干什么的,要想搞清楚,則需要更多的時間成本、學習成本以及試錯成本,這就是??硕稍谶b控器上的作用,以減少選擇讓用戶更快決策。遙控器的這個案例雖然在交互設(shè)計四策略中也體現(xiàn)的淋漓盡致,但與希克定律并不沖突,讓用戶減少選擇的方式可以是刪除、組合,也可以是隱藏、轉(zhuǎn)移。

4.設(shè)計中的應(yīng)用
用戶在界面中看到的選項越多、信息量越大,就意味著需要花費更多的時間與精力去識別和理解,直接延長了用戶做決策的時間,在選擇困難較大的情況下,一旦用戶沒有足夠的精力或無法做出明確選擇(不愿動腦)時可能直接放棄,導致任務(wù)失敗。當信息/選項減無可減時,也可以通過對其分類分組、層級分布等方式提高用戶決策效率,只要選項與選項之間保持著一定的聯(lián)系,絲毫不會影響用戶識別與理解。

二、希克定律在設(shè)計中的作用

1.提高選擇效率
其實在很多頁面中都存在信息過剩的情況,對用戶來說,選擇太多就等于沒有選擇,用戶很可能會因為猶豫不決,造成時間成本上升而導致放棄當前任務(wù)。盡可能避免在用戶面前出現(xiàn)過多的選擇,根據(jù)信息權(quán)重刪除或隱藏多余選項,只保留用戶所需。有“度”的刪減可保持內(nèi)容足夠簡潔,提升用戶對信息的理解以及操作效率。

2.優(yōu)化版式布局
在設(shè)計過程中,如果沒有對功能層級進行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶花費大量的時間和精力來查找需要的功能,無疑是一場災(zāi)難。我們可以通過希克定律來優(yōu)化界面功能布局,根據(jù)業(yè)務(wù)的重要性對功能入口進行分類組合,減少用戶的認知及理解成本,以便快速達到目的。

3.提升用戶體驗
通過減少選項以及對信息進行層級劃分,不管是視覺瀏覽還是操作流程上,消耗的成本都會有所降低,用戶在使用過程中的心情則更加愉悅,用戶體驗得到了很大程度的提升。

4.提高轉(zhuǎn)化率
用戶所做的選擇越少、消耗的成本就越小,好的使用體驗讓用戶心情愉悅,短時間內(nèi)的流暢、愉悅操作都能讓任務(wù)變得更簡單、更容易完成,還能降低用戶的付費感知,間接性的提高了產(chǎn)品轉(zhuǎn)化率。

三、界面中的「??硕伞?/p>

1.減少選項、讓用戶更快選擇
對用戶來說,選項越多就越復雜,需要的決策時間就越長,尤其是用戶在絕大多數(shù)情況下所看到的頁面都存在信息過剩的情況,這時候,產(chǎn)品需解決的不是選項夠不夠的問題,而是選項夠不夠好。當存在大量選項時,可適度減少選項的數(shù)量,不僅能降低用戶的思考時間,也提高了選項的質(zhì)量。iPhone用戶應(yīng)該比較清楚,蘋果始終在不遺余力的遵循??硕?,APP Store就是最好的例子,從改版前大量的推薦應(yīng)用堆積到改版后信息量的減少,選擇目標瞬間清晰了很多,用戶體驗得到了大幅度的提升

如果大量的選項無法減少,可將重要選項靠前,將其他的隱藏起來,方便用戶決策及降低失誤操作的概率。例如騰訊視頻頂部分類后面的更多圖標、支付寶首頁金剛區(qū)的更多入口,點開后就會發(fā)現(xiàn),里面隱藏了非常多的功能,這樣做能減少用戶認知負荷,提高信息篩選的效率。

2.選項分類、信息分層
這里最為典型的例子就是電商平臺的分類,它通過一級、二級、甚至三級分類將商品所涉及到的類型合理的控制在有效范圍內(nèi),這些選項被分類/分組之后,關(guān)鍵信息得到強化,能輔助用戶快速作出決策。還有后面的二次篩選功能,幫助用戶進一步縮小范圍,選擇效率明顯會更高。當然,這不僅僅是依靠希克定律,還得結(jié)合運營需求、用戶數(shù)據(jù)等因素進行合理化分類。

另外,我們在選擇地址時,如果將所有城市一股腦平鋪在界面上,用戶想要選擇自身所需,則需要花費大量的時間。對城市進行了分類分層,以及有了搜索歷史、熱門城市以及右側(cè)的首字母索引后,用戶就能通過不同維度快速找到想找的城市,選擇效率直線上升。

3.分步驟展示、逐步完成
存在較長的表單頁面,能給用戶默認值的就不要讓其選擇、能讓用戶選擇的就不要讓其輸入,每多給用戶一個操作,其時間成本和出錯率都將會上升。當表單內(nèi)容減無可減、輸入操作避無可避時,盡量將信息整合分類或分頁展示,引導用戶逐步操作,遵循一個頁面只做一件事的原則,協(xié)助用戶將注意力聚焦在當前步驟中。面對長長的表單,用戶或多或少都有些消極情緒,產(chǎn)品要做的是通過視覺、操作感知來減少用戶的負面情緒,以此提升表單完成率。常見的如調(diào)查問卷、信用卡申請等,它們并沒有將全部信息堆在用戶面前,而是進行分步驟或分頁的形式,一次只做一件事,避免了其他信息帶來的干擾,讓用戶有種簡單的感知錯覺,完成起來會更容易。

4.必要的多選項、展開/隱藏
有時候,我們不得不面對較多的選項,例如在線填寫簡歷、功能設(shè)置列表、商品的二次篩選或后臺管理系統(tǒng)的查找條件等,如此多的選項會給用戶帶去很大的心理壓力,這時設(shè)計師需要去思考如何減輕用戶的壓力,展開/收起也許就是一個不錯的解決方案。我們可以將所有選項進行分類,用戶在操作當前類別時,其他所有類別暫時隱藏、并設(shè)定明確的可點擊圖標提示用戶隨時可展開對應(yīng)的內(nèi)容,間接的減少了選項,降低干擾。

5.必須平鋪時、主次分明
當設(shè)計師面對大量選項、卻又要必須平鋪在當前頁面的需求時,一定要做好選項的視覺權(quán)重區(qū)分。這種需求常見于首頁、功能頁、個人中心的圖標入口,我們可以通過改變圖標的大小、色彩(黑白/彩色)、類型(線性/面性/質(zhì)感/3D)或添加微動效進行主/次權(quán)重之分,用戶操作起來就不會有太多的疑惑或顧慮。

6.不可操作項、鎖定/置灰
在特殊場景中,當頁面存在不可刪除、不可隱藏、不可降權(quán)且不能讓用戶點擊的選項時,與其在用戶操作之后提示不可操作,不如在用戶操作之前就將選項鎖定或置灰,明確告知不可點擊,間接縮減選項,減少不必要的操作。

四、與交互四策略的完美結(jié)合

“合理刪除、分層組織、適時隱藏、巧妙轉(zhuǎn)移”,這一經(jīng)典理論出自于 Giles Colborne 著名的《交互設(shè)計四策略》一書。刪除、組織、隱藏、轉(zhuǎn)移每一種方式無疑都是在向用戶更好的展示信息,這個觀點也完美的詮釋了希克定律,那么他們到底是如何對應(yīng)的呢?

1.合理刪除(減少選項)
希克定律中,影響用戶決策最主要的原因就是選項數(shù)量,雖然「一個頁面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過分清功能主次,刪除次要、突出主要選項來幫助用戶決策,增加效率。

2.分層組織(分類/分層)
分類是??硕芍泻芎玫囊环N表達方式,雖然選項并沒有實質(zhì)性的減少,但用戶可通過分類避開了很多不必要的選項,不管是通過父子及級還是平級,都做到了將大量選項明確區(qū)分,用戶需要深挖時總會有跡可循。Giles Colborne 說過“不要用過于專業(yè)的標準進行分類”,用通俗易懂的組織方式更是促進??硕杉涌煊脩魶Q策效率的一種有效方式。

3.適時隱藏(展開/隱藏)
與刪除不同的是,隱藏并沒有刪減選項的數(shù)量,只展示部分常用、高頻的選項,去除其他信息的干擾,方便用戶快速做出決策,而將其他不常用、低頻選項隱藏起來,在需要時系統(tǒng)自動展示、或用戶手動喚出。其實,不管是交互四策略中的隱藏、還是??硕芍械碾[藏,其作用都是通過暫時性地減少信息數(shù)量來提升用戶操作效率。

4.巧妙轉(zhuǎn)移(分頁/分步)
面對本身就較為復雜的產(chǎn)品,頁面信息在無法刪除、組織、隱藏的情況下,且需要用戶無遺漏的去完成,使用交互四策略中的「轉(zhuǎn)移」或可解決這一難題,將整個任務(wù)拆分成多個步驟,讓用戶逐步完成。大部分信息的轉(zhuǎn)移,可避免不同步驟的信息相互干擾,認知負荷得以減輕,這一策略與??硕煞植襟E、分頁面展示大有相似之處。

五、常見問題處理

1.選項不要減到只剩一個
??硕梢龅氖峭ㄟ^減少用戶做決定的時間,來提升轉(zhuǎn)化率以及用戶體驗,但不管在什么情況下,用戶都希望自己還擁有選擇的權(quán)利,如果設(shè)計師自作聰明的將選項減到只剩一個,就相當于告知用戶必須接受,那么用戶就有種被強制、綁架的感覺,只會存在兩個結(jié)果:①被你的產(chǎn)品拿捏、②離開你的產(chǎn)品,筆者相信第一種可能性的概率極低,畢竟同類型的產(chǎn)品并不是只有你一家(壟斷除外)。如下圖的彈窗,用戶即便不愿意進入任務(wù)流程,可別無選擇,只能進入后再返回才能回到原位,這種做法無端增加用戶的操作成本,極易引起反感情緒。不管產(chǎn)品如何希望用戶轉(zhuǎn)化,切不可強制他們接受,需要給用戶留一條返回的“路”,即便不那么起眼,至少還有選擇的權(quán)利。

2.極端場景要克制使用
任何定律都有其自身的使用局限,所以也不要極度推崇??硕啥喕匠橄蟮牡夭?。大部分情況下,??硕啥际怯迷诳山换ソ缑嬷械脑?,對于那些需要高度搜索、閱讀或?qū)W習刷題類的功能并不適用,因為設(shè)計師只能決定信息呈現(xiàn)的視覺效果,并不能決定內(nèi)容的質(zhì)量、類型與數(shù)量。例如,刷題類應(yīng)用,面對海量的選擇題,希克定律雖然失去價值,但并不影響設(shè)計師結(jié)合其他方法論將界面設(shè)計的更好,總不能強行使用希克定律,將選擇題刪減到只剩兩個(變成判斷題)選項吧。

3.逆向使用-刻意增加操作成本
有時候,出于商業(yè)化的目的,同一個選項在二次操作時,產(chǎn)品會刻意增加用戶操作成本,以降低選擇效率,看似??硕傻姆聪虿僮鳎瑓s一定程度地降低了用戶退出率,實則對產(chǎn)品有益。例如,在關(guān)注微信公眾號之前,非常醒目的關(guān)注按鈕觸手可及,可關(guān)注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關(guān)注入口,需要用戶花費額外的時間去理解或試錯方可取關(guān),這么做能降低公眾號粉絲的取關(guān)量。為公眾號留住粉絲,更是對內(nèi)容認可的一種支持,后面的良性循環(huán)無需多講。

作者:大漠飛鷹CYSJ
來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計( www.bjlzjm.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 用戶體驗 、交互設(shè)計網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢用戶體驗公司、軟件界面設(shè)計公司

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bjlzjm.com.cn

存檔