首頁

172024-4

標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知

數(shù)字時(shí)代中，標(biāo)簽在購物網(wǎng)站、社交媒體、搜索引擎等各個(gè)領(lǐng)域都發(fā)揮著重要作用。盡管標(biāo)簽的面積較小，它們卻能夠?yàn)橛脩籼峁╆P(guān)鍵信息，幫助用戶快速做出決策。因此，設(shè)計(jì)一個(gè)合理、規(guī)范的標(biāo)簽體系成為了許多平臺需要面對的挑戰(zhàn)。作為百度旗下的B2B平臺，愛采購?fù)ㄟ^不斷優(yōu)化標(biāo)簽體系以提升用戶體驗(yàn)。下面將以此為例，簡述B2B平臺標(biāo)簽體系的設(shè)計(jì)優(yōu)化思路。

評論(0) 瀏覽(397)

172024-4

《六步，探索優(yōu)秀設(shè)計(jì)作品》

前端達(dá)人

最近一直在整理eagle收藏夾里的設(shè)計(jì)作品，發(fā)現(xiàn)那些真正讓人眼前一亮的設(shè)計(jì)，其實(shí)都有很多相似的地方。于是花了2個(gè)月的課余時(shí)間分析這些作品，并且做了筆記。

我是從以下6個(gè)方面（背景、寓意、表現(xiàn)手法、顏色、版式和文字）作為切入點(diǎn)進(jìn)行剖析，希望能跟大家一起學(xué)習(xí)，一起進(jìn)步。

以下，就是我按照這6個(gè)要素進(jìn)行分析的優(yōu)秀作品的筆記內(nèi)容：

藍(lán)藍(lán)設(shè)計(jì)(www.miumiuwan.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。

關(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ì)公司

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

評論(0) 瀏覽(387)

162024-4

B端干貨｜消息中心如何設(shè)計(jì)？

ui設(shè)計(jì)分享達(dá)人

消息通知是系統(tǒng)的一個(gè)必備功能，無論是在門戶后臺還是App，都需要用到消息通知，以此提醒用戶關(guān)注一些信息。

評論(0) 瀏覽(719)

162024-4

設(shè)計(jì)方法論 I 超全面的尼爾森十大可用性原則解析

前端達(dá)人

前言

在數(shù)字化浪潮中，用戶體驗(yàn)已經(jīng)成為了產(chǎn)品成功與否的關(guān)鍵所在。作為用戶體驗(yàn)領(lǐng)域的奠基人之一，Jakob Nielsen提出的尼爾森十大原則，無疑為我們提供了一套寶貴的指南。這十大原則，不僅涵蓋了用戶界面的基本設(shè)計(jì)要素，更是深入到用戶心理和行為模式的洞察，為我們構(gòu)建優(yōu)秀的產(chǎn)品體驗(yàn)提供了堅(jiān)實(shí)的理論基礎(chǔ)。

尼爾森十大原則，既是對過去幾十年用戶體驗(yàn)設(shè)計(jì)經(jīng)驗(yàn)的總結(jié)，也是對未來產(chǎn)品設(shè)計(jì)趨勢的預(yù)見。它們

不僅僅是設(shè)計(jì)原則，更是一種設(shè)計(jì)哲學(xué)，一種以用戶為中心，追求極致體驗(yàn)的設(shè)計(jì)理念。

用于評估和改進(jìn)用戶界面的使用性。

在這個(gè)分享中，我們將深入探討尼爾森十大原則的內(nèi)涵和應(yīng)用。我們將會看到，這些原則是

如何從用戶的角度出發(fā)，關(guān)注用戶的認(rèn)知、行為、情感等多個(gè)層面，幫助我們創(chuàng)造出更加易用、有效、吸引人的產(chǎn)品

。

無論你是設(shè)計(jì)師、產(chǎn)品經(jīng)理，還是其他與產(chǎn)品體驗(yàn)相關(guān)的從業(yè)者，相信這個(gè)分享都能為你帶來啟發(fā)和收獲。讓我們一起，以尼爾森十大原則為指引，探索數(shù)字時(shí)代的用戶體驗(yàn)之道，為用戶創(chuàng)造出更加美好的產(chǎn)品體驗(yàn)。

尼爾森十大原則的重要性及影響主要體現(xiàn)在以下幾個(gè)方面：

一、重要性

指導(dǎo)設(shè)計(jì)實(shí)踐

：尼爾森十大原則為設(shè)計(jì)師提供了明確、實(shí)用的指導(dǎo)，有助于設(shè)計(jì)師在產(chǎn)品開發(fā)過程中避免常見的錯(cuò)誤，確保設(shè)計(jì)符合用戶期望和需求。

提升用戶體驗(yàn)

：遵循這些原則有助于提升產(chǎn)品的易用性、可理解性和可訪問性，從而增強(qiáng)用戶體驗(yàn)，降低用戶在使用過程中可能遇到的困擾。

增強(qiáng)產(chǎn)品競爭力

：優(yōu)秀的用戶體驗(yàn)是產(chǎn)品成功的關(guān)鍵因素之一。通過應(yīng)用尼爾森十大原則，產(chǎn)品能夠在激烈的市場競爭中脫穎而出，吸引更多用戶并保持用戶的忠誠度。

節(jié)約開發(fā)成本：

在設(shè)計(jì)階段充分考慮用戶體驗(yàn)，有助于減少后期修改和優(yōu)化的成本，提高開發(fā)效率。

二、影響

推動設(shè)計(jì)思維變革

：尼爾森十大原則強(qiáng)調(diào)了以用戶為中心的設(shè)計(jì)思維，促使設(shè)計(jì)師從用戶的角度出發(fā)，關(guān)注用戶的需求和體驗(yàn)。這一思維方式的變革對設(shè)計(jì)領(lǐng)域產(chǎn)生了深遠(yuǎn)影響。

引領(lǐng)行業(yè)發(fā)展趨勢

：隨著用戶體驗(yàn)逐漸成為產(chǎn)品競爭的核心要素，尼爾森十大原則得到了廣泛認(rèn)可和應(yīng)用。它不僅影響了設(shè)計(jì)領(lǐng)域，還對其他相關(guān)領(lǐng)域如產(chǎn)品開發(fā)、市場營銷等產(chǎn)生了積極影響。

提升行業(yè)整體水平

：通過普及尼爾森十大原則，整個(gè)設(shè)計(jì)行業(yè)的水平得到了提升。設(shè)計(jì)師們更加注重用戶體驗(yàn)，不斷探索和創(chuàng)新，推動了設(shè)計(jì)領(lǐng)域的發(fā)展和進(jìn)步

培養(yǎng)用戶習(xí)慣與期望

：尼爾森十大原則的應(yīng)用也塑造了用戶對產(chǎn)品的期望和習(xí)慣。用戶逐漸習(xí)慣于使用那些符合這些原則的產(chǎn)品，并對不符合這些原則的產(chǎn)品產(chǎn)生不滿。這進(jìn)一步強(qiáng)調(diào)了遵循尼爾森十大原則的重要性。

尼爾森十大原則，也被稱為尼爾森可用性十大原則，是提升用戶體驗(yàn)和產(chǎn)品可用性的關(guān)鍵指導(dǎo)方針。這些原則旨在確保用戶在使用產(chǎn)品或服務(wù)時(shí)能夠輕松、高效地完成目標(biāo)，同時(shí)提供愉悅的體驗(yàn)；尼爾森十大原則具體可分為：

可見性原則、貼近場景原則、用戶控制原則、一致性原則、防錯(cuò)原則、易取原則、靈活高效原則、美觀簡約原則、容錯(cuò)原則、人性化幫助原則

，下面將進(jìn)一步詳細(xì)闡述。

可見性原則是設(shè)計(jì)中的一個(gè)重要概念，主要指的是產(chǎn)品或系統(tǒng)的界面和功能必須能夠清晰地呈現(xiàn)出來，讓用戶能夠明確地看到它們。這要求設(shè)計(jì)師在設(shè)計(jì)過程中注重界面的直觀性和明確性，使用戶能夠直觀地了解產(chǎn)品應(yīng)該如何使用，哪些操作是可用的，以及這些操作的效果是什么。

可見性原則包含以下幾個(gè)方面：

保持界面的狀態(tài)、變化和內(nèi)容的可見性

，讓用戶知道發(fā)生了什么，并在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答?。例如，?dāng)系統(tǒng)響應(yīng)時(shí)間小于1秒時(shí)，通常進(jìn)行正常反饋；當(dāng)響應(yīng)時(shí)間超過1秒時(shí)，可能通過加載動畫、占位符、分步加載等方式減緩用戶的等待焦慮。

