<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          10 條UI/UX 設(shè)計(jì)的經(jīng)驗(yàn)法則

          共 2968字,需瀏覽 6分鐘

           ·

          2021-12-10 01:10

          英文 | https://uxplanet.org/rules-of-thumb-for-ui-ux-design-4d7a053d781

          翻譯 | 楊小愛

          這些是 Jakob Nielsen 發(fā)現(xiàn)的一些著名規(guī)則,它們通常被稱為 Jakob Nielsen 的 10 個(gè)可用性啟發(fā)式,因?yàn)樗鼈兪菑V泛的經(jīng)驗(yàn)法則,而不是具體的可用性指南。
          在本文中,我將通過一些示例簡(jiǎn)要討論這些原則/規(guī)則,以便您可以輕松理解它們并從中獲得一些有價(jià)值的東西。
          1、系統(tǒng)狀態(tài)的可見性

          設(shè)計(jì)應(yīng)該始終讓用戶了解正在發(fā)生的事情,在合理的時(shí)間內(nèi)適當(dāng)?shù)慕o用戶適當(dāng)?shù)姆答仭?/span>
          Jakob Nielsen 的十個(gè)啟發(fā)式方法中的第一個(gè)——系統(tǒng)狀態(tài)的可見性——與用戶界面設(shè)計(jì)有關(guān)。
          從本質(zhì)上講,它關(guān)乎溝通和透明度,這對(duì)生活的許多方面都至關(guān)重要。人們努力追求可預(yù)測(cè)性和控制力,并且在大多數(shù)情況下,更多的信息可以轉(zhuǎn)化為更好的決策。
          只有知道當(dāng)前系統(tǒng)狀態(tài)是什么,你才能改變它——也就是說,你可以弄清楚下一步需要做什么才能實(shí)現(xiàn)你的目標(biāo)。
          2、系統(tǒng)與現(xiàn)實(shí)世界的匹配

          設(shè)計(jì)應(yīng)該說用戶的語言。使用用戶熟悉的單詞、短語和概念,而不是內(nèi)部行話。遵循現(xiàn)實(shí)世界的慣例,使信息以自然和邏輯的順序出現(xiàn)。
          就本性而言,人類會(huì)在熟悉中找到安慰。正是因?yàn)檫@個(gè)原因,Jakob Nielsen 的第二個(gè)可用性啟發(fā)式,系統(tǒng)與現(xiàn)實(shí)世界的匹配才如此重要。
          該原則指出:系統(tǒng)應(yīng)該說用戶的語言,使用用戶熟悉的單詞、短語和概念,而不是面向系統(tǒng)的術(shù)語。遵循現(xiàn)實(shí)世界的慣例,使信息以自然和邏輯的順序出現(xiàn)。
          3、用戶控制和自由

          用戶經(jīng)常錯(cuò)誤地執(zhí)行操作。他們需要一個(gè)明確標(biāo)記的“緊急出口”來離開不需要的操作,而不必經(jīng)過一個(gè)擴(kuò)展的過程。
          良好的用戶體驗(yàn)的一部分是培養(yǎng)用戶對(duì)他們碰巧使用的用戶界面 (UI) 的控制感。
          用戶應(yīng)該能夠快速糾正錯(cuò)誤或回溯所做的選擇。輕松擺脫困境的能力鼓勵(lì)探索,這有助于學(xué)習(xí)和發(fā)現(xiàn)特征。
          它還增加了整體使用和銷售(在探索產(chǎn)品空間的情況下)。相反,當(dāng) UI 不支持這些操作時(shí),用戶會(huì)感到受困并通常會(huì)報(bào)告不滿意。
          有幾個(gè) UI 控件通常允許人們返回系統(tǒng)的先前狀態(tài):
          • 反向鏈接,將用戶返回到上一頁或屏幕

          • 取消鏈接,允許用戶退出任務(wù)或多步驟過程

          • 關(guān)閉鏈接,允許用戶關(guān)閉新視圖

          一個(gè)撤消選項(xiàng)(和相應(yīng)的重做選項(xiàng)),允許用戶回溯對(duì) UI 元素的更改
          4、一致性和標(biāo)準(zhǔn)

          用戶不必懷疑不同的詞、情況或動(dòng)作是否意味著同一件事。遵循平臺(tái)和行業(yè)慣例。
          想想您使用的網(wǎng)站和應(yīng)用程序:它們都依賴于完善的約定。藍(lán)色下劃線文本是可點(diǎn)擊的,購物車圖標(biāo)顯示您計(jì)劃購買的商品,站點(diǎn)徽標(biāo)位于左上角,放大鏡圖標(biāo)代表搜索——這些都是一直使用的約定示例在數(shù)字產(chǎn)品中,讓用戶的生活更輕松。
          提倡一致性和標(biāo)準(zhǔn)似乎是在推動(dòng)所有應(yīng)用程序的外觀和行為都相同,但事實(shí)并非如此。相反,當(dāng)網(wǎng)站和應(yīng)用程序遵守標(biāo)準(zhǔn)時(shí),用戶知道會(huì)發(fā)生什么,增加可學(xué)習(xí)性并減少混淆。
          5、錯(cuò)誤預(yù)防

          好的錯(cuò)誤信息很重要,但最好的設(shè)計(jì)首先會(huì)小心地防止問題的發(fā)生。要么消除容易出錯(cuò)的條件,要么檢查它們并在用戶提交操作之前向用戶提供確認(rèn)選項(xiàng)。
          討論用戶錯(cuò)誤的一個(gè)關(guān)鍵點(diǎn)是將錯(cuò)誤歸咎于何處。術(shù)語“用戶錯(cuò)誤”意味著用戶因做錯(cuò)事而有過錯(cuò)。不是這樣。設(shè)計(jì)者的過錯(cuò)是讓用戶太容易犯錯(cuò)誤。因此,解決用戶錯(cuò)誤的方法不是責(zé)罵用戶,而是要求他們更加努力,或者給予他們更廣泛的培訓(xùn)。答案是重新設(shè)計(jì)系統(tǒng)以減少出錯(cuò)的可能性。
          6、識(shí)別而不是回憶

          通過使元素、操作和選項(xiàng)可見,最大限度地減少用戶的記憶負(fù)載。用戶不必記住從界面的一個(gè)部分到另一部分的信息。使用設(shè)計(jì)所需的信息(例如字段標(biāo)簽或菜單項(xiàng))應(yīng)該是可見的或在需要時(shí)易于檢索。
          心理學(xué)家喜歡區(qū)分兩種類型的記憶檢索:識(shí)別與回憶。想想在街上遇到一個(gè)人。如果您以前見過她,通常可以很容易地分辨出來,但是想出她的名字(如果這個(gè)人很熟悉)要困難得多。
          第一個(gè)過程是識(shí)別(你認(rèn)為這個(gè)人很熟悉);第二個(gè)涉及回憶。識(shí)別是指我們將事件或信息“識(shí)別”為熟悉的能力,而回憶則是指從記憶中檢索相關(guān)細(xì)節(jié)。
          7、使用的靈活性和效率

          對(duì)新手用戶隱藏的快捷方式可以加快專家用戶的交互,這樣設(shè)計(jì)就可以滿足沒有經(jīng)驗(yàn)和有經(jīng)驗(yàn)的用戶的需求。
          允許用戶定制頻繁的操作。
          我不是一個(gè)熟練的廚師。我可以遵循食譜并獲得合理可食用的結(jié)果,但這需要我很長時(shí)間和大量的注意力。如果我不通過閱讀完整、詳細(xì)的食譜來準(zhǔn)備烹飪,事先將所有食材分組放置在一起使用,并在谷歌上搜索一些先進(jìn)的技術(shù),我將得到一頓燒焦的晚餐。
          我有幾個(gè)朋友知道他們?cè)趶N房做什么,我總是對(duì)他們做飯時(shí)采取的所有小捷徑感到驚訝。多年前我第一次和我的朋友尼克一起做飯時(shí),我費(fèi)力地切羅勒葉,把大量的注意力放在試圖保持相似大小的切片上,而不是在這個(gè)過程中砍斷我的手指。
          尼克走過去,抓起一把羅勒葉,把它們一個(gè)一個(gè)地塞進(jìn)另一個(gè)里面,然后像一支小雪茄一樣輕輕地卷起來。然后他迅速地將他的一捆羅勒切片了幾次,在切割中獲得了完美的一致性,并且?guī)缀醪换〞r(shí)間。
          然后他給了我一個(gè)使眼色,然后轉(zhuǎn)到食譜的另一部分,而我站在那里,對(duì)他的高效和精確感到震驚。
          就像在廚房里一樣,在用戶體驗(yàn)中,我們必須容納具有各種能力的人。我們的系統(tǒng)應(yīng)該足夠靈活,以允許用戶使用各種方法完成給定的任務(wù)。
          靈活的系統(tǒng)之所以有效,是因?yàn)槿藗兛梢赃x擇最適合他們的方法。10 個(gè)可用性啟發(fā)式中的第 7 個(gè)說,我們應(yīng)該通過使用快捷方式和加速器(新手用戶看不到)來優(yōu)先考慮使用的靈活性和效率,這可以加速專家用戶的交互。
          這種方法允許系統(tǒng)迎合沒有經(jīng)驗(yàn)和有經(jīng)驗(yàn)的用戶。
          8、美學(xué)和極簡(jiǎn)主義設(shè)計(jì)

          接口不應(yīng)包含不相關(guān)或很少需要的信息。界面中每一個(gè)額外的信息單元都會(huì)與相關(guān)的信息單元競(jìng)爭(zhēng)并降低它們的相對(duì)可見性。
          這種啟發(fā)式并不意味著您必須使用扁平化設(shè)計(jì)——而是要確保您將內(nèi)容和視覺設(shè)計(jì)集中在基本要素上。確保界面的視覺元素支持用戶的主要目標(biāo)。
          9、幫助用戶識(shí)別、診斷錯(cuò)誤并從錯(cuò)誤中恢復(fù)

          錯(cuò)誤消息應(yīng)以通俗易懂的語言表達(dá)(無錯(cuò)誤代碼),準(zhǔn)確指出問題,并建設(shè)性地提出解決方案。
          這些錯(cuò)誤消息還應(yīng)通過視覺處理呈現(xiàn),以幫助用戶注意和識(shí)別它們。
          10、幫助和文檔

          最好是系統(tǒng)不需要任何額外的解釋。但是,可能需要提供文檔以幫助用戶了解如何完成他們的任務(wù)。
          即使系統(tǒng)可以在沒有文檔的情況下使用會(huì)更好,但可能需要提供幫助和文檔。任何此類信息都應(yīng)該易于搜索,專注于用戶的任務(wù),列出要執(zhí)行的具體步驟,并且不要太大。
          網(wǎng)站和應(yīng)用程序可以提供兩種類型的幫助:主動(dòng)和被動(dòng)。在用戶遇到問題之前提供主動(dòng)幫助,以防止出現(xiàn)問題。
          它包括入門教程和上下文提示。相比之下,當(dāng)用戶遇到問題并尋求建議以解決問題時(shí),響應(yīng)式幫助包括文檔、視頻甚至教程等材料。(盡管一些用戶可能會(huì)主動(dòng)消費(fèi)此類材料,但他們很少這樣做。)
          在本文底部的下載下方免費(fèi)下載 Jakob 的 10 個(gè)可用性啟發(fā)式海報(bào)。您可以下載 3 種尺寸的摘要海報(bào):完整海報(bào)尺寸、A4 和信紙。您還可以下載全套 11 張海報(bào)(10 個(gè)可用性啟發(fā)式和摘要海報(bào)。



          學(xué)習(xí)更多技能

          請(qǐng)點(diǎn)擊下方公眾號(hào)


          瀏覽 118
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  无码操屄视频 | 成人性爱在线观看 | 欧美精品中文字幕在线观看 | 亚洲中文字幕免费视频 | 成人性爱视频网 |