移動(dòng)行為改變網(wǎng)站設(shè)計(jì)和pc體驗(yàn)的6種方式

1. 漢堡的菜單

不管你喜不喜歡漢堡菜單，它都是你從移動(dòng)設(shè)備跳到桌面的顯著的元素之一。

如果你不熟悉漢堡包菜單，UI/UX設(shè)計(jì)師會(huì)用它來指代一些網(wǎng)站用來代替?zhèn)鹘y(tǒng)導(dǎo)航菜單的三欄圖標(biāo)。

雖然支持和反對(duì)使用漢堡包菜單的理由有很多，但歸根結(jié)底還是要看你的網(wǎng)站的目標(biāo)以及你選擇如何實(shí)現(xiàn)它。

如果操作正確，漢堡包菜單為用戶提供了一個(gè)干凈、不顯眼的布局，讓他們專注于頁面的內(nèi)容。漢堡菜單也消除了“決策疲勞”或“分析麻痹”，當(dāng)人們?cè)陧撁嫔峡吹教噙x項(xiàng)時(shí)，就會(huì)出現(xiàn)這種情況。

它們?cè)趯?dǎo)航欄中顯示了重要的鏈接，同時(shí)在漢堡菜單中巧妙地隱藏了其他鏈接。這種方法非常出色，可以為用戶設(shè)置明確的路徑。

2. 粘性元素移動(dòng)到頁面底部

粘性元素是那些看起來被“粘”在頁面特定部分的元素。

雖然這些在網(wǎng)頁設(shè)計(jì)中并不新鮮，但我們通常會(huì)在頁面頂部看到它們。這些元素可以包括一些東西，如粘貼的標(biāo)題，cookie免責(zé)聲明，或“你好”欄推廣一個(gè)提議。

移動(dòng)瀏覽的增長(zhǎng)使得人們?cè)谠O(shè)計(jì)時(shí)特別考慮到所謂的“拇指區(qū)”。

這指的是用戶可以通過拇指輕松訪問的頁面元素。

考慮到這一點(diǎn)，元素開始從頁面頂部向下移動(dòng)到底部，以便更容易地單擊它們。

例如，F(xiàn)acebook在設(shè)計(jì)“拇指區(qū)”方面做得很好。

這種方法不僅給用戶帶來我之前提到的熟悉感，而且還提供了一種較少干擾的方式來宣傳消息或要約。

典型的用戶從上到下閱讀，因此將這些元素放在頁面的底部可以使人們專注于內(nèi)容，然后在準(zhǔn)備就緒時(shí)輕松地與內(nèi)容進(jìn)行交互。

3.漸進(jìn)式加載和骨架屏幕

為了避免用戶的注意力縮短，我們一直在努力尋求網(wǎng)站速度的提高。

當(dāng)涉及到移動(dòng)設(shè)備時(shí)，情況更是如此，因?yàn)樗恍枰l(fā)出信號(hào)，并且需要等待用戶失去興趣并轉(zhuǎn)到下一頁的額外幾秒鐘。最近在移動(dòng)設(shè)備上，我們已經(jīng)看到漸進(jìn)式加載和骨架屏幕的使用

變得越來越流行。

漸進(jìn)式加載允許頁面的各個(gè)元素在加載后立即可見，而不是一次全部顯示所有內(nèi)容。

漸進(jìn)式加載和骨架框架的好處在于，用戶感覺好像正在取得進(jìn)展，因此等待時(shí)間縮短了。

現(xiàn)在，這種趨勢(shì)已轉(zhuǎn)移到桌面站點(diǎn)，并開始替換（或與之配合使用）陳舊的進(jìn)度條和微調(diào)框。

4.表情符號(hào)的使用

表情符號(hào)在2011年進(jìn)入電話領(lǐng)域，自此變得多產(chǎn)，甚至還擁有自己的電影。

隨著人們?cè)谖淖趾屯莆闹刑砑硬煌谋砬榉?hào)，營(yíng)銷人員已經(jīng)采用了這種趨勢(shì)并找到了將其應(yīng)用于營(yíng)銷的方法也就不足為奇了。

營(yíng)銷人員從表情符號(hào)中獲得很多成功的領(lǐng)域之一是電子郵件主題行。益百利（Experian）發(fā)現(xiàn)，在主題行中使用表情符號(hào)的品牌中有56％的品牌獲得了更高的開放率。表情符號(hào)可說少而又多，從而幫助我們節(jié)省了文字有限區(qū)域的空間。

表情符號(hào)不僅可以幫助我們節(jié)省空間，而且易于識(shí)別，幫助公司在營(yíng)銷中注入一些個(gè)性和樂趣。

5.極簡(jiǎn)設(shè)計(jì)風(fēng)格

簡(jiǎn)約的設(shè)計(jì)風(fēng)格基于“少即是多”的思想。

極簡(jiǎn)主義和簡(jiǎn)化的配色方案最初是在移動(dòng)網(wǎng)站上使用的，目的是縮短加載時(shí)間并避免在有限的屏幕空間上造成混亂和混亂。

今天的設(shè)計(jì)師現(xiàn)在正在采用這一概念，并將其擴(kuò)展到桌面網(wǎng)站，這在Google的Material Design的帶領(lǐng)下取得了很大的進(jìn)步。

實(shí)施簡(jiǎn)約的設(shè)計(jì)有助于為您的用戶提供清晰的焦點(diǎn)。

許多*限度的站點(diǎn)都使用足夠的空白空間，使用戶更容易一次消化一個(gè)部分的信息。這也迫使我們作為營(yíng)銷人員停下來，真正考慮頁面上*必要的內(nèi)容以及絨毛。

就在您進(jìn)入他們的主頁時(shí)，您會(huì)得到一個(gè)大膽的清晰陳述，說明他們的軟件功能以及如何注冊(cè)。

當(dāng)您滾動(dòng)瀏覽頁面時(shí)，該網(wǎng)站感覺非常開放和整潔。它不是太多文本，但是您可以獲得所需的所有必要信息。

6. SaaS的入職體驗(yàn)

用戶入職不再*于應(yīng)用程序和移動(dòng)網(wǎng)站；提供那些用戶可能不熟悉的獨(dú)特服務(wù)或軟件功能的公司正在使用它。無論他們是在移動(dòng)網(wǎng)站還是臺(tái)式機(jī)網(wǎng)站上。

簡(jiǎn)而言之，用戶入職是一種工具，可以向客戶介紹服務(wù)的特定元素，以確保他們獲得成功。

這些入門功能在減少用戶首次使用您的軟件時(shí)可能產(chǎn)生的摩擦或猶豫方面做得非常出色。

它們還使您有機(jī)會(huì)真正給人留下良好的*印象，并立即使用戶滿意。

重點(diǎn)介紹

隨著移動(dòng)設(shè)備的持續(xù)增長(zhǎng)，我們很可能會(huì)看到越來越多的趨勢(shì)（例如上述趨勢(shì)）逐漸轉(zhuǎn)移到臺(tái)式機(jī)網(wǎng)站。

因此，請(qǐng)密切注意自己喜歡的應(yīng)用程序和網(wǎng)站，并集思廣益如何在網(wǎng)站上使用類似行為。

分享文章：移動(dòng)行為改變網(wǎng)站設(shè)計(jì)和pc體驗(yàn)的6種方式
網(wǎng)站地址：http://www.muchs.cn/news/209590.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、云服務(wù)器、營(yíng)銷型網(wǎng)站建設(shè)、電子商務(wù)、Google

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)