對用戶操作給予適當(dāng)?shù)姆答?/div>

，這是用戶界面設(shè)計(jì)的最基本準(zhǔn)則。反饋可以幫助用戶了解當(dāng)前的狀態(tài)、位置、進(jìn)度以及操作是否成功，減少不確定性，并引導(dǎo)他們在正確的方向上交互。

總的來說，可見性原則旨在提高產(chǎn)品的易用性和用戶體驗(yàn)，確保用戶能夠輕松理解和使用產(chǎn)品。遵循這一原則，設(shè)計(jì)師可以創(chuàng)建出更加直觀、易于理解和操作的產(chǎn)品界面，從而提升用戶的滿意度和忠誠度。

可見性原則要點(diǎn)

保證重要信息的可見性：

用戶希望在打開應(yīng)用程序時(shí)，立即看到他們需要的信息，比如在一個(gè)電商網(wǎng)站的首頁，搜索框被放置在頁面的顯眼位置，并且使用了與背景色對比明顯的顏色，這樣用戶一眼就能看到并理解其功能。此外，購物車圖標(biāo)通常設(shè)計(jì)得足夠大且醒目，用戶可以輕松識別并查看已選商品;

提供有效反饋：

在產(chǎn)品或系統(tǒng)界面設(shè)計(jì)中，需要及時(shí)的向用戶提供及時(shí)的反饋，在一個(gè)音樂播放器的設(shè)計(jì)中，當(dāng)歌曲開始播放時(shí)，播放按鈕會變?yōu)闀和D標(biāo)，并且進(jìn)度條會實(shí)時(shí)顯示歌曲的播放進(jìn)度。此外，如果歌曲加載緩慢，播放器會顯示一個(gè)加載中的動畫，告知用戶正在等待歌曲加載完成。

顯示正確內(nèi)容：

保證系統(tǒng)中所有的元素、選項(xiàng)和操作都清晰準(zhǔn)確的顯示在界面上，用戶可以根據(jù)需要使用這些元素、選項(xiàng)、操作；

使用符號和標(biāo)記解釋：

使用簡單明了的符號和標(biāo)記來幫助用戶識別和理解功能，以幫助他們快速掌握系統(tǒng)；

內(nèi)容分組：

將信息按照一定方式進(jìn)行分組，以便用戶更好的理解信息，更容易找到所需要的信息；

“貼近場景原則”強(qiáng)調(diào)在設(shè)計(jì)產(chǎn)品或系統(tǒng)時(shí)，應(yīng)充分考慮用戶的使用場景和習(xí)慣，采用用戶熟悉的語言、用詞和概念，使功能操作與用戶的使用場景相符合。這一原則的核心在于，設(shè)計(jì)應(yīng)盡可能貼近用戶的實(shí)際生活和工作場景，降低用戶的學(xué)習(xí)成本，提高用戶體驗(yàn)。

貼近場景原則體現(xiàn)在以下幾個(gè)方面：

使用用戶的語言

：設(shè)計(jì)語言，包括圖形、配色、風(fēng)格等，應(yīng)使用目標(biāo)用戶能清晰理解的語言，避免使用系統(tǒng)術(shù)語或?qū)I(yè)術(shù)語，以確保用戶能夠輕松理解和使用產(chǎn)品或系統(tǒng)。

模擬現(xiàn)實(shí)世界的對象

：通過模仿現(xiàn)實(shí)世界的產(chǎn)品或使用映射，設(shè)計(jì)能夠利用人們現(xiàn)有的知識，使用戶能夠輕松快速地理解界面。這種熟悉感有助于提升用戶體驗(yàn)，并降低用戶的學(xué)習(xí)成本。

避免產(chǎn)生歧義

：圖標(biāo)、文字等設(shè)計(jì)元素應(yīng)清晰易懂，避免產(chǎn)生歧義。設(shè)計(jì)應(yīng)確保用戶能夠準(zhǔn)確理解產(chǎn)品或系統(tǒng)的意圖和功能，從而避免誤操作或誤解。

舉個(gè)例子，當(dāng)設(shè)計(jì)一款支付應(yīng)用時(shí)，應(yīng)充分考慮用戶在支付過程中的實(shí)際需求和使用場景。比如，用戶可能需要快速查看賬戶余額、交易記錄等信息，因此在設(shè)計(jì)時(shí)應(yīng)將這些功能置于顯眼的位置，方便用戶隨時(shí)查看。同時(shí)，支付流程應(yīng)簡潔明了，避免過多的操作步驟和復(fù)雜的流程，以提高用戶的支付效率。

總之，貼近場景原則強(qiáng)調(diào)在設(shè)計(jì)產(chǎn)品或系統(tǒng)時(shí)，應(yīng)充分考慮用戶的使用場景和習(xí)慣，以用戶為中心，提供符合用戶期望和需求的優(yōu)質(zhì)體驗(yàn)。

可控性原則（User Control and Freedom）強(qiáng)調(diào)的是，在使用產(chǎn)品或服務(wù)的過程中，用戶應(yīng)能夠?qū)ψ约旱牟僮鞅３忠欢ǖ目刂屏妥杂啥取＿@意味著，當(dāng)用戶進(jìn)行某項(xiàng)操作時(shí)，系統(tǒng)或產(chǎn)品應(yīng)提供必要的機(jī)制來確保用戶可以撤銷錯(cuò)誤操作或進(jìn)行重做，從而避免因誤操作導(dǎo)致的損失或不便。

可控性原則體現(xiàn)在以下幾個(gè)方面：

撤銷和重做功能

：系統(tǒng)或產(chǎn)品應(yīng)為用戶提供撤銷和重做功能，以便在發(fā)生誤操作時(shí)，用戶可以輕松地恢復(fù)到之前的狀態(tài)或重新執(zhí)行某項(xiàng)操作。

二次確認(rèn)提示

：對于可能產(chǎn)生嚴(yán)重后果的操作，系統(tǒng)或產(chǎn)品應(yīng)提供二次確認(rèn)提示，以確保用戶在執(zhí)行這些操作前能夠再次確認(rèn)自己的意圖。

避免鎖定狀態(tài)

：系統(tǒng)或產(chǎn)品應(yīng)避免將用戶置于無法自由操作的鎖定狀態(tài)，確保用戶在任何時(shí)候都可以自由地進(jìn)行選擇和操作。

舉個(gè)例子，假設(shè)一個(gè)用戶在使用一款編輯軟件時(shí)，不小心刪除了一個(gè)重要文件。如果這款軟件遵循了可控性原則，那么它應(yīng)該提供撤銷功能，讓用戶能夠輕松地恢復(fù)被刪除的文件。同樣，如果用戶在編輯文本時(shí)不小心進(jìn)行了錯(cuò)誤的修改，軟件也應(yīng)提供重做功能，讓用戶能夠重新執(zhí)行之前的操作。

遵循可控性原則的產(chǎn)品設(shè)計(jì)，有助于減少用戶在使用過程中的焦慮感，提升用戶體驗(yàn)。同時(shí)，它也能夠增加用戶對產(chǎn)品的信任度和滿意度，從而提高產(chǎn)品的市場競爭力。

一致性原則（Consistency and Standards）強(qiáng)調(diào)在產(chǎn)品或服務(wù)的設(shè)計(jì)中，應(yīng)保持一種連貫和統(tǒng)一的風(fēng)格、布局和交互方式，以便用戶能夠輕松理解和使用。這一原則的核心在于減少用戶的認(rèn)知負(fù)擔(dān)，通過提供一致性的體驗(yàn)來提高用戶的滿意度和效率。

一致性原則體現(xiàn)在以下幾個(gè)方面：

視覺設(shè)計(jì)的一致性

：產(chǎn)品的色彩、字體、圖標(biāo)、布局等視覺元素應(yīng)保持統(tǒng)一，以便用戶能夠迅速識別并理解產(chǎn)品的界面和功能。

