92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

??硕?| 設計師需要知道的設計原則|北京藍藍UI設計公司

2023-9-5    博博

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

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

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

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

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

二、希克定律在設計中的作用

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

2.優化版式布局
在設計過程中,如果沒有對功能層級進行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶花費大量的時間和精力來查找需要的功能,無疑是一場災難。我們可以通過??硕蓙韮灮缑婀δ懿季?,根據業務的重要性對功能入口進行分類組合,減少用戶的認知及理解成本,以便快速達到目的。

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

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

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

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

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

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

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

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

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

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

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

四、與交互四策略的完美結合

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

1.合理刪除(減少選項)
??硕芍校绊懹脩魶Q策最主要的原因就是選項數量,雖然「一個頁面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過分清功能主次,刪除次要、突出主要選項來幫助用戶決策,增加效率。

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

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

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

五、常見問題處理

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

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

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

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

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

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
日韩成人免费看| 国产大学生校花援交在线播放| 999国产精品999久久久久久| 欧美特黄aaaaaaaa大片| 在线观看美女网站大全免费| 亚洲bbw性色大片| 美日韩一级片在线观看| 精品99在线| 欧美精品一级二级三级| 欧美精品videos另类| 欧美成人精品午夜一区二区| 国产精品视频26uuu| 国产69精品久久久久99| 日韩欧美一区二区三区四区五区| 日韩亚洲欧美在线| 蜜芽一区二区三区| 一级毛片免费高清中文字幕久久网| 日韩有码一区二区三区| 日本不卡影院| 日韩中文字幕视频在线| 欧美一区二区三级| 色一情一乱一乱一91av| 999国产精品永久免费视频app| 美女三级99| 欧美日韩和欧美的一区二区| 精品久久久久久久久久久久| 国产欧美综合一区二区三区| 自由日本语亚洲人高潮| av在线免费一区| 国产一级二级三级精品| 国产成人精品三级高清久久91| 91社区在线观看播放| 99精品国产热久久91蜜凸| 国产欧美精品va在线观看| 欧美成人精品在线视频| 中文字幕一区二区三区精华液| 思热99re视热频这里只精品| 国产欧美精品va在线观看| 97精品在线视频| 一本色道久久综合狠狠躁篇的优点| 91成人在线播放| 久久久久久美女精品| 亚洲人午夜精品天堂一二香蕉| 欧美激情一区二区三区蜜桃视频| 国产美女一区| 亚洲综合成人在线| 不卡视频在线| 国产精品一区二区久久精品爱涩| 久久av二区| 国产精品专区h在线观看| 9765激情中文在线| 国产三级在线播放| 尤物yw午夜国产精品视频| 中文在线综合| 色悠久久久久综合先锋影音下载| 桃花岛tv亚洲品质| 超级白嫩亚洲国产第一| 成人网在线观看| 亚洲精品成人一区| 国产精品久久精品| 欧美在线视频不卡| 久久久久久久久国产精品| 国产日韩在线免费| 成人欧美一区二区三区在线湿哒哒| 欧美v国产在线一区二区三区| 青娱乐精品视频在线| 99国产精品久久一区二区三区| 亚洲国产日韩欧美在线动漫| 国产亚洲第一伦理第一区| av自拍一区| 日韩一卡二卡三卡四卡| 成人动漫中文字幕| 日韩av在线中文字幕| 国产清纯白嫩初高生在线观看91| 粉嫩高清一区二区三区精品视频| 精品无人区一区二区三区竹菊| 高清一区二区| 91精品久久久久久久| 黄色精品视频| 欧美一区二区三区男人的天堂| 日本在线播放一二三区| 伊人久久精品一区二区三区| 国产毛片精品一区| 国产乱码精品一区二区三区亚洲人| 欧美成a人免费观看久久| 在线观看成人黄色| 精品国产丝袜高跟鞋| 国产欧美一区二区精品久久久| 欧美性精品220| 成人福利网站在线观看11| 国产精品视频一区视频二区| 国产一区二区福利视频| av亚洲免费| 欧美久久一级| 激情久久av一区av二区av三区| 亚洲综合色在线| 玖玖国产精品视频| 亚洲sss综合天堂久久| 日韩欧美专区| 另类欧美日韩国产在线| 国产一区二区免费视频| 亚洲人成网77777色在线播放| 国产精品无码2021在线观看| 一区二区三区在线免费视频| 亚洲一区成人在线| 欧美日韩中文字幕| 在线免费观看日本一区| 久久久久久国产精品免费免费| 欧美中文字幕在线| 精品少妇一区二区三区在线播放| 亚洲日本乱码在线观看| 岛国av在线播放| 2019中文字幕在线免费观看| 麻豆久久精品| 成人性生交大片免费看中文视频| 国产精品区一区二区三| 久久免费高清视频| 国产成人综合自拍| 亚洲综合激情在线| 日本免费成人| 伊人久久大香线蕉无限次| 欧洲成人免费视频| 试看120秒一区二区三区| 国产精品免费丝袜| 91精品国产自产91精品| 欧洲s码亚洲m码精品一区| 日韩av电影资源网| 91精品国产综合久久小美女| 欧美一区午夜视频在线观看| 欧美 日韩 国产一区二区在线视频| 亚洲高清网站| 另类视频一区二区三区| 伊人电影在线观看| 欧美日韩在线免费观看| 国产一区二区三区国产精品| 伊人久久久久久久久久久久久| 国产精品高潮呻吟久久av野狼| 国产私拍一区| 亚洲国产一区二区三区青草影视| 欧美色欧美亚洲高清在线视频| 国产视频精品自拍| 中文在线字幕免费观看| 天堂午夜影视日韩欧美一区二区| 福利视频在线导航| 人在线成免费视频| 国产精品毛片va一区二区三区| 免费看成人哺乳视频网站| 欧美性大战久久久| av电影成人| www.日韩视频| 亚洲少妇视频| 国产激情一区二区三区在线观看| 国产精品久久夜| 向日葵视频成人app网址| 伊是香蕉大人久久| 97香蕉超级碰碰久久免费的优势| 日韩大片在线播放| 国产精品69精品一区二区三区| 国产精选一区二区| 国内精品久久久久国产盗摄免费观看完整版| 精品亚洲aⅴ在线观看| 午夜精品www| 美女一区二区在线观看| 久久国产精品亚洲人一区二区三区|