<p id="z93z3"><mark id="z93z3"><progress id="z93z3"></progress></mark></p>

        <address id="z93z3"><nobr id="z93z3"></nobr></address>

        <address id="z93z3"><nobr id="z93z3"></nobr></address>
          <address id="z93z3"><nobr id="z93z3"></nobr></address>

          <form id="z93z3"><nobr id="z93z3"></nobr></form>

          <address id="z93z3"></address>

                  如翼視點
                  首頁>如翼視點>文章內容
                  ??硕?| 設計師需要知道的設計原則!
                  發表時間:2023-10-23
                  人們面臨的選擇越多,消耗的時間成本就越高。

                  前言

                  在遠古時代,人們通常都是逮到什么獵物就吃什么,因為沒有選擇。而如今當大家進入餐廳后,看到菜單上密密麻麻的菜名,選了半天也不知道想吃什么,甚至會產生換一家餐廳的想法。如果讓別人來決定,那就是“隨便”,簡單的兩個字,背后處處透露著對別人所選結果的排斥。
                  歸根結底,造成上述這種原因的就是選擇太多了,試想一下,多少年前,我們的父母以及上一輩為什么從來都不會面臨選擇吃什么、穿什么的煩惱(“官”商除外)?;氐缴鲜鰡栴},如果將菜單上的菜品減少,或者按特定(做法/地域/價格)的方式分類,是不是就能讓選擇變得更容易些呢?
                  人們面臨的選擇越多,消耗的時間成本就越高,如何有效的降低用戶選項、減少用戶決策時間,今天筆者將與大家一起了解交互設計中七大原則之一的「??硕伞?,它能幫助我們解決很多關于設計中選擇性的問題。

                  分享目錄

                  一、??硕傻幕菊J識
                  二、??硕稍谠O計中的作用
                  三、界面中的「??硕伞?br /> 四、與交互四策略的完美結合
                  五、常見問題處理
                  六、結語

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

                  1.產生背景

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


                  2.基本介紹

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


                  3.生活中的應用

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


                  4.設計中的應用

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


                  二、??硕稍谠O計中的作用

                  1.提高選擇效率

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


                  2.優化版式布局

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


                  3.提升用戶體驗

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

                  4.提高轉化率

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


                  三、界面中的「??硕伞?

                  1.減少選項、讓用戶更快選擇

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


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


                  2.選項分類、信息分層

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


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


                  3.分步驟展示、逐步完成

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


                  4.必要的多選項、展開/隱藏

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


                  5.必須平鋪時、主次分明

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


                  6.不可操作項、鎖定/置灰

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


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

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

                  1.合理刪除(減少選項)

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

                  2.分層組織(分類/分層)

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

                  3.適時隱藏(展開/隱藏)

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

                  4.巧妙轉移(分頁/分步)

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


                  五、常見問題處理

                  1.選項不要減到只剩一個

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


                  2.極端場景要克制使用

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


                  3.逆向使用-刻意增加操作成本

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


                  六、結語

                  ??硕墒且粋€設計指南,對于它的使用,并沒有特定的標準,但需要記住的是過多的選項會造成用戶過高的決策成本,是導致轉化率過低的重要原因之一。盡可能的減少用戶在一次決策中出現的選項,并引導他們在選項之間選擇,確保用戶在選項數量與決策時間上達到平衡。
                  有時候,??硕梢残枰Y合其他設計原則一起使用,以便快速實現用戶目標,大大提升使用體驗。不僅如此,??硕蛇€融入了我們日常生活中的方方面面,你發現了多少,歡迎留言區討論。


                  作者:大漠飛鷹CYSJ
                  如翼推薦                         
                      <p id="z93z3"><mark id="z93z3"><progress id="z93z3"></progress></mark></p>

                        <address id="z93z3"><nobr id="z93z3"></nobr></address>

                        <address id="z93z3"><nobr id="z93z3"></nobr></address>
                          <address id="z93z3"><nobr id="z93z3"></nobr></address>

                          <form id="z93z3"><nobr id="z93z3"></nobr></form>

                          <address id="z93z3"></address>

                                  亚洲色无码A片一区二区夜夜嗨,丰满高潮大叫少妇,国产在线播放kkk,亚洲午夜精品久久久久久白云
                                  亚洲资源站无码AV网址久久| 任你操免费视频| 爽爽爽男女爽免费视频| 中文字幕人成乱码中文乱码| 精品国产午夜理论片不卡| 亚洲 欧美日韩 综合 国产| 国产成年无AⅤ片在线观看| 久久亚洲A片com人成人| 亚洲男男GAY做受ⅩXX| 国产AV精品高清一区二区三区| 亚洲国产精品无码久久久久999| 丰满人妻无码AⅤ一区二区久久| 少妇少洁第1一40章| 久久天天躁夜夜躁狠狠躁2014| 91精品一区二区三区久久久久| 亚洲免费A图| 亚洲熟WWW一区二区三区| 国产美女极度色诱视频WWW| 欧洲VODAFONEWIFIAPP| 亚洲日韩国产精品久久久AV| 一道本视频| 日本道精品一区二区三区| 粉嫩玉足夹精脚交| 人妻熟女ΑⅤ一区二区三区| 亚洲色图自拍| 亚洲AⅤ无码精品一区二区| 伊人久久精品无码二区无码| 国产精品一二三| 韩国欧洲一级毛片| 伊人国产在线| 久久天天躁夜夜躁狠狠躁2014| 成人永久高清在线观看| 久久99国产精一区二区三区| 国产一国产一级毛片aaa| 日本三级韩国三级在线看| 全球美女极品metarthunter| a片免费看| 精品主播网红福利资源观看| 18禁高潮出水呻吟娇喘蜜芽| 久久中文字幕人妻熟av女| 亚洲综合校园欧美制服| http://www.yxlm520.com http://www.dgwnoyzig.cn http://www.xinxianjx.com.cn