交互方式的一致性

：產(chǎn)品中的按鈕、鏈接、表單等交互元素應(yīng)具有相同的外觀和行為，以便用戶能夠預(yù)測和理解點(diǎn)擊或操作后的結(jié)果。

信息架構(gòu)的一致性

：產(chǎn)品的信息架構(gòu)應(yīng)保持一致，包括菜單、導(dǎo)航、分類等，以便用戶能夠輕松地找到所需的信息或功能。

品牌一致性

：產(chǎn)品的設(shè)計(jì)應(yīng)與品牌形象保持一致，包括視覺風(fēng)格、語言風(fēng)格等，以強(qiáng)化品牌認(rèn)知和用戶忠誠度。

遵循一致性原則的產(chǎn)品設(shè)計(jì)，能夠使用戶在使用過程中形成一致的認(rèn)知和行為習(xí)慣，降低學(xué)習(xí)成本，提高使用效率。同時(shí)，一致性的設(shè)計(jì)也有助于提升產(chǎn)品的整體美觀度和用戶體驗(yàn)，增強(qiáng)用戶對產(chǎn)品的信任和滿意度。

以電商網(wǎng)站為例，一致性原則體現(xiàn)在網(wǎng)站的各個(gè)頁面都使用相同的色彩方案、字體和圖標(biāo)，以及相似的布局和導(dǎo)航結(jié)構(gòu)。這樣，無論用戶瀏覽的是首頁、商品詳情頁還是購物車頁面，都能迅速識別并理解頁面的功能和操作方式，從而更加便捷地完成購物流程。

防錯(cuò)原則（Error Prevention）強(qiáng)調(diào)在產(chǎn)品或服務(wù)的設(shè)計(jì)過程中，應(yīng)盡可能減少用戶犯錯(cuò)的可能性，并在用戶可能犯錯(cuò)的情況下提供明確的警告和提示，以便用戶能夠快速糾正錯(cuò)誤。這一原則的核心在于通過設(shè)計(jì)來預(yù)防錯(cuò)誤，提高用戶體驗(yàn)和滿意度。

防錯(cuò)原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

防止用戶進(jìn)行錯(cuò)誤操作

：產(chǎn)品或服務(wù)的設(shè)計(jì)應(yīng)避免用戶執(zhí)行錯(cuò)誤的操作。例如，通過合理的布局、明確的標(biāo)識和直觀的交互方式，使用戶能夠輕松地找到所需的功能并進(jìn)行正確的操作。

提供明確的警告和提示

：當(dāng)用戶可能犯錯(cuò)時(shí)，系統(tǒng)應(yīng)提供及時(shí)的警告和提示。這有助于用戶意識到自己的錯(cuò)誤并采取相應(yīng)的措施進(jìn)行糾正。例如，在用戶輸入錯(cuò)誤的數(shù)據(jù)或嘗試執(zhí)行危險(xiǎn)操作時(shí)，系統(tǒng)可以顯示錯(cuò)誤提示或警告信息。

設(shè)計(jì)容錯(cuò)機(jī)制

：產(chǎn)品或服務(wù)應(yīng)具備一定的容錯(cuò)能力，即使用戶犯錯(cuò)，也能夠通過系統(tǒng)自身的機(jī)制來糾正或減輕錯(cuò)誤的影響。在微信和微博里編輯內(nèi)容時(shí)，如果不小心誤操作按了返回，這時(shí)軟件內(nèi)會彈出對話框，微信會提示你「是否退出此次編輯？」

遵循防錯(cuò)原則的產(chǎn)品設(shè)計(jì)能夠降低用戶犯錯(cuò)的概率，減少用戶在使用過程中的困擾和挫敗感，提高用戶的使用效率和滿意度。同時(shí)，通過減少錯(cuò)誤的發(fā)生，也能降低產(chǎn)品或服務(wù)的維護(hù)成本，提升整體的用戶體驗(yàn)。

在實(shí)際應(yīng)用中，防錯(cuò)原則與一致性原則、反饋原則等其他尼爾森原則相輔相成，共同構(gòu)成了優(yōu)秀產(chǎn)品設(shè)計(jì)的基石。通過綜合運(yùn)用這些原則，可以打造出更加用戶友好、高效且可靠的產(chǎn)品或服務(wù)。

易取原則（Recognition rather than Recall），強(qiáng)調(diào)在用戶界面中，應(yīng)通過設(shè)計(jì)使得信息和操作易于用戶識別和使用，而非依賴用戶的記憶。該原則的根本目標(biāo)是提升用戶在界面上的操作效率，減少用戶的記憶負(fù)荷。

易取原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

易掃描的視覺層次結(jié)構(gòu)

：設(shè)計(jì)時(shí)應(yīng)確保清晰的視覺層次結(jié)構(gòu)，突出重點(diǎn)和關(guān)鍵信息，同時(shí)弱化和剔除無關(guān)信息，以減輕用戶的閱讀成本。這樣的設(shè)計(jì)使得用戶能夠迅速掃描并識別所需的信息，而無需仔細(xì)閱讀每一個(gè)細(xì)節(jié)。

用戶選擇優(yōu)于填寫

：在設(shè)計(jì)表單、選項(xiàng)等交互元素時(shí)，應(yīng)優(yōu)先考慮讓用戶進(jìn)行選擇，而不是填寫。通過提供預(yù)設(shè)的選項(xiàng)或建議，可以降低用戶的記憶成本，更好地輔助用戶做決策。

記住用戶的操作習(xí)慣

：產(chǎn)品應(yīng)能夠記住用戶的操作習(xí)慣，并根據(jù)這些習(xí)慣來優(yōu)化界面和功能。例如，通過記住用戶經(jīng)常使用的功能或設(shè)置，將其置于更顯眼的位置或提供快捷方式，以滿足用戶的需求并減少其操作成本。

使用熟悉且自然的元素

：在設(shè)計(jì)過程中，應(yīng)使用用戶熟悉且自然的圖標(biāo)、語言等元素來傳達(dá)信息和指導(dǎo)操作。這有助于用戶快速理解并識別界面中的元素和功能，減少學(xué)習(xí)成本。

遵循易取原則的設(shè)計(jì)能夠使用戶在使用過程中更加便捷和高效。通過降低用戶的記憶負(fù)荷和操作成本，可以提高用戶的滿意度和忠誠度。同時(shí)，易取原則也有助于減少用戶犯錯(cuò)的可能性，提升整體的用戶體驗(yàn)。

綜上所述，易取原則是尼爾森十大原則中至關(guān)重要的一環(huán)，它強(qiáng)調(diào)通過設(shè)計(jì)來優(yōu)化用戶的識別和使用過程，從而提升產(chǎn)品的可用性和用戶體驗(yàn)。

靈活高效原則強(qiáng)調(diào)產(chǎn)品或服務(wù)的設(shè)計(jì)需要同時(shí)兼顧新手用戶和資深用戶的需求。對于新手用戶，設(shè)計(jì)應(yīng)盡可能直觀明了，提供清晰的指導(dǎo)和反饋，幫助他們快速上手；而對于資深用戶，設(shè)計(jì)應(yīng)提供足夠的靈活性和高效性，以滿足他們熟練操作和高頻使用的需求。

具體來說，靈活高效原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

提供快捷鍵和自定義設(shè)置

：為了滿足資深用戶快速操作的需求，可以為常用功能設(shè)置快捷鍵，并允許用戶根據(jù)自己的使用習(xí)慣進(jìn)行自定義設(shè)置。

提供撤銷和重做功能

：這一功能不僅有助于防止用戶犯錯(cuò)，還能為資深用戶提供更大的操作靈活性，讓他們能夠輕松調(diào)整之前的操作。

優(yōu)化搜索和推薦功能

：根據(jù)用戶的歷史使用數(shù)據(jù)，提供智能搜索和推薦功能，幫助用戶快速找到所需信息或功能，提高使用效率。

此外，靈活高效原則還強(qiáng)調(diào)在設(shè)計(jì)過程中，應(yīng)充分考慮不同設(shè)備和場景下的使用需求，確保產(chǎn)品在不同環(huán)境下都能提供一致且高效的體驗(yàn)。

