高端網(wǎng)站建設(shè)公司

2022-07-10 分類：網(wǎng)站建設(shè)

現(xiàn)代應(yīng)用程序和網(wǎng)站變得越來(lái)越復(fù)雜。我們添加到產(chǎn)品中的內(nèi)容和功能越多，界面就越復(fù)雜，用戶在交互方面的投入也就越多。過(guò)多的信息或選擇高端網(wǎng)站建設(shè)公司很容易使人們對(duì)體驗(yàn)感到不滿意。

在選擇產(chǎn)品時(shí)，人們通常會(huì)選擇省力的方法。他們不想花時(shí)間學(xué)習(xí)如何使用應(yīng)用程序或網(wǎng)站-他們有一項(xiàng)任務(wù)要做，并且希望盡快完成它，而又不會(huì)在與產(chǎn)品進(jìn)行交互的過(guò)程中花費(fèi)過(guò)多的精力。這就是為什么簡(jiǎn)單的產(chǎn)品通常會(huì)獲勝的原因。

刪除內(nèi)容和功能似乎是解決復(fù)雜性問(wèn)題的明顯方法。但是在許多情況下，此解決方案不適用。例如，如果您經(jīng)營(yíng)一個(gè)大型的電子商務(wù)網(wǎng)站，您將無(wú)法擺脫某些產(chǎn)品類別。

幸運(yùn)的是，無(wú)需刪除產(chǎn)品中的內(nèi)容或功能就可以實(shí)現(xiàn)簡(jiǎn)單性。相反，我們可以逐步，逐步地向用戶展示內(nèi)容和功能。這稱為漸進(jìn)公開(kāi)。

在本文中，我們將介紹漸進(jìn)公開(kāi)的常見(jiàn)用法，以及如何在設(shè)計(jì)中使用它們來(lái)創(chuàng)建更簡(jiǎn)單，更直觀的用戶體驗(yàn)。

通過(guò)Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)

無(wú)論您提供市場(chǎng)營(yíng)銷，定制服務(wù)還是網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)服務(wù)，Shopify合作伙伴計(jì)劃都將助您成功。免費(fèi)加入并獲得收益分享機(jī)會(huì)，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。

什么是逐步披露？

漸進(jìn)公開(kāi)是一種管理信息的概念，該信息指示用戶界面中的所有內(nèi)容都應(yīng)該自然地發(fā)展，從簡(jiǎn)單到復(fù)雜。這是一種公開(kāi)信息的簡(jiǎn)單而強(qiáng)大的技術(shù)：最初，您僅顯示最重要的信息或操作，并僅應(yīng)要求顯示所有其他選項(xiàng)和操作。

為什么漸進(jìn)式披露如此出色

漸進(jìn)式披露通過(guò)向用戶隱藏詳細(xì)信息，直到他們要求或需要查看它們?yōu)橹?，從而?jiǎn)化了基準(zhǔn)體驗(yàn)。您可能會(huì)認(rèn)為，這意味著通過(guò)最初將用戶的注意力集中在一些核心功能上，他們可能會(huì)建立產(chǎn)品的有限思維模型，從而無(wú)法理解其所有價(jià)值。但是，NNGroup的研究表明該假設(shè)是錯(cuò)誤的。實(shí)際上，當(dāng)您確定內(nèi)容和功能的優(yōu)先級(jí)并幫助人們將更多時(shí)間花在最重要的功能上時(shí)，他們會(huì)更好地理解您的產(chǎn)品。

逐步披露俄羅斯套娃

與需要打開(kāi)以顯示較小尺寸的嵌套娃娃的俄羅斯套娃類似，漸進(jìn)式披露允許逐步披露信息。

漸進(jìn)式披露為交互設(shè)計(jì)帶來(lái)了兩個(gè)顯著的好處：它有助于保持專注并消除干擾。它建立：

較小的認(rèn)知工作量：人類處理信息的能力有限。如果一次向我們展示產(chǎn)品的所有信息或功能，我們將不知所措。漸進(jìn)公開(kāi)通過(guò)首先將用戶的注意力集中在最重要的細(xì)節(jié)上，而僅在需要時(shí)才顯示其他細(xì)節(jié)，從而簡(jiǎn)化了用戶交互。結(jié)果，用戶將注意力集中在手頭的任務(wù)上，并盡可能減少干擾。

更加干凈的用戶界面：通過(guò)隱藏輔助內(nèi)容和功能，可以消除用戶界面中的混亂并簡(jiǎn)化其外觀。這使您的產(chǎn)品更易于學(xué)習(xí)且不易出錯(cuò)。

您可能還會(huì)喜歡：深色圖案：您不應(yīng)該在產(chǎn)品中使用的12招。

逐步披露的例子

漸進(jìn)公開(kāi)可以采取多種形式。下面，我們看一下產(chǎn)品中逐步披露的9個(gè)示例。

