japanese少妇高潮潮喷 -精品国产AV一区二区三区-麻豆av一区二区三区久久-国产精品无码专区

移動行為改變網(wǎng)站設(shè)計和pc體驗的6種方式

發(fā)布時間:2025-07-17 點擊:9
1. 漢堡的菜單
不管你喜不喜歡漢堡菜單,它都是你從移動設(shè)備跳到桌面的顯著的元素之一。
如果你不熟悉漢堡包菜單,ui/ux設(shè)計師會用它來指代一些網(wǎng)站用來代替?zhèn)鹘y(tǒng)導(dǎo)航菜單的三欄圖標。
雖然支持和反對使用漢堡包菜單的理由有很多,但歸根結(jié)底還是要看你的網(wǎng)站的目標以及你選擇如何實現(xiàn)它。
如果操作正確,漢堡包菜單為用戶提供了一個干凈、不顯眼的布局,讓他們專注于頁面的內(nèi)容。漢堡菜單也消除了“決策疲勞”或“分析麻痹”,當人們在頁面上看到太多選項時,就會出現(xiàn)這種情況。
在下面的設(shè)計機構(gòu)中,telepathy使用漢堡包菜單和傳統(tǒng)菜單的好組合來創(chuàng)建干凈的ui。
它們在導(dǎo)航欄中顯示了重要的鏈接,同時在漢堡菜單中巧妙地隱藏了其他鏈接。這種方法非常出色,可以為用戶設(shè)置明確的路徑。2. 粘性元素移動到頁面底部
粘性元素是那些看起來被“粘”在頁面特定部分的元素。
雖然這些在網(wǎng)頁設(shè)計中并不新鮮,但我們通常會在頁面頂部看到它們。這些元素可以包括一些東西,如粘貼的標題,cookie免責聲明,或“你好”欄推廣一個提議。
移動瀏覽的增長使得人們在設(shè)計時特別考慮到所謂的“拇指區(qū)”。
這指的是用戶可以通過拇指輕松訪問的頁面元素。
考慮到這一點,元素開始從頁面頂部向下移動到底部,以便更容易地單擊它們。
例如,facebook在設(shè)計“拇指區(qū)”方面做得很好。
在下面的截圖中,你可以看到他們將所有的應(yīng)用程序?qū)Ш巾椂家频搅似聊坏撞俊_@給了他們更多的關(guān)注,使鏈接更容易點擊。
這種方法不僅給用戶帶來我之前提到的熟悉感,而且還提供了一種較少干擾的方式來宣傳消息或要約。
典型的用戶從上到下閱讀,因此將這些元素放在頁面的底部可以使人們專注于內(nèi)容,然后在準備就緒時輕松地與內(nèi)容進行交互。
下面的示例顯示了medium如何在頁面底部使用粘性元素向用戶顯示剩余的免費閱讀次數(shù)。用戶仍然可以輕松閱讀內(nèi)容,然后在準備好后選擇注冊。
3.漸進式加載和骨架屏幕
為了避免用戶的注意力縮短,我們一直在努力尋求網(wǎng)站速度的提高。
當涉及到移動設(shè)備時,情況更是如此,因為它只需要發(fā)出信號,并且需要等待用戶失去興趣并轉(zhuǎn)到下一頁的額外幾秒鐘。最近在移動設(shè)備上,我們已經(jīng)看到漸進式加載和骨架屏幕的使用
變得越來越流行。
漸進式加載允許頁面的各個元素在加載后立即可見,而不是一次全部顯示所有內(nèi)容。
在加載各個元素時,您會看到一個骨架屏幕,該屏幕本質(zhì)上是頁面的線框。下面的示例是facebook的框架屏幕。
漸進式加載和骨架框架的好處在于,用戶感覺好像正在取得進展,因此等待時間縮短了。
現(xiàn)在,這種趨勢已轉(zhuǎn)移到桌面站點,并開始替換(或與之配合使用)陳舊的進度條和微調(diào)框。
您可以看到諸如linkedin之類的網(wǎng)站和諸如slack之類的應(yīng)用程序已經(jīng)利用了這種技術(shù)。
4.表情符號的使用
表情符號在2011年進入電話領(lǐng)域,自此變得多產(chǎn),甚至還擁有自己的電影。
隨著人們在文字和推文中添加不同的表情符號,營銷人員已經(jīng)采用了這種趨勢并找到了將其應(yīng)用于營銷的方法也就不足為奇了。
營銷人員從表情符號中獲得很多成功的領(lǐng)域之一是電子郵件主題行。益百利(experian)發(fā)現(xiàn),在主題行中使用表情符號的品牌中有56%的品牌獲得了更高的開放率。表情符號可說少而又多,從而幫助我們節(jié)省了文字有限區(qū)域的空間。
表情符號不僅可以幫助我們節(jié)省空間,而且易于識別,幫助公司在營銷中注入一些個性和樂趣。5.極簡設(shè)計風格
簡約的設(shè)計風格基于“少即是多”的思想。
極簡主義和簡化的配色方案最初是在移動網(wǎng)站上使用的,目的是縮短加載時間并避免在有限的屏幕空間上造成混亂和混亂。
今天的設(shè)計師現(xiàn)在正在采用這一概念,并將其擴展到桌面網(wǎng)站,這在google的material design的帶領(lǐng)下取得了很大的進步。
實施簡約的設(shè)計有助于為您的用戶提供清晰的焦點。
許多*限度的站點都使用足夠的空白空間,使用戶更容易一次消化一個部分的信息。這也迫使我們作為營銷人員停下來,真正考慮頁面上*必要的內(nèi)容以及絨毛。
我喜歡的示例之一是原型軟件marvel app的主頁。
就在您進入他們的主頁時,您會得到一個大膽的清晰陳述,說明他們的軟件功能以及如何注冊。
當您滾動瀏覽頁面時,該網(wǎng)站感覺非常開放和整潔。它不是太多文本,但是您可以獲得所需的所有必要信息。6. saas的入職體驗
用戶入職不再*于應(yīng)用程序和移動網(wǎng)站;提供那些用戶可能不熟悉的獨特服務(wù)或軟件功能的公司正在使用它。無論他們是在移動網(wǎng)站還是臺式機網(wǎng)站上。
簡而言之,用戶入職是一種工具,可以向客戶介紹服務(wù)的特定元素,以確保他們獲得成功。
一些網(wǎng)站(例如quora)使用此策略作為設(shè)置手冊,以使用戶啟動并運行其產(chǎn)品。
其他站點,例如duolingo,會使用其入門設(shè)置來提醒您可以在其軟件中使用的不同功能。
這些入門功能在減少用戶首次使用您的軟件時可能產(chǎn)生的摩擦或猶豫方面做得非常出色。
它們還使您有機會真正給人留下良好的*印象,并立即使用戶滿意。重點介紹
隨著移動設(shè)備的持續(xù)增長,我們很可能會看到越來越多的趨勢(例如上述趨勢)逐漸轉(zhuǎn)移到臺式機網(wǎng)站。
因此,請密切注意自己喜歡的應(yīng)用程序和網(wǎng)站,并集思廣益如何在網(wǎng)站上使用類似行為。
在網(wǎng)站上創(chuàng)造更好的體驗時,對這些趨勢持開放態(tài)度可能會有所不同。


展示型網(wǎng)站建設(shè)的意義及營銷型網(wǎng)站建設(shè)核心要素
哪里能買真正的香港主機
武漢網(wǎng)站建設(shè)瀏覽速度慢是什么原因造成的?
企業(yè)網(wǎng)站如何在設(shè)計和運營上與平臺競爭?
以小見大、由淺入深-談如何面試Javascript工程師
浦東一個合格高效的SEO習慣是怎么養(yǎng)成的?
賀州網(wǎng)站優(yōu)化:seo快排原理的來龍去脈
內(nèi)容網(wǎng)站如何做權(quán)重?