遵循靈活高效原則的產(chǎn)品設(shè)計(jì)，能夠兼顧不同用戶的需求和習(xí)慣，提供既直觀易用又高效靈活的使用體驗(yàn)。這有助于提升用戶滿意度和忠誠度，同時(shí)也有助于產(chǎn)品的長期發(fā)展和競爭力提升。

在實(shí)際應(yīng)用中，靈活高效原則與其他尼爾森原則相互補(bǔ)充，共同構(gòu)成了優(yōu)秀產(chǎn)品設(shè)計(jì)的基礎(chǔ)。通過綜合運(yùn)用這些原則，設(shè)計(jì)師可以打造出更加符合用戶需求、易用且高效的產(chǎn)品或服務(wù)。

美觀簡約原則，強(qiáng)調(diào)的是設(shè)計(jì)應(yīng)注重內(nèi)容的清晰性和易用性，避免包含不相關(guān)或低頻次的信息和操作。該原則的核心在于通過簡化設(shè)計(jì)和內(nèi)容，使用戶能夠更快速、更直接地捕捉到所需信息，提升整體的用戶體驗(yàn)。

具體來說，美觀簡約原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

首先，它要求合理的架構(gòu)層級和清晰的板塊劃分

。從信息架構(gòu)的角度來看，產(chǎn)品架構(gòu)設(shè)計(jì)應(yīng)避免橫向過于寬泛或縱向過于深入，以保持信息的清晰度和邏輯性。同時(shí)，頁面結(jié)構(gòu)也應(yīng)清晰劃分，主次分明，使用戶能夠迅速定位所需信息。

其次，美觀簡約原則強(qiáng)調(diào)內(nèi)容表述的簡單易懂。

特別是在資訊類產(chǎn)品中，應(yīng)避免使用冗長且復(fù)雜的文字，以免干擾用戶理解核心思想。通過減少不必要的視覺干擾因素，可以更有效地傳遞主要信息。

此外，美觀簡約原則還注重色彩、字體、圖標(biāo)等視覺元素的協(xié)調(diào)統(tǒng)一。

通過選擇恰當(dāng)?shù)囊曈X元素和配色方案，可以增強(qiáng)產(chǎn)品的整體美觀度，同時(shí)也有助于提升用戶的閱讀體驗(yàn)。

遵循美觀簡約原則的設(shè)計(jì)，不僅能夠使用戶更快速、更準(zhǔn)確地獲取所需信息，還能夠提升產(chǎn)品的整體形象和用戶的滿意度。同時(shí)，這種設(shè)計(jì)也有助于降低用戶的學(xué)習(xí)成本，提高產(chǎn)品的易用性和普及率。

總之，美觀簡約原則是尼爾森十大原則中的重要組成部分，它強(qiáng)調(diào)通過簡化設(shè)計(jì)和內(nèi)容來提升用戶體驗(yàn)。在實(shí)際應(yīng)用中，設(shè)計(jì)師應(yīng)充分考慮用戶的需求和習(xí)慣，結(jié)合產(chǎn)品特點(diǎn)和定位，靈活運(yùn)用這一原則，打造出既美觀又易用的產(chǎn)品。

容錯(cuò)原則，其核心在于優(yōu)化用戶在出錯(cuò)時(shí)的體驗(yàn)。這一原則強(qiáng)調(diào)，當(dāng)用戶在操作產(chǎn)品時(shí)發(fā)生錯(cuò)誤，設(shè)計(jì)應(yīng)能夠提供清晰、易懂的錯(cuò)誤信息，并給出相應(yīng)的解決建議，以幫助用戶及時(shí)糾正錯(cuò)誤，減少因錯(cuò)誤操作帶來的困擾和損失。

具體來說，容錯(cuò)原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

首先，錯(cuò)誤信息應(yīng)使用通俗易懂的語言表達(dá)，準(zhǔn)確指出問題所在，避免使用代碼或用戶難以理解的專業(yè)術(shù)語

。這樣，用戶能夠迅速理解錯(cuò)誤的本質(zhì)，從而有針對性地解決問題。

其次，除了指出錯(cuò)誤，錯(cuò)誤信息還應(yīng)提供解決方案或建議。

這有助于用戶在遇到問題時(shí)，能夠依據(jù)建議進(jìn)行快速修復(fù)，而不是陷入迷?；虿恢氲臓顟B(tài)。

此外，當(dāng)設(shè)計(jì)無法完全避免用戶出錯(cuò)時(shí)，應(yīng)盡可能為用戶提供撤銷或重做等功能，使用戶能夠輕松地恢復(fù)到之前的狀態(tài)或重新執(zhí)行某項(xiàng)操作。

遵循容錯(cuò)原則的設(shè)計(jì)，不僅能夠提升用戶在出錯(cuò)時(shí)的體驗(yàn)，減少因錯(cuò)誤帶來的損失，還能夠增強(qiáng)用戶對產(chǎn)品的信任和滿意度。因此，在產(chǎn)品設(shè)計(jì)過程中，應(yīng)充分考慮容錯(cuò)原則的應(yīng)用，確保用戶在遇到問題時(shí)能夠得到及時(shí)、有效的幫助。

總之，容錯(cuò)原則是提升產(chǎn)品可用性和用戶體驗(yàn)的關(guān)鍵原則之一。通過優(yōu)化錯(cuò)誤信息的設(shè)計(jì)，提供解決方案和建議，以及提供撤銷重做等功能，可以有效降低用戶出錯(cuò)的可能性，并在用戶出錯(cuò)時(shí)提供有效的支持，從而提升用戶對產(chǎn)品的整體滿意度。

人性化幫助原則，強(qiáng)調(diào)在產(chǎn)品設(shè)計(jì)過程中，應(yīng)為用戶提供及時(shí)、有效且人性化的幫助和支持。這一原則的核心在于提升用戶體驗(yàn)，使用戶在使用產(chǎn)品時(shí)能夠輕松理解、快速上手，并在遇到問題時(shí)得到及時(shí)幫助。

具體來說，人性化幫助原則的應(yīng)用體現(xiàn)在以下幾個(gè)方面：

首先，在產(chǎn)品設(shè)計(jì)中，應(yīng)充分考慮用戶的認(rèn)知特點(diǎn)和操作習(xí)慣，確保界面布局清晰、操作邏輯合理。

這樣，用戶在使用產(chǎn)品時(shí)能夠迅速理解界面元素的功能和操作方法，減少因不熟悉操作而導(dǎo)致的困擾。

其次，對于復(fù)雜的功能或操作，應(yīng)提供詳細(xì)的幫助文檔或指南。

這些文檔或指南應(yīng)使用通俗易懂的語言，避免使用專業(yè)術(shù)語或復(fù)雜的表述，確保用戶能夠輕松理解。同時(shí)，文檔或指南應(yīng)包含具體的操作步驟和示例，幫助用戶快速掌握使用方法。

此外，在產(chǎn)品使用過程中，應(yīng)提供實(shí)時(shí)反饋和提示。

當(dāng)用戶執(zhí)行操作時(shí)，系統(tǒng)應(yīng)即時(shí)反饋操作結(jié)果，對于錯(cuò)誤操作或潛在問題，應(yīng)提供明確的提示和建議，幫助用戶及時(shí)糾正錯(cuò)誤并避免潛在風(fēng)險(xiǎn)。

最后，人性化幫助原則還強(qiáng)調(diào)在提供幫助的同時(shí)，應(yīng)尊重用戶的隱私和自主性。

在收集用戶數(shù)據(jù)或提供個(gè)性化推薦時(shí)，應(yīng)明確告知用戶數(shù)據(jù)的使用目的，并允許用戶自主選擇是否接受幫助或推薦。

遵循人性化幫助原則的產(chǎn)品設(shè)計(jì)，能夠?yàn)橛脩籼峁└佑押谩⒈憬莸氖褂皿w驗(yàn)。通過提供清晰明了的界面、詳細(xì)的幫助文檔、實(shí)時(shí)的反饋和提示，以及尊重用戶隱私和自主性的做法，可以有效降低用戶的學(xué)習(xí)成本和使用難度，提升用戶對產(chǎn)品的滿意度和忠誠度。