1.截?cái)嗟膬?nèi)容和內(nèi)容預(yù)覽

內(nèi)容預(yù)覽（也稱為摘要）是逐步公開(kāi)的典型示例。摘錄用于向用戶提供足夠的信息，以幫助他們決定是否要深入學(xué)習(xí)并閱讀全部?jī)?nèi)容。

這種漸進(jìn)式披露技術(shù)通常在新聞網(wǎng)站和博客上使用。網(wǎng)站向訪問(wèn)者顯示了文章的概述，并讓用戶決定要打開(kāi)和閱讀的文章。

漸進(jìn)披露截?cái)鄡?nèi)容

HuffPost使用索引頁(yè)面顯示文章摘要以及指向完整內(nèi)容的鏈接。

2.手風(fēng)琴元素

當(dāng)您需要顯示大量包含信息的部分或在同一類別中提供多個(gè)選項(xiàng)時(shí)，特別是當(dāng)只有某些信息或選項(xiàng)與特定用戶相關(guān)時(shí)，手風(fēng)琴方法效果很好。常見(jiàn)問(wèn)題和幫助中心或支持頁(yè)面是用戶與手風(fēng)琴互動(dòng)的典型場(chǎng)所。

漸進(jìn)披露協(xié)議要素

Google搜索中的手風(fēng)琴。

3.超級(jí)菜單

超級(jí)菜單是通常在大型網(wǎng)站（如亞馬遜）上顯示的下拉菜單。通過(guò)默認(rèn)隱藏選項(xiàng)，網(wǎng)站可以為其他重要元素（例如搜索欄）節(jié)省更多空間。

逐步披露大型菜單

Amazon中的下拉菜單。

4.滑塊

滑塊是電子商務(wù)網(wǎng)站上最令人期待的元素之一。它們經(jīng)常幫助用戶發(fā)現(xiàn)流行的或相關(guān)的產(chǎn)品。

漸進(jìn)披露滑塊

百思買網(wǎng)站上的滑塊。

5.漢堡菜單

現(xiàn)在無(wú)處不在的漢堡包菜單可以在成千上萬(wàn)的移動(dòng)應(yīng)用程序和自適應(yīng)網(wǎng)站中找到。這個(gè)想法很簡(jiǎn)單-默認(rèn)情況下隱藏導(dǎo)航選項(xiàng)，僅在用戶希望導(dǎo)航到不同部分時(shí)才顯示它們。

逐步披露菜單

用戶點(diǎn)擊漢堡包圖標(biāo)以查看導(dǎo)航選項(xiàng)。圖片：材料設(shè)計(jì)。

6.高級(jí)設(shè)置

支持用戶配置文件的大多數(shù)應(yīng)用程序和在線服務(wù)都有專用的設(shè)置頁(yè)面。雖然可以在同一屏幕上顯示所有設(shè)置，但可以輕松使屏幕更擁擠，定制過(guò)程也更復(fù)雜。

使用漸進(jìn)公開(kāi)，您可以顯示所有用戶的基本設(shè)置，并為有經(jīng)驗(yàn)的用戶提供輔助設(shè)置。通過(guò)隱藏高級(jí)設(shè)置，您可以幫助經(jīng)驗(yàn)不足的用戶避免錯(cuò)誤，因?yàn)榕既坏貑⒂没蚪媚承┕δ茏兊酶永щy。

逐步披露窗口設(shè)置

Windows中的高級(jí)顯示設(shè)置。

7.延遲加載

當(dāng)您需要顯示大量信息并希望減少交互成本時(shí)，延遲加載是一種非常有用的技術(shù)。與單擊相比，滾動(dòng)提供了更舒適的體驗(yàn)-用戶獲取新內(nèi)容所需要做的只是向下滾動(dòng)。

漸進(jìn)披露懶加載

Pinterest為網(wǎng)站訪問(wèn)者創(chuàng)造了流暢的體驗(yàn)。隨著用戶向下滾動(dòng)，Pinterest將加載更多內(nèi)容。

8.分步設(shè)計(jì)

分步設(shè)計(jì)基于一個(gè)簡(jiǎn)單的想法-分而治之。顧名思義，分步設(shè)計(jì)一次可以一次揭示信息或動(dòng)作。這種方法對(duì)于復(fù)雜的場(chǎng)景（例如使用ATM）確實(shí)非常有效。最初，用戶從一個(gè)非常小的UI開(kāi)始，在該UI中，他們選擇要完成的選項(xiàng)，例如提款。從那里開(kāi)始，系統(tǒng)會(huì)在用戶完成每個(gè)步驟時(shí)通過(guò)顯示越來(lái)越多的UI來(lái)指導(dǎo)用戶。

乍一看，分步設(shè)計(jì)看起來(lái)像一個(gè)向?qū)Ｊ?，但它們不是一回事。向?qū)蔷€性序列，而逐步設(shè)計(jì)是分支的-用戶在一步中所做的選擇可以更改其余任務(wù)。

