<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用

          2024-10-15    資深UI設(shè)計(jì)者

           
           
          引言:
          用戶將大部分時(shí)間花在別人家的網(wǎng)站 (產(chǎn)品) 上,而不是你的。這意味他們希望你的網(wǎng)站 (產(chǎn)品) 跟別人的有相同的操作方法和使用模式。
           
          雅各布定律是由尼爾森十大原則的創(chuàng)立者、尼爾森諾曼集團(tuán)的創(chuàng)始人之一 Jakob Nielsen 提出的。
          用戶期待在新的產(chǎn)品上看到熟悉的設(shè)計(jì)慣例,這源于他日積月累的使用經(jīng)驗(yàn)。他將這描述為一種人性法則,鼓勵產(chǎn)品經(jīng)理遵循常見的設(shè)計(jì)慣例,從而讓用戶更多的關(guān)注產(chǎn)品內(nèi)容、信息和任務(wù)。
          這一定律強(qiáng)調(diào)在用戶體驗(yàn)設(shè)計(jì)中,應(yīng)盡可能依據(jù)用戶既有經(jīng)驗(yàn)進(jìn)行任務(wù)和流程設(shè)計(jì),以降低用戶的學(xué)習(xí)成本。
          用戶在其他千千萬萬個網(wǎng)站 (產(chǎn)品) 上積累經(jīng)驗(yàn),學(xué)會如何使用網(wǎng)站,當(dāng)一個網(wǎng)站跟其他網(wǎng)站一致的時(shí)候用戶會立刻知道該如何操作,但如果違反了雅各布定律,那么用戶會毫不猶豫地離開。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           
           
          分享目錄:
          一、擁抱熟悉性
          二、心智模型
          三、設(shè)計(jì)案例
           
          一、擁抱熟悉性
          1999年雅各布·尼爾森發(fā)布了一篇名為《界面標(biāo)準(zhǔn)會扼殺設(shè)計(jì)創(chuàng)造力嗎(Do Interface Standards Stifle Design Creativity)》的文章。在文中,尼爾森講述了他與甲方一同設(shè)計(jì)某個電商網(wǎng)站的經(jīng)歷。
          在設(shè)計(jì)該電商網(wǎng)站商品導(dǎo)航方案時(shí),方案一是采用絕大多數(shù)用戶長期在其他網(wǎng)站所接觸的導(dǎo)航方式,方案二是根據(jù)甲方對自身產(chǎn)品線的看法構(gòu)建的一套較為新穎的導(dǎo)航方式(具體方案形式,尼爾森在文中沒有描述)。
          尼爾森分別對兩個方案進(jìn)行了可用性測試,結(jié)果是: 當(dāng)用戶使用方案一導(dǎo)航時(shí),導(dǎo)航到目標(biāo)商品的成功率為80%,而方案二的成功率僅為9%。
          雅各布·尼爾森在文中引述這個例子,是為了闡明一則觀點(diǎn):用戶將大部分時(shí)間花在頭部產(chǎn)品上。因?yàn)橛脩艋ㄙM(fèi)大量的時(shí)間在這些產(chǎn)品上,自然會被這些產(chǎn)品培養(yǎng)出一定的用戶習(xí)慣。
          雅各布定律基于該理念
          雅各布定律基于該理念
           
          當(dāng)用戶遇到新界面時(shí),他們會嘗試將其映射到網(wǎng)站和應(yīng)用程序如何工作的現(xiàn)有心理模型上。如果新界面與他們習(xí)慣的界面差異太大,他們可能很難理解和使用。
          雅各布定律可以通過多種方式應(yīng)用于用戶體驗(yàn)設(shè)計(jì):
          1、使用熟悉的設(shè)計(jì)模式和布局:
          通過使用熟悉的設(shè)計(jì)模式和布局,使用戶更輕松地理解和使用新界面。
          2、提供清晰簡潔的說明:
          通過提供清晰簡潔的說明,幫助用戶學(xué)習(xí)如何使用新界面。
          3、使用一致的術(shù)語和標(biāo)簽:
          通過使用一致的術(shù)語和標(biāo)簽,幫助用戶理解新界面的不同元素。
           
          二、心智模型
          雅各布定律揭示了用戶認(rèn)知事物的過程和特點(diǎn)——用戶是“懶”的,會通過已有的經(jīng)驗(yàn)去認(rèn)知新的事物。當(dāng)經(jīng)驗(yàn)無法匹配時(shí),用戶會產(chǎn)生各種不適應(yīng),極端情況下用戶會放棄使用產(chǎn)品。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           
           
          比較典型的就是長期使用Windows的用戶,最開始使用Mac時(shí)會表現(xiàn)出各種不習(xí)慣。最根本的原因就是用戶在Windows系統(tǒng)中建立的使用心智,無法適用于Mac系統(tǒng),為此有人在MacBook中安裝了Windows系統(tǒng)。
          雅各布所稱的“日積月累的使用經(jīng)驗(yàn)”對用戶使用新產(chǎn)品很有幫助,用戶可以借此了解如何使用新產(chǎn)品,可以進(jìn)行什么操作,這是用戶體驗(yàn)設(shè)計(jì)中最重要的一個因素,它與人的心智模型有關(guān)系。
          Don Norman將心智模型定義為:“存在于用戶頭腦中的關(guān)于一個產(chǎn)品應(yīng)該具有的概念和行為的知識,這種知識可能來源于用戶以前使用類似產(chǎn)品的經(jīng)驗(yàn),或者是用戶根據(jù)使用該產(chǎn)品要達(dá)到的目標(biāo)而對產(chǎn)品的概念和行為的一種期望。”
          心智模型
          心智模型
           
          把用戶體驗(yàn)和心智模型相結(jié)合,用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。
          為了實(shí)現(xiàn)這一目標(biāo),可以通過采用用戶訪談、用戶畫像、用戶體驗(yàn)流程、用戶同理心地圖等技術(shù)去深入了解用戶的目標(biāo),洞悉用戶已成形的心智模型,以及如何把體驗(yàn)要素應(yīng)用在產(chǎn)品設(shè)計(jì)中。
          當(dāng)設(shè)計(jì)方案與用戶心智模型一致,用戶可以輕松地將已有經(jīng)驗(yàn)從一個產(chǎn)品轉(zhuǎn)移到另一個產(chǎn)品上,無需額外的理解和學(xué)習(xí)成本。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           
           
          對于待開發(fā)的產(chǎn)品,目標(biāo)用戶已經(jīng)花了大量的時(shí)間使用同類產(chǎn)品,并且使用的相當(dāng)嫻熟,他們自然也希望你的新產(chǎn)品在操作體驗(yàn)上也能和他所熟悉的產(chǎn)品相似。
          目標(biāo)用戶會將自己對已熟悉產(chǎn)品的期望遷移到另一個相似的產(chǎn)品上,利用現(xiàn)有的用戶體驗(yàn)要素可以創(chuàng)造更好的用戶體驗(yàn),讓用戶專注于內(nèi)容、信息和任務(wù)上,而無須學(xué)習(xí)新的模型。在產(chǎn)品迭代時(shí),允許用戶在一段時(shí)間內(nèi)繼續(xù)使用舊版本,這樣可以最大限度的減少體驗(yàn)失衡引發(fā)的沖突。
          這背后源于“熟悉感”,它可以讓用戶閉著眼睛也知道如何使用產(chǎn)品,如短視頻領(lǐng)域的導(dǎo)航欄、頁面布局、視覺引導(dǎo)……通過累積效應(yīng)節(jié)省下來的腦力可以減少用戶的認(rèn)知負(fù)荷。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           
           
          三、設(shè)計(jì)案例
          雅各布定律告訴我們在進(jìn)行設(shè)計(jì)時(shí),要延續(xù)用戶已經(jīng)習(xí)慣的認(rèn)知,其次從產(chǎn)品自身業(yè)務(wù)出發(fā)進(jìn)行細(xì)化,像一些同類型的產(chǎn)品,他們無論從功能還是設(shè)計(jì)上都大同小異,因?yàn)閷τ谟脩魜碇v,用戶對這個行業(yè)的產(chǎn)品已經(jīng)具備一定的認(rèn)知,例如做電商的產(chǎn)品去用戶做金融產(chǎn)品的思路來進(jìn)行設(shè)計(jì)產(chǎn)品,那對于用戶無疑就是增加認(rèn)知成本。
          該定律并不是說所有頁面統(tǒng)統(tǒng)要設(shè)計(jì)得一模一樣,而是具有相同功能的頁面,盡量保持一致。這在 UI 設(shè)計(jì)的領(lǐng)域并不鮮見,尤其是一些功能性特別強(qiáng)的頁面,各家設(shè)計(jì)得幾乎大同小異。
           
          1、一致的排版
          購物app首屏
          購物app首屏
           
          以上案例可以看到,多家購物app從功能和板式上首屏都高度相似,搜索區(qū)域,金剛區(qū)核心功能icon,緊接著是各個內(nèi)容推薦專區(qū)入口,然后就是一些智能推薦產(chǎn)品。
          我們在重要的體驗(yàn)上使用通用的、約定俗定的設(shè)計(jì)模式,如頁面布局、工作流、放置導(dǎo)航欄、搜索框等,這樣一來,用戶便能立刻上手使用。
          產(chǎn)品詳情頁
          產(chǎn)品詳情頁
           
          在國內(nèi),不論是淘寶、京東、拼多多,不論是合家歡風(fēng)格還是性冷淡風(fēng)格,甚至不論是不是購物APP,只要涉及到商品的詳情頁面,版式都高度相似,上方是圖片,中間描述,底部懸浮的操作區(qū)域,這也是用戶最熟悉、最容易接受的排版。
          谷歌一直以來都允許用戶自行選擇是否使用其產(chǎn)品的新設(shè)計(jì)版本,用戶可以先嘗試適應(yīng)全新框架,而非一下子切換過去,慢慢熟悉并提交使用反饋,極大的緩解了心智模型失衡問題。
          如果在產(chǎn)品設(shè)計(jì)時(shí)沒有循序漸進(jìn)的改版,而是直接改頭換面,會極大的改變用戶熟悉的布局,這一舉動能隨時(shí)引發(fā)用戶的不滿,在評論區(qū)吐槽、在評分上減分,更糟糕的是轉(zhuǎn)向競爭對手。
           
          2、一致的示能
          示能是《設(shè)計(jì)心理學(xué)》中引入的一個“直接知覺論”的概念,它表達(dá)了一個物體或者操作對象與人的可交互關(guān)系。例如,一個大大的按鈕和一個鏈接,很明顯大大的按鈕代表了流程中的主流程。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           
           
          有色彩的按鈕提示著我們它【可被點(diǎn)擊】,這是一種示能,即:示意它能夠 xxx;同理,灰色的按鈕提示我們它【不可點(diǎn)擊】,這是一種反示能,即:示意它不能 xxx。
          我們所設(shè)計(jì)的一切的元素、控件、組件,都需要符合所有互聯(lián)網(wǎng)產(chǎn)品中類似元素的示能或者反示能。
          因?yàn)樗鼈兇砹擞脩裟J(rèn)的意識,我們順應(yīng)這種意識進(jìn)行設(shè)計(jì),就可以減少用戶操作的阻力。
          組件頁面統(tǒng)一
          組件頁面統(tǒng)一
           
          例如在UI設(shè)計(jì)中我們強(qiáng)調(diào)一致性,從大的頁面、組件到小的一個按鈕元素,我們都要做的樣式和交互的統(tǒng)一,這里除了說要保持一致性才去規(guī)范頁面組件,還有一個就是因?yàn)槲覀円裱鸥鞑级桑嗨频膬?nèi)容、相似的操作方式能夠讓用戶體驗(yàn)?zāi)愕漠a(chǎn)品時(shí)更快的適應(yīng)設(shè)計(jì)模式。
           
          3、一致的符號映射
          一致的符號映射就是相同或者類似的符號/圖標(biāo)會給用戶提供相同的功能暗示。
          例如向左的箭頭(不論是哪種箭頭,只要它向左)映射的交互含義就是返回上一頁;三個圓點(diǎn)代表更多等等。
          對于常見的已經(jīng)被大范圍應(yīng)用的符號映射,就不要再標(biāo)新立異的創(chuàng)造一些奇奇怪怪的新符號來映射對應(yīng)的操作,也不要用明顯表達(dá)「另一個操作」的符號來表達(dá)「這個操作」,用戶需要的是低學(xué)習(xí)成本。
          常見的符號映射
          常見的符號映射
           
          4、一致的概念模型
          概念模型會對用戶提供暗示。
          以購物APP為例,合理的概念模型會暗示用戶在APP內(nèi)購買一件商品, 需要經(jīng)過【挑選-加入購物車-結(jié)算-付款-成功】這樣一條完整的任務(wù)流。
          我們所見到的購物APP幾乎都使用了類似的概念模型,因?yàn)檫@種概念模型符合用戶在現(xiàn)實(shí)中購物時(shí)積累出的心智模型。把用戶體驗(yàn)和心智模型相結(jié)合,用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。
          所以當(dāng)我們?nèi)ピO(shè)計(jì)一個購物APP的界面時(shí),應(yīng)當(dāng)首先考慮將概念模型設(shè)計(jì)的和其他所有購物平臺一致。
          如果違反了雅各布用戶體驗(yàn)定律,可能會讓用戶一頭霧水,甚至?xí)型痉艞壢蝿?wù)、退出使用。
           
          用戶在研究界面上花費(fèi)的精力越少,就越能集中注意力實(shí)現(xiàn)自己的任務(wù)。這個實(shí)現(xiàn)過程變得越簡單,用戶就越有可能集中精力實(shí)現(xiàn)目標(biāo),而非界面上。
          在我們設(shè)計(jì)產(chǎn)品時(shí),要先繼承最廣泛的概念模型,然后再從產(chǎn)品自身的角度出發(fā),對其進(jìn)行完善和修改,而不是完全根據(jù)我們天馬行空的臆斷去制定流程。
           
          總結(jié)
          雅各布定律對產(chǎn)品經(jīng)理、用戶體驗(yàn)設(shè)計(jì)師、用戶研究人員來說,是一個非常重要的定律,不要違反雅各布定律。這條定律不像之前的希克定律或者菲茨定律有具體的使用場景和明顯的適用邊界,雅各布定律幾乎沒有邊界,用 Nielsen 本人的話來說,它描述了“How things are”,更像是“Law of nature”。如果違反雅各布定律,用戶使用該產(chǎn)品十有八九會遇到困難,所以,除非萬不得已:你的頁面應(yīng)該與其余相同功能的頁面具有一致的使用模式;沒有足夠的理由,就不要輕易嘗試標(biāo)新立異。
          當(dāng)然,雅各布定律并不是提倡所有的產(chǎn)品和體驗(yàn)都去遵循相同的模式,它只是一項(xiàng)指導(dǎo)原則,用于提醒產(chǎn)品經(jīng)理如何利用已經(jīng)經(jīng)驗(yàn)幫助用戶理解新的產(chǎn)品和體驗(yàn),幫助用戶快速上手,以提高工作效率。
          在應(yīng)用雅各布定律指導(dǎo)產(chǎn)品設(shè)計(jì)時(shí),從約定俗成的體驗(yàn)要素和慣例開始,只要有必要時(shí)再創(chuàng)新。
          當(dāng)你有充分的理由和數(shù)據(jù)證明創(chuàng)新能夠改善用戶的核心體驗(yàn)時(shí),就把它作為一個信號,經(jīng)過調(diào)研,按照用戶畫像要求的那樣,與用戶一起進(jìn)行體驗(yàn)測試,以確保目標(biāo)受眾接受你的創(chuàng)新。
          雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
           

          作者:拒不背鍋女士

          鏈接:https://www.zcool.com.cn/work/ZNzA0MzU4MTY=.html
          來源:站酷
          著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

           

          藍(lán)藍(lán)設(shè)計(jì)(www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

          WechatIMG27.jpg

          關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

           

          日歷

          鏈接

          個人資料

          存檔

          丁香五月网久久综合| 亚洲色欲久久久久综合网| 久久这里只有精品久久| 久久精品国产只有精品66| 天天做夜夜做久久做狠狠| 99久久精品免费看国产一区二区三区 | 一本久久免费视频| 亚洲精品乱码久久久久久| 国产精品久久波多野结衣| 亚洲国产精品成人久久蜜臀| 18岁日韩内射颜射午夜久久成人| 亚洲综合精品香蕉久久网97| 国内精品伊人久久久影院| 欧美精品一区二区精品久久 | 伊人精品久久久久7777| 97久久超碰国产精品2021| 日本久久久久久久久久| 久久一日本道色综合久久| 日本加勒比久久精品| 久久青青草原精品影院| 久久精品国产乱子伦| 久久人人爽人爽人人爽av| 狠狠色丁香久久综合婷婷| 久久久久久亚洲Av无码精品专口| 一本色综合久久| 久久久久亚洲AV无码去区首| 国内精品久久久久| 精品无码久久久久久尤物| 99精品久久久久久久婷婷| 久久久久久国产精品免费免费| 久久精品免费观看| avtt天堂网久久精品| 久久久国产精品亚洲一区| yy6080久久| 无码任你躁久久久久久老妇App| 欧美日韩精品久久久久| 日日狠狠久久偷偷色综合96蜜桃 | 97精品伊人久久大香线蕉| 欧美日韩中文字幕久久久不卡| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 青草影院天堂男人久久|