在實(shí)際應(yīng)用中，人性化幫助原則與其他尼爾森原則相互補(bǔ)充，共同構(gòu)成了優(yōu)秀產(chǎn)品設(shè)計(jì)的基礎(chǔ)。通過綜合運(yùn)用這些原則，設(shè)計(jì)師可以打造出更加符合用戶需求、易用且人性化的產(chǎn)品。

經(jīng)過深入探討尼爾森十大原則，我們不難發(fā)現(xiàn)，這些原則不僅是產(chǎn)品設(shè)計(jì)的核心指導(dǎo)方針，更是提升用戶體驗(yàn)的關(guān)鍵要素。從一致性原則到容錯(cuò)原則，再到人性化幫助原則，每一個(gè)原則都強(qiáng)調(diào)了不同方面的用戶體驗(yàn)優(yōu)化，共同構(gòu)建了一個(gè)完整且系統(tǒng)的設(shè)計(jì)框架。

在這個(gè)快速變化的時(shí)代，用戶需求和行為也在不斷變化。因此，我們需要不斷學(xué)習(xí)和應(yīng)用尼爾森十大原則，將這些原則融入到產(chǎn)品設(shè)計(jì)的每一個(gè)環(huán)節(jié)，確保產(chǎn)品能夠與時(shí)俱進(jìn)，滿足用戶的需求和期望。

同時(shí)，我們也要意識到，尼爾森十大原則并不是孤立的，它們之間相互關(guān)聯(lián)、相互補(bǔ)充。在實(shí)際應(yīng)用中，我們需要根據(jù)具體的產(chǎn)品特性和用戶需求，靈活運(yùn)用這些原則，找到最適合的設(shè)計(jì)方案。

最后，我想強(qiáng)調(diào)的是，尼爾森十大原則不僅是設(shè)計(jì)師的寶貴財(cái)富，也是每一個(gè)參與產(chǎn)品設(shè)計(jì)和開發(fā)的人員應(yīng)該了解和掌握的基本知識。只有深入理解并應(yīng)用這些原則，我們才能打造出真正符合用戶需求、優(yōu)秀且易于使用的產(chǎn)品，為用戶帶來更好的體驗(yàn)和價(jià)值。

讓我們共同努力，將尼爾森十大原則融入到每一個(gè)產(chǎn)品設(shè)計(jì)中，為用戶創(chuàng)造更美好的未來！

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

評論(0) 瀏覽(527)

152024-4

《六步，探索優(yōu)秀設(shè)計(jì)作品》

前端達(dá)人

以下，就是我按照這6個(gè)要素進(jìn)行分析的優(yōu)秀作品的筆記內(nèi)容：

評論(0) 瀏覽(396)

152024-4

認(rèn)識“增長設(shè)計(jì)”

前端達(dá)人

一些從產(chǎn)品/運(yùn)營設(shè)計(jì)角度對用戶側(cè)增量的思考，希望分享對大家能有所幫助。文中如理解有誤，歡迎交流指正。

增長設(shè)計(jì)其實(shí)已經(jīng)不是特別新穎的概念，伴隨互聯(lián)網(wǎng)載體的發(fā)展，我們關(guān)于用戶增長也是在不斷的迭代的。

在導(dǎo)入期和成長期，運(yùn)營手段側(cè)重利益驅(qū)動，通過補(bǔ)貼/紅包等短平快的推廣活動快速獲取用戶；當(dāng)產(chǎn)品積累了大量注冊用戶，進(jìn)入漫長的成熟期，持續(xù)促進(jìn)用戶活躍就成為更加重要的目標(biāo)。

今天，我們來簡單的聊聊什么是“增長設(shè)計(jì)”，日常的產(chǎn)品/運(yùn)營設(shè)計(jì)中，如何利用增長設(shè)計(jì)做好用戶的激活與留存轉(zhuǎn)化。

以往的——“AARRR”增長策略模型

我們先來簡單解析下這個(gè)模型。

首先第一個(gè)環(huán)節(jié)（Acquisition）：獲取用戶

簡單來說，就是如何讓用戶發(fā)現(xiàn)或接觸我們的產(chǎn)品，產(chǎn)品的用戶增量，一定是長期且持續(xù)的不斷的設(shè)法獲取新用戶。

第二個(gè)環(huán)節(jié)（Activation）：用戶激活

完成第一步流量獲取之后，下一步要做動作的就是激活用戶了，因?yàn)樵诂F(xiàn)在這個(gè)快節(jié)奏時(shí)代，人們的記憶力太短暫了，關(guān)注力也在變?nèi)酢６焕逻^來的用戶，不見得就能成為是你的用戶，所以需要讓用戶在短時(shí)間內(nèi)產(chǎn)生興趣并注冊使用產(chǎn)品。

第三個(gè)環(huán)節(jié):（retention ）提高留存

現(xiàn)在流量越來越貴的情況下，好不容易來的流量不好好加以利用簡直是浪費(fèi)，如果用戶成功激活之后，使用一次產(chǎn)品之后就流失，那單個(gè)用戶的成本特太高了，所以為了拉低獲客成本，我們就要想辦法讓用戶持續(xù)性的來活躍。提升粘性做好留存。

第四個(gè)環(huán)節(jié)：（revenue）商業(yè)變現(xiàn)

在完成前三個(gè)環(huán)節(jié)之后，也就是如何讓用戶付費(fèi)，讓產(chǎn)品和服務(wù)產(chǎn)生商業(yè)價(jià)值和營收。

最后一個(gè)環(huán)節(jié)：（referral）推薦分享

分享推薦，是用戶的一種自我傳播行為，通常來說就是利用一個(gè)事件來吸引用戶主動分享，以達(dá)到一傳十，十傳百的效果。社交電商玩的就是這個(gè)套路，拼多多直表示：這活我熟，我天天干，比如用邀請多少好友點(diǎn)鏈接可以提現(xiàn)100現(xiàn)金，砍一刀免費(fèi)領(lǐng)取獎(jiǎng)品等等。

如今的——

“RARRA”增長策略模型

如今的增長模型有何區(qū)別？

以 C 端產(chǎn)品為典型

在當(dāng)下的互聯(lián)網(wǎng)市場中，大多產(chǎn)品都會有一倆個(gè)或多個(gè)競爭對手。如果C端用戶留存率不佳，用戶生命周期不能拉長，就算獲客端導(dǎo)入足夠的用戶量，但用戶流失可能也同樣的快。因?yàn)橛脩粜畔@取的渠道變得簡單，而且選擇變多了。用戶很快就會流失或者被吸引到其他競品上。

所以當(dāng)下每個(gè)產(chǎn)品都開始注重和思考用戶留存與培養(yǎng)用戶忠誠度的問題，留存逐漸顯現(xiàn)出極高的戰(zhàn)略地位，因而也就漸漸的出現(xiàn)了以用戶留存主導(dǎo)的增長策略。

我們設(shè)計(jì)師要想所做的用戶增長肯定不是去街上發(fā)個(gè)小廣告，去地鐵上拿著產(chǎn)品的下載二維碼讓用戶去下載我們的產(chǎn)品，我們設(shè)計(jì)師著手的設(shè)計(jì)增長范圍還是從用戶體驗(yàn)去入手，回歸到產(chǎn)品功能設(shè)計(jì)和體驗(yàn)提升上。

例如，公司現(xiàn)在想要提升某款產(chǎn)品的銷量，作為設(shè)計(jì)師做方案輸出的時(shí)候肯定不會是建議讓公司去請個(gè)明星代言來吸引用戶下單之類的。

設(shè)計(jì)師的增長觀一定是基于產(chǎn)品本身

，我們所要思考的應(yīng)該是如何讓用戶快速認(rèn)識我們的產(chǎn)品，悉知我們產(chǎn)品的優(yōu)勢和價(jià)值，縮短路徑下單路徑，便利流暢讓用戶能成交，盡量讓用戶有優(yōu)秀的使用體驗(yàn)從而助力用戶的數(shù)據(jù)增長。

-------------------------------------------------------------------------

人是社交型的集合體，包括社交反饋、伙伴關(guān)系，甚至是從眾和競爭心理。當(dāng)你看到朋友

曬出某些技能、珍貴的物品或者靚麗的照片，你也會想跟他一樣，這一驅(qū)動力也反映了我們?yōu)槭裁瓷鷣砭推珢叟c我們有關(guān)的人。

舉個(gè)例子，假設(shè)我是一個(gè)喜歡閱讀的用戶。