您可能還會(huì)喜歡：可能毀掉移動(dòng)用戶體驗(yàn)的15個(gè)神話。

9.動(dòng)畫提示

動(dòng)畫提示通常在游戲中使用。當(dāng)玩家進(jìn)一步進(jìn)入游戲時(shí)，它們是一種揭示游戲機(jī)制的出色技術(shù)。精心設(shè)計(jì)的提示是與上下文相關(guān)的：僅當(dāng)用戶到達(dá)旅程中的適當(dāng)點(diǎn)時(shí)才觸發(fā)它們。

逐步披露動(dòng)畫gif

Pudding Monsters使用動(dòng)畫手來(lái)解釋滑動(dòng)動(dòng)作，從而幫助用戶了解下一步該怎么做。

將漸進(jìn)式披露應(yīng)用于我們的用戶體驗(yàn)

漸進(jìn)公開(kāi)的概念聽(tīng)起來(lái)很簡(jiǎn)單，但是要設(shè)計(jì)適當(dāng)?shù)臐u進(jìn)公開(kāi)，考慮以下內(nèi)容至關(guān)重要。

1.了解您的用戶

逐步披露的主要危險(xiǎn)是對(duì)您的用戶做出錯(cuò)誤的假設(shè)，并根據(jù)該假設(shè)“優(yōu)化”體驗(yàn)。正如雅各布·尼爾森（Jakob Nielsen ）所說(shuō)：“可用性方面最難得的教訓(xùn)之一是，'您不是用戶。'

要設(shè)計(jì)良好的漸進(jìn)式披露方式，您需要了解用戶（了解他們的需求），并使其參與設(shè)計(jì)過(guò)程（與他們進(jìn)行定期互動(dòng)-不僅是在發(fā)布產(chǎn)品時(shí)）。

您可能還會(huì)喜歡：進(jìn)行用戶訪談：如何正確進(jìn)行。

2.優(yōu)先考慮功能

要?jiǎng)?chuàng)建良好的UX，您需要確定所有功能的優(yōu)先級(jí)，并在關(guān)鍵功能和輔助功能之間進(jìn)行正確劃分。提前披露重要信息和行動(dòng)至關(guān)重要。

要正確地確定功能的優(yōu)先級(jí)：

確定用戶的目標(biāo)并確定其優(yōu)先級(jí)。使用“ 待完成的工作”框架來(lái)確定關(guān)鍵的用戶目標(biāo)。繪制整個(gè)用戶流程并進(jìn)行任務(wù)分析，以了解人們?cè)诼贸痰拿恳徊蕉夹枰裁础?nbsp;

如果您的產(chǎn)品是實(shí)時(shí)產(chǎn)品，請(qǐng)收集并分析有關(guān)用戶互動(dòng)（人們實(shí)際使用產(chǎn)品的方式）的數(shù)據(jù)。

3.解決可發(fā)現(xiàn)性問(wèn)題

可發(fā)現(xiàn)性是逐步披露的主要挑戰(zhàn)之一。當(dāng)您要使用漸進(jìn)式披露時(shí)，您需要隱藏內(nèi)容，同時(shí)仍要為人們提供足夠的上下文詳細(xì)信息，以幫助他們?cè)谛枰獣r(shí)找到內(nèi)容。

因此，您需要確保用戶易于訪問(wèn)二級(jí)信息。例如，如果您為此目的使用一個(gè)按鈕，請(qǐng)以某種方式對(duì)其進(jìn)行標(biāo)記，以明確要求用戶在進(jìn)入下一個(gè)級(jí)別時(shí)會(huì)發(fā)現(xiàn)什么。

4.避免多層次的逐步披露

實(shí)際上，超出兩個(gè)公開(kāi)級(jí)別的設(shè)計(jì)通常具有較低的可用性，因?yàn)橛脩粼趦蓚€(gè)級(jí)別之間移動(dòng)時(shí)相對(duì)容易迷路。如果內(nèi)容或功能太多，則需要3個(gè)或更多級(jí)別，請(qǐng)考慮簡(jiǎn)化設(shè)計(jì)。

通過(guò)Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)

降低噪音并增加信號(hào)

當(dāng)我們?cè)O(shè)計(jì)新產(chǎn)品時(shí)，我們應(yīng)該始終嘗試充分利用我們的界面并大程度地利用為我們提供的任何空間。逐步披露可以幫助我們實(shí)現(xiàn)這一目標(biāo)。應(yīng)用良好的漸進(jìn)式披露將保持用戶界面的整潔，并幫助人們處理產(chǎn)品的復(fù)雜性而不會(huì)引起混淆。

文章標(biāo)題：高端網(wǎng)站建設(shè)公司
URL鏈接：http://www.muchs.cn/news47/176247.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容