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