當(dāng)我打開微信讀書，APP告訴我，作為我的微信好友的“他/她”同樣在使用著微信讀書，并且他還在閱讀當(dāng)初我看過的“硅谷鋼鐵俠”這本了解埃隆•馬斯克最全面、最真實(shí)、最經(jīng)典讀本。

這時(shí)你會發(fā)現(xiàn)，原來身邊有人也對這本書這么感興趣，從而激發(fā)用戶對這個(gè)微信讀書這款產(chǎn)品的認(rèn)同感。同時(shí)這個(gè)APP里肯定能找到更多的優(yōu)秀讀物，從而從動力上強(qiáng)化了用戶對產(chǎn)品使用行為。

APP內(nèi)的紅包激勵(lì)手段

——燒錢要燒得明明白白，不同的用戶的“精細(xì)化燒法”

1.新用戶紅包：拉新激活

在用戶首次接觸產(chǎn)品，也就是用戶新鮮感最高的時(shí)候，新用戶的大額紅包有利于快速激活用戶的注冊行為，讓新用戶快速熟悉使用流程，盡快完成第一單，將新用戶盡快轉(zhuǎn)化成有效用戶。

2.滿減限時(shí)紅包：用戶促活

顧名思義，這類紅包具有時(shí)效性。要求用戶在指定的時(shí)間段內(nèi)使用紅包，過期紅包則失效。這類贈送的紅包目的是給用戶低成本薅羊毛的機(jī)會，同時(shí)制造緊迫感，鼓勵(lì)并強(qiáng)化用戶產(chǎn)生盡快完成購買下單的行為，主要目標(biāo)就是為了提升產(chǎn)品轉(zhuǎn)化率。

3.會員成長紅包：用戶粘性

用戶以優(yōu)惠的價(jià)格開通會員后，通過平臺每月贈送紅包從而可以享受更多優(yōu)惠或者獎(jiǎng)勵(lì)金的形式，讓用戶每到飯點(diǎn)時(shí)就惦記著我還有個(gè)紅包沒用，如果不用就浪費(fèi)了，從而增加用戶的沉默成本，能持續(xù)的讓用戶在固定時(shí)間內(nèi)重復(fù)回歸產(chǎn)品，而達(dá)到保持用戶粘性的目的。

關(guān)于個(gè)性化推薦，提升用戶動力。

這里我們主要看一下保險(xiǎn)行業(yè)。特別是互聯(lián)網(wǎng)保險(xiǎn)，線上產(chǎn)品的銷售一定是產(chǎn)品找人，結(jié)合場景的方式，保險(xiǎn)產(chǎn)品自動找人進(jìn)行自我營銷。推薦保險(xiǎn)的意義需要第一時(shí)間就被用戶所感知到，產(chǎn)品是非常符合他的需求的，這個(gè)時(shí)候才有可能高效的完成客戶轉(zhuǎn)化。

提升用戶動力之——游戲化

當(dāng)產(chǎn)品積累了大量注冊用戶，進(jìn)入漫長的成熟期，持續(xù)促進(jìn)用戶活躍就成為更加重要的目標(biāo)，用戶對簡單的商品宣傳（運(yùn)營活動）容易感到乏味或無法提起持續(xù)參與的興趣，所以更多的會將運(yùn)營活動包裝成一個(gè)簡單易懂的游戲去俘獲用戶的芳心。

比如人人都有的支付寶，常見的如：收集，養(yǎng)成，抽獎(jiǎng)，種植...等系列游戲化增長玩法是其此階段的主要運(yùn)營手段之一，在利益驅(qū)動的同時(shí)，加強(qiáng)游戲化的趣味體驗(yàn)，取悅用戶、制造記憶點(diǎn)，更有利于黏住用戶、建立長期忠誠。

游戲化玩法尤其重要的一點(diǎn)就是任務(wù)體系，任務(wù)獎(jiǎng)勵(lì)可以激勵(lì)人們采取行動，將用戶引導(dǎo)去體驗(yàn)不同的頁面，它幫助用戶熟悉更多的APP功能和流程。更可以設(shè)置分享型的任務(wù)，讓用戶主動傳播產(chǎn)生裂變，這既是內(nèi)容分發(fā)最有效的途徑，也是拉新促活的低成本實(shí)現(xiàn)方法。

-------------------------------------------------------------------------

上面說了做加法，那接下來我們聊聊如何做減法。

絕大數(shù)用戶剛接觸產(chǎn)品或工具時(shí)，都會有一部分人選擇離開，可能是注冊環(huán)節(jié)、功能指引環(huán)節(jié)等等，所以在這個(gè)階段對于用戶的激活和留存的最好方式就是幫產(chǎn)品做減法

-------------------------------------------------------------------------

當(dāng)然，增長設(shè)計(jì)遠(yuǎn)不止上面分享的這些。比如積分成就體系，完善獎(jiǎng)勵(lì)機(jī)制，彈窗引導(dǎo)助推，弱化用戶的負(fù)面情緒....限于時(shí)間原因，今天暫時(shí)先分享到這

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

評論(0) 瀏覽(397)

102024-4

UI&UE實(shí)用方法論 | 如何用費(fèi)茨定律做設(shè)計(jì)

資深UI設(shè)計(jì)者

多看多學(xué)“法則”其實(shí)往往是在鞏固一種思維模式和思考 方向，而這些我們裝在腦中的 東西往往比法則本身更有價(jià)值。

評論(0) 瀏覽(428)

102024-4

餓了么「飯搭子」產(chǎn)品設(shè)計(jì)

資深UI設(shè)計(jì)者

飯搭子是餓了么APP平臺上線的一款好友之間分享飲食數(shù)據(jù)的玩法，基于智能ai的行業(yè)趨勢下結(jié)合新技術(shù)風(fēng)口，結(jié)合平臺屬性通過營養(yǎng)數(shù)據(jù)分享的切入點(diǎn)，帶動小圈子提頻，實(shí)現(xiàn)引流價(jià)值；此外，高頻用戶訪問出現(xiàn)瓶頸，希望做用戶提頻，帶動用戶增量；餓了么的社交好友體系待完善，通過新玩法的探索進(jìn)一步沉淀用戶數(shù)據(jù)，反哺到互動玩法乃至整個(gè)平臺的生態(tài)圈。

評論(0) 瀏覽(447)

102024-4

教你一文讀懂暗色模式

博博

暗色模式（Dark Mode）的興起是一個(gè)逐漸發(fā)展的過程，它涉及到技術(shù)進(jìn)步、用戶體驗(yàn)優(yōu)化以及設(shè)計(jì)趨勢的變化。

隨著iOS 13在2019年的發(fā)布，暗色模式開始成為用戶關(guān)注的焦點(diǎn)；在用戶體驗(yàn)方面，設(shè)計(jì)者們考慮到了環(huán)境光線與屏幕亮度的匹配問題，暗色模式可以有效減少視覺疲勞；在實(shí)際使用中，用戶發(fā)現(xiàn)暗色模式在光線較暗的環(huán)境中更為舒適，這也促使了暗色模式的普及和發(fā)展。

暗色模式在UI設(shè)計(jì)中的重要性體現(xiàn)在改善視覺舒適度、節(jié)省電量以及提供個(gè)性化選擇上，其普及程度隨著用戶需求和技術(shù)發(fā)展不斷提升。

一、定義及其在UI設(shè)計(jì)中的表現(xiàn)形式

1.暗色模式的定義

暗色模式是一種低光用戶界面（UI）設(shè)計(jì)，也稱為深色模式，是一種用戶界面設(shè)計(jì)選項(xiàng)，它使用較深的顏色方案和背景，通常為黑色或深灰色，以減少屏幕亮度并提供更舒適的視覺體驗(yàn)。

iOS 13 亮色模式（左）與暗色模式（右）的對比

2.暗色模式的定義

(1).暗色模式在UI設(shè)計(jì)中的表現(xiàn)形式

設(shè)計(jì)師需要為暗色模式創(chuàng)建一個(gè)新的調(diào)色板，這通常意味著降低顏色的飽和度，以適應(yīng)深色背景。同時(shí)，避免使用純黑作為主色調(diào)背景，而是選擇接近純黑的深灰色，以確保閱讀體驗(yàn)的舒適性和可讀性。

