現(xiàn)代應(yīng)用程序和網(wǎng)站變得越來越復(fù)雜。我們添加到產(chǎn)品中的內(nèi)容和功能越多,界面就越復(fù)雜,用戶在交互方面的投入也就越多。過多的信息或選擇高端網(wǎng)站建設(shè)公司 很容易使人們對體驗感到不滿意。
在選擇產(chǎn)品時,人們通常會選擇省力的方法。他們不想花時間學(xué)習(xí)如何使用應(yīng)用程序或網(wǎng)站-他們有一項任務(wù)要做,并且希望盡快完成它,而又不會在與產(chǎn)品進行交互的過程中花費過多的精力。這就是為什么簡單的產(chǎn)品通常會獲勝的原因。
刪除內(nèi)容和功能似乎是解決復(fù)雜性問題的明顯方法。但是在許多情況下,此解決方案不適用。例如,如果您經(jīng)營一個大型的電子商務(wù)網(wǎng)站,您將無法擺脫某些產(chǎn)品類別。
幸運的是,無需刪除產(chǎn)品中的內(nèi)容或功能就可以實現(xiàn)簡單性。相反,我們可以逐步,逐步地向用戶展示內(nèi)容和功能。這稱為漸進公開。
在本文中,我們將介紹漸進公開的常見用法,以及如何在設(shè)計中使用它們來創(chuàng)建更簡單,更直觀的用戶體驗。
通過Shopify合作伙伴計劃發(fā)展您的業(yè)務(wù)
無論您提供市場營銷,定制服務(wù)還是網(wǎng)站設(shè)計和開發(fā)服務(wù),Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會,發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
什么是逐步披露?
漸進公開是一種管理信息的概念,該信息指示用戶界面中的所有內(nèi)容都應(yīng)該自然地發(fā)展,從簡單到復(fù)雜。這是一種公開信息的簡單而強大的技術(shù):最初,您僅顯示最重要的信息或操作,并僅應(yīng)要求顯示所有其他選項和操作。
為什么漸進式披露如此出色
漸進式披露通過向用戶隱藏詳細信息,直到他們要求或需要查看它們?yōu)橹?,從而簡化了基?zhǔn)體驗。您可能會認為,這意味著通過最初將用戶的注意力集中在一些核心功能上,他們可能會建立產(chǎn)品的有限思維模型,從而無法理解其所有價值。但是,NNGroup的研究表明該假設(shè)是錯誤的。實際上,當(dāng)您確定內(nèi)容和功能的優(yōu)先級并幫助人們將更多時間花在最重要的功能上時,他們會更好地理解您的產(chǎn)品。
逐步披露俄羅斯套娃
與需要打開以顯示較小尺寸的嵌套娃娃的俄羅斯套娃類似,漸進式披露允許逐步披露信息。
漸進式披露為交互設(shè)計帶來了兩個顯著的好處:它有助于保持專注并消除干擾。它建立:
較小的認知工作量:人類處理信息的能力有限。如果一次向我們展示產(chǎn)品的所有信息或功能,我們將不知所措。漸進公開通過首先將用戶的注意力集中在最重要的細節(jié)上,而僅在需要時才顯示其他細節(jié),從而簡化了用戶交互。結(jié)果,用戶將注意力集中在手頭的任務(wù)上,并盡可能減少干擾。
更加干凈的用戶界面:通過隱藏輔助內(nèi)容和功能,可以消除用戶界面中的混亂并簡化其外觀。這使您的產(chǎn)品更易于學(xué)習(xí)且不易出錯。
您可能還會喜歡:深色圖案:您不應(yīng)該在產(chǎn)品中使用的12招。
逐步披露的例子
漸進公開可以采取多種形式。下面,我們看一下產(chǎn)品中逐步披露的9個示例。
1.截斷的內(nèi)容和內(nèi)容預(yù)覽
內(nèi)容預(yù)覽(也稱為摘要)是逐步公開的典型示例。摘錄用于向用戶提供足夠的信息,以幫助他們決定是否要深入學(xué)習(xí)并閱讀全部內(nèi)容。
這種漸進式披露技術(shù)通常在新聞網(wǎng)站和博客上使用。網(wǎng)站向訪問者顯示了文章的概述,并讓用戶決定要打開和閱讀的文章。
漸進披露截斷內(nèi)容
HuffPost使用索引頁面顯示文章摘要以及指向完整內(nèi)容的鏈接。
2.手風(fēng)琴元素
當(dāng)您需要顯示大量包含信息的部分或在同一類別中提供多個選項時,特別是當(dāng)只有某些信息或選項與特定用戶相關(guān)時,手風(fēng)琴方法效果很好。常見問題和幫助中心或支持頁面是用戶與手風(fēng)琴互動的典型場所。
漸進披露協(xié)議要素
Google搜索中的手風(fēng)琴。
3.超級菜單
超級菜單是通常在大型網(wǎng)站(如亞馬遜)上顯示的下拉菜單。通過默認隱藏選項,網(wǎng)站可以為其他重要元素(例如搜索欄)節(jié)省更多空間。
逐步披露大型菜單
Amazon中的下拉菜單。
4.滑塊
滑塊是電子商務(wù)網(wǎng)站上最令人期待的元素之一。它們經(jīng)常幫助用戶發(fā)現(xiàn)流行的或相關(guān)的產(chǎn)品。
漸進披露滑塊
百思買網(wǎng)站上的滑塊。
5.漢堡菜單
現(xiàn)在無處不在的漢堡包菜單可以在成千上萬的移動應(yīng)用程序和自適應(yīng)網(wǎng)站中找到。這個想法很簡單-默認情況下隱藏導(dǎo)航選項,僅在用戶希望導(dǎo)航到不同部分時才顯示它們。
逐步披露菜單
用戶點擊漢堡包圖標(biāo)以查看導(dǎo)航選項。圖片:材料設(shè)計。
6.高級設(shè)置
支持用戶配置文件的大多數(shù)應(yīng)用程序和在線服務(wù)都有專用的設(shè)置頁面。雖然可以在同一屏幕上顯示所有設(shè)置,但可以輕松使屏幕更擁擠,定制過程也更復(fù)雜。
使用漸進公開,您可以顯示所有用戶的基本設(shè)置,并為有經(jīng)驗的用戶提供輔助設(shè)置。通過隱藏高級設(shè)置,您可以幫助經(jīng)驗不足的用戶避免錯誤,因為偶然地啟用或禁用某些功能變得更加困難。
逐步披露窗口設(shè)置
Windows中的高級顯示設(shè)置。
7.延遲加載
當(dāng)您需要顯示大量信息并希望減少交互成本時,延遲加載是一種非常有用的技術(shù)。與單擊相比,滾動提供了更舒適的體驗-用戶獲取新內(nèi)容所需要做的只是向下滾動。
漸進披露懶加載
Pinterest為網(wǎng)站訪問者創(chuàng)造了流暢的體驗。隨著用戶向下滾動,Pinterest將加載更多內(nèi)容。
8.分步設(shè)計
分步設(shè)計基于一個簡單的想法-分而治之。顧名思義,分步設(shè)計一次可以一次揭示信息或動作。這種方法對于復(fù)雜的場景(例如使用ATM)確實非常有效。最初,用戶從一個非常小的UI開始,在該UI中,他們選擇要完成的選項,例如提款。從那里開始,系統(tǒng)會在用戶完成每個步驟時通過顯示越來越多的UI來指導(dǎo)用戶。
乍一看,分步設(shè)計看起來像一個向?qū)J?,但它們不是一回事。向?qū)蔷€性序列,而逐步設(shè)計是分支的-用戶在一步中所做的選擇可以更改其余任務(wù)。
您可能還會喜歡:可能毀掉移動用戶體驗的15個神話。
9.動畫提示
動畫提示通常在游戲中使用。當(dāng)玩家進一步進入游戲時,它們是一種揭示游戲機制的出色技術(shù)。精心設(shè)計的提示是與上下文相關(guān)的:僅當(dāng)用戶到達旅程中的適當(dāng)點時才觸發(fā)它們。
逐步披露動畫gif
Pudding Monsters使用動畫手來解釋滑動動作,從而幫助用戶了解下一步該怎么做。
將漸進式披露應(yīng)用于我們的用戶體驗
漸進公開的概念聽起來很簡單,但是要設(shè)計適當(dāng)?shù)臐u進公開,考慮以下內(nèi)容至關(guān)重要。
1.了解您的用戶
逐步披露的主要危險是對您的用戶做出錯誤的假設(shè),并根據(jù)該假設(shè)“優(yōu)化”體驗。正如雅各布·尼爾森(Jakob Nielsen )所說:“可用性方面最難得的教訓(xùn)之一是,'您不是用戶。'
要設(shè)計良好的漸進式披露方式,您需要了解用戶(了解他們的需求),并使其參與設(shè)計過程(與他們進行定期互動-不僅是在發(fā)布產(chǎn)品時)。
您可能還會喜歡:進行用戶訪談:如何正確進行。
2.優(yōu)先考慮功能
要創(chuàng)建良好的UX,您需要確定所有功能的優(yōu)先級,并在關(guān)鍵功能和輔助功能之間進行正確劃分。提前披露重要信息和行動至關(guān)重要。
要正確地確定功能的優(yōu)先級:
確定用戶的目標(biāo)并確定其優(yōu)先級。使用“ 待完成的工作”框架來確定關(guān)鍵的用戶目標(biāo)。繪制整個用戶流程并進行任務(wù)分析,以了解人們在旅程的每一步都需要什么。
如果您的產(chǎn)品是實時產(chǎn)品,請收集并分析有關(guān)用戶互動(人們實際使用產(chǎn)品的方式)的數(shù)據(jù)。
3.解決可發(fā)現(xiàn)性問題
可發(fā)現(xiàn)性是逐步披露的主要挑戰(zhàn)之一。當(dāng)您要使用漸進式披露時,您需要隱藏內(nèi)容,同時仍要為人們提供足夠的上下文詳細信息,以幫助他們在需要時找到內(nèi)容。
因此,您需要確保用戶易于訪問二級信息。例如,如果您為此目的使用一個按鈕,請以某種方式對其進行標(biāo)記,以明確要求用戶在進入下一個級別時會發(fā)現(xiàn)什么。
4.避免多層次的逐步披露
實際上,超出兩個公開級別的設(shè)計通常具有較低的可用性,因為用戶在兩個級別之間移動時相對容易迷路。如果內(nèi)容或功能太多,則需要3個或更多級別,請考慮簡化設(shè)計。
通過Shopify合作伙伴計劃發(fā)展您的業(yè)務(wù)
無論您提供市場營銷,定制服務(wù)還是網(wǎng)站設(shè)計和開發(fā)服務(wù),Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會,發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
降低噪音并增加信號
當(dāng)我們設(shè)計新產(chǎn)品時,我們應(yīng)該始終嘗試充分利用我們的界面并最大程度地利用為我們提供的任何空間。逐步披露可以幫助我們實現(xiàn)這一目標(biāo)。應(yīng)用良好的漸進式披露將保持用戶界面的整潔,并幫助人們處理產(chǎn)品的復(fù)雜性而不會引起混淆。