亮色/暗色模式下主色需要進(jìn)行調(diào)整

(2).對比度控制

暗色背景與文本顏色之間的對比度應(yīng)該控制在WCAG2.0AA級標(biāo)準(zhǔn)以上，以保證內(nèi)容的清晰度和易讀性。對于彩色元素，也需要適當(dāng)調(diào)整飽和度，確保整體色彩之間的對比度符合無障礙標(biāo)準(zhǔn)。

達(dá)到/未達(dá)到WCAG2.0AA標(biāo)準(zhǔn)的視覺效果對比

(3).視覺元素區(qū)分

在暗色模式下，設(shè)計(jì)師需要特別注意視覺元素的區(qū)分，通過足夠的對比度來保證文字和圖形的清晰可見。這不僅僅是簡單的顏色反轉(zhuǎn)，而是一種“弱光”主題的設(shè)計(jì)思考，旨在優(yōu)化用戶在低光環(huán)境下的視覺體驗(yàn)。

亮色模式中的按鈕在暗色模式中顯得太跳躍

二、歷史回顧及發(fā)展脈絡(luò)

1.命令行界面時(shí)代

在早期的計(jì)算機(jī)系統(tǒng)中，如DOS和Linux，終端通常使用暗色模式，這是因?yàn)樵缙诘腃RT顯示器存在閃爍問題，暗色背景能夠減少視覺疲勞，并提供較高的對比度。

Linux的終端界面

2.個(gè)人電腦時(shí)代

隨著個(gè)人電腦的普及，圖形用戶界面（GUI）逐漸成為標(biāo)準(zhǔn)，此時(shí)大多數(shù)操作系統(tǒng)和應(yīng)用程序采用了亮色模式，以模仿紙張的顏色并減少CRT顯示器的眩光。

Windows2000的GUI

3.移動設(shè)備時(shí)代

智能手機(jī)和平板電腦的興起帶來了OLED等先進(jìn)顯示技術(shù)，這些設(shè)備的小屏幕和高分辨率使得暗色模式再次變得實(shí)用和流行，特別是在節(jié)省電量和減少眼睛疲勞方面。

iOS13的暗色模式

4.操作系統(tǒng)時(shí)代

近年來，各大操作系統(tǒng)開始正式支持暗色模式。例如，Windows 10在2018年的更新中引入了暗色應(yīng)用模式，macOS和iOS隨后也推出了可以根據(jù)時(shí)間或環(huán)境自動切換的暗色模式。

Windows10的暗色模式

三、設(shè)計(jì)趨勢中暗色模式的地位

暗色模式在當(dāng)前設(shè)計(jì)趨勢中占據(jù)重要地位，以其減輕眼睛疲勞、節(jié)省電量和聚焦內(nèi)容的優(yōu)勢受到青睞。它不僅適應(yīng)低光環(huán)境，還提供美學(xué)上的新探索，響應(yīng)了用戶對舒適性和個(gè)性化選擇的需求。隨著技術(shù)發(fā)展和設(shè)計(jì)創(chuàng)新，暗色模式已成為現(xiàn)代界面設(shè)計(jì)不可或缺的一部分。許多頂級品牌和應(yīng)用程序，如WhatsApp、Instagram、Google、Facebook等，都已經(jīng)引入暗色模式設(shè)計(jì)，這表明暗色模式已經(jīng)成為了一種廣泛接受的設(shè)計(jì)趨勢。

從左往右依次為：WhatsApp、Instagram、Google、Facebook

一、用戶體驗(yàn)層面

1.提高閱讀舒適度

(1).對比度和可讀性

在相同的對比度條件下，淺背景上的黑字比深背景上的淺色字閱讀效果更好。這表明，優(yōu)化對比度是提高閱讀舒適度的關(guān)鍵因素之一。

淺背景上深字與深背景上淺字的視覺對比

(2).用戶偏好和滿意度

一項(xiàng)針對用戶對暗色模式的使用體驗(yàn)的調(diào)查顯示，與默認(rèn)的白底模式相比，用戶在使用暗色模式時(shí)報(bào)告了更低的視覺疲勞和更高的滿意度。斯隆（Sloan）的一項(xiàng)研究在1977年就報(bào)告說，如果更多的光線通過混濁的透鏡到達(dá)眼睛，則出現(xiàn)畸變的可能性更大，即暗模式對視力障礙者更好。

對于長時(shí)間從事屏幕工作的人來說，暗色模式對眼睛更加友好

2.減少視覺疲勞

(1).人眼生理特性

暗色模式能減少屏幕發(fā)出的光線，這有利于減少眼睛疲勞和不適，特別是在低光環(huán)境下，人眼的虹膜會打開以接受更多光線，而暗色模式提高了減少的光源，減少了對眼睛的刺激。

亮/暗環(huán)境下瞳孔大小的變化

(2).藍(lán)光輻射減少

人們通過長期研究發(fā)現(xiàn)短波可見光，即紫光和藍(lán)光對眼底視網(wǎng)膜有相當(dāng)程度的破壞作用，而人們通常把這種可見光波長中高能量波段(400- 470nm)對視網(wǎng)膜的損壞現(xiàn)象稱為“藍(lán)光傷害現(xiàn)象”。還有研究關(guān)注了暗色模式對藍(lán)光輻射的影響。由于暗色模式降低了屏幕的整體亮度，因此也減少了藍(lán)光的輻射。

可見光波段分布

二、設(shè)備電池壽命

1.降低屏幕功耗

在OLED屏幕上，每個(gè)像素都是獨(dú)立發(fā)光的，當(dāng)顯示黑色時(shí)，相關(guān)的像素點(diǎn)會關(guān)閉，從而不消耗能量。這意味著，顯示大面積黑色內(nèi)容的暗色模式能夠顯著減少屏幕的能量消耗。

OLED屏幕發(fā)光原理

2.實(shí)際省電效果

以 Google 測試數(shù)據(jù)為例，OLED 屏幕的 Pixel 手機(jī)在時(shí)間段內(nèi)啟用深色模式并在使用地圖導(dǎo)航時(shí)保持屏幕最大亮度，手機(jī)的電量消耗下降了 63%。

Google的測試數(shù)據(jù)

三、降低屏幕功耗

1.促進(jìn)睡眠

對于晚上喜歡在床上閱讀或工作的用戶來說，暗色背景有助于降低屏幕亮度，減少對褪黑素分泌的干擾，也有助于減少藍(lán)光對睡眠周期的影響，從而幫助用戶更快入睡并提高睡眠質(zhì)量。

OPPO手機(jī)暗色模式廣告

2.減少眩光

眩光是明亮的屏幕和低光環(huán)境之間惱人的對比現(xiàn)象，對眼睛具有一定的影響并造成眼部不適。暗色模式通過使用深色背景和亮色文字，整體降低了屏幕的亮度，這樣在光線較亮的環(huán)境中，屏幕的亮光與周圍暗環(huán)境的對比度降低，從而減少了屏幕反射光線對眼睛的刺激，降低不適。

有眩光與無眩光的顯示器對比

四、打造沉浸式體驗(yàn)

1.減少視覺干擾

暗色模式提高了一種無干擾的工作環(huán)境，有助于他們專注于手頭的任務(wù)，特別是在進(jìn)行寫作、編碼或其他需要集中注意力的活動時(shí)，暗色模式能夠減少視覺干擾。

暗色模式為視覺設(shè)計(jì)提供了更大的對比度，使得界面元素更為突出。這種高對比度不僅有利于內(nèi)容的戰(zhàn)士，也增強(qiáng)了用戶的視覺聚焦，讓用戶更容易沉浸于應(yīng)用或游戲的環(huán)境中。特別是在觀看視頻或進(jìn)行游戲時(shí)，暗色背景能夠使色彩更為鮮明，提升用戶的視覺體驗(yàn)。

編碼軟件一般默認(rèn)暗色界面，有利于專注工作

2.增強(qiáng)視覺聚焦

作者：阿琳01
來源：站酷

評論(0) 瀏覽(580)

102024-4

UI設(shè)計(jì)中的微文案：細(xì)微之處見真章

博博

在UI設(shè)計(jì)中，微文案往往被視作細(xì)枝末節(jié)，容易被設(shè)計(jì)師們所忽視。然而，正是這些看似不起眼的文字，卻在用戶體驗(yàn)中扮演著舉足輕重的角色。微文案，即那些短小精悍、直接明了的文字描述，它們不僅能夠指導(dǎo)用戶操作，還能夠增強(qiáng)產(chǎn)品的情感價(jià)值，提升用戶滿意度。

資深設(shè)計(jì)專家Joshua Porter曾指出：優(yōu)化界面體驗(yàn)的一個(gè)快捷方式，就是提升文案的質(zhì)量。他在《Writing Microcopy》一文中首次提及“微文案”這一術(shù)語，并以確認(rèn)彈窗的文案為例，展示了如何通過清晰的表述“賬單地址是你卡上顯示的地址”，有效減少用戶在使用過程中的錯(cuò)誤。簡而言之，要想快速優(yōu)化界面體驗(yàn)，提升文案水平是一個(gè)行之有效的途徑。

一、了解微文案

如果你有學(xué)習(xí)過尼爾森的十大可用性原則，你會發(fā)現(xiàn)10條中有4條都與文案有關(guān)。

系統(tǒng)狀態(tài) —— 告訴用戶當(dāng)前正在發(fā)生什么，是卡住了還是處在loading中或是其它什么狀態(tài)。

一致性和標(biāo)準(zhǔn)化原則 —— 有一些約定俗成的規(guī)則，其中有一些普遍接受的術(shù)語，明確的操作提示，在不同界面保持統(tǒng)一等等。

防錯(cuò)原則 —— 幫助用戶明白當(dāng)他們做什么操作會發(fā)生什么結(jié)果，或者清晰的解釋某個(gè)操作會有什么行為。

明確錯(cuò)誤 —— 錯(cuò)誤信息應(yīng)該用人話表達(dá)（不要用代碼），較準(zhǔn)確地反映問題所在，并且提出一個(gè)建設(shè)性的解決方案。

1、微文案的定義

微文案（Microcopy）指的是在界面中，能夠引導(dǎo)、幫助用戶與界面交互行為的簡短文案，可以是一個(gè)單詞、也可以是一句話，常見的有表單文案、按鈕文案、彈窗文案、錯(cuò)誤提示等，大部分微文案都會對用戶的行為產(chǎn)生直接的影響，如下所示：

2、微文案被重視的原因

微文案，作為用戶與產(chǎn)品交流中最直接的觸點(diǎn)，不僅有助于用戶預(yù)見潛在問題，更能激發(fā)他們繼續(xù)操作的意愿。通過預(yù)先洞察用戶在操作過程中可能遭遇的障礙并提供針對性的解決方案，微文案在很大程度上降低了用戶的流失率。優(yōu)秀的微文案能夠精準(zhǔn)地揭示問題核心，消除用戶的疑慮，從而加速他們的決策過程，為產(chǎn)品創(chuàng)造更多價(jià)值。

此外，微文案所傳達(dá)的語氣和態(tài)度，對用戶情緒有著顯著影響。用戶的情緒狀態(tài)往往決定了他們是否愿意繼續(xù)在產(chǎn)品中深入探索。因此，眾多產(chǎn)品在追求體驗(yàn)優(yōu)化的過程中，都將微文案作為重點(diǎn)改進(jìn)的一環(huán)。

3、微文案專設(shè)崗位

國外對于微文案的重視不止反映在公司對于職位的要求上，更反映在國外的教育市場上。國外有很多教育機(jī)構(gòu)相繼開設(shè)了UX Writing的課程體系，比如 UX Writer Collective 以及 UX Writing Hub。這都代表著國外市場對于微文案設(shè)計(jì)的重視程度提高。

相比之下，國內(nèi)除了頭部大廠在微文案方面有著較強(qiáng)的意識，其余以下尚未獲得足夠的重視，但其重要性正迅速提升，展現(xiàn)出巨大的發(fā)展?jié)摿Α?/span>

二、如何設(shè)計(jì)微文案

1、少用技術(shù)專業(yè)詞匯

每個(gè)領(lǐng)域、每個(gè)公司都有專業(yè)的詞匯，設(shè)計(jì)師和開發(fā)者通常會在產(chǎn)品當(dāng)中潛移默化地使用這些專業(yè)詞匯。而用戶群體卻是包羅萬象，所以需要做的，是將專業(yè)的技術(shù)信息簡單易懂地表述出來。

避免含糊文案，明確表述問題和指引。力求簡潔，詞語能達(dá)意則不用句，一句話能說明則不贅言。用戶沒有耐心來看你寫小說。

2、不要拘束于一種表達(dá)方式

設(shè)計(jì)常常賦予產(chǎn)品獨(dú)特的個(gè)性。在完成了前面的步驟后，我們往往需要將微文案與設(shè)計(jì)理念相融合。不同的設(shè)計(jì)與微文案結(jié)合，會產(chǎn)生不同的效果，但絕不應(yīng)是單調(diào)冷漠的提示。相反，我們應(yīng)賦予其人性化的口吻，比如將“未設(shè)置收貨地址，請?zhí)砑?rdquo;修改為“您需要我們送到哪里？…”，從而使整個(gè)文案更具情感溫度，成為一個(gè)溫暖而富有親和力的聲音。

在一些特殊的場景下，微文案能起到安撫用戶情緒、引導(dǎo)用戶選擇后續(xù)行為的作用

3、謹(jǐn)慎開玩笑，除非你對你的產(chǎn)品非常自信

雖然幽默風(fēng)趣的微文案可以讓人更加輕松，但是也要分場合，玩笑和俏皮的語言應(yīng)該在氛圍合適的時(shí)候使用，并且并不是所有人都能Get到特定的笑點(diǎn)。

有些笑話在文章當(dāng)中或許合適，但是在UI界面當(dāng)中就不一定那么有意思了。比如，你所提交的數(shù)據(jù)無法保存，結(jié)果文案是“糟糕！您的數(shù)據(jù)好像無法保存呢”，這對于當(dāng)前的狀況毫無裨益。

這樣的表達(dá)方式既直接指出了問題所在，又給出了簡單的解決方案或建議，更有助于用戶理解和處理當(dāng)前的問題。

4、克制與誠信是微文案應(yīng)用的基石原則，它們共同構(gòu)成了我們在運(yùn)用微文案時(shí)應(yīng)當(dāng)堅(jiān)守的底線

有時(shí)，我們過于依賴這些標(biāo)簽，使得人們對信息逐漸變得麻木不仁。又或是由于虛假、夸大其詞的數(shù)據(jù)泛濫，使得人們開始對社會證明持懷疑態(tài)度。

正如張小龍?jiān)?017年微信之夜中所言，當(dāng)App的推送變得過于頻繁時(shí)，人們往往會選擇忽視，以至于任何一個(gè)推送都無法引起他們的關(guān)注。

當(dāng)全部都是特惠時(shí)，你還會因?yàn)閮?yōu)惠而沖動購買嗎？

結(jié)語

微文案不僅是文字，更是溝通的橋梁。請確保微語言準(zhǔn)確、清晰，同時(shí)注重情感化和個(gè)性化，以貼近用戶。同時(shí)，保證可讀性和可理解性，避免復(fù)雜表達(dá)。保持微語言的一致性和連貫性，提升用戶體驗(yàn)。通過精心設(shè)計(jì)的微語言，為用戶創(chuàng)造更舒適、便捷的體驗(yàn)。

作者：晚上去拔罐
來源：站酷

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

評論(0) 瀏覽(441)

« 1 ... 7 8 9 10 11 12 13 ... 57 »

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com

超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁

標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知

《六步，探索優(yōu)秀設(shè)計(jì)作品》

B端干貨｜消息中心如何設(shè)計(jì)？

設(shè)計(jì)方法論 I 超全面的尼爾森十大可用性原則解析

《六步，探索優(yōu)秀設(shè)計(jì)作品》

認(rèn)識“增長設(shè)計(jì)”

UI&UE實(shí)用方法論 | 如何用費(fèi)茨定律做設(shè)計(jì)

餓了么「飯搭子」產(chǎn)品設(shè)計(jì)

教你一文讀懂暗色模式

UI設(shè)計(jì)中的微文案：細(xì)微之處見真章

分類

日歷

鏈接

個(gè)人資料

存檔