中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

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

1. 漢堡的菜單

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

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

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

如果操作正確,漢堡包菜單為用戶提供了一個干凈、不顯眼的布局,讓他們專注于頁面的內(nèi)容。漢堡菜單也消除了“決策疲勞”或“分析麻痹”,當(dāng)人們在頁面上看到太多選項時,就會出現(xiàn)這種情況。

在下面的設(shè)計機(jī)構(gòu)中,Telepathy使用漢堡包菜單和傳統(tǒng)菜單的好組合來創(chuàng)建干凈的UI。

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

2. 粘性元素移動到頁面底部

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

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

移動瀏覽的增長使得人們在設(shè)計時特別考慮到所謂的“拇指區(qū)”。

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

考慮到這一點,元素開始從頁面頂部向下移動到底部,以便更容易地單擊它們。

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

在下面的截圖中,你可以看到他們將所有的應(yīng)用程序?qū)Ш巾椂家频搅似聊坏撞?。這給了他們更多的關(guān)注,使鏈接更容易點擊。

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

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

下面的示例顯示了Medium如何在頁面底部使用粘性元素向用戶顯示剩余的免費閱讀次數(shù)。用戶仍然可以輕松閱讀內(nèi)容,然后在準(zhǔn)備好后選擇注冊。

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

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

當(dāng)涉及到移動設(shè)備時,情況更是如此,因為它只需要發(fā)出信號,并且需要等待用戶失去興趣并轉(zhuǎn)到下一頁的額外幾秒鐘。最近在移動設(shè)備上,我們已經(jīng)看到漸進(jìn)式加載骨架屏幕的使用

變得越來越流行。

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

在加載各個元素時,您會看到一個骨架屏幕,該屏幕本質(zhì)上是頁面的線框。下面的示例是Facebook的框架屏幕。

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

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

您可以看到諸如Linkedin之類的網(wǎng)站和諸如Slack之類的應(yīng)用程序已經(jīng)利用了這種技術(shù)。

4.表情符號的使用

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

隨著人們在文字和推文中添加不同的表情符號,營銷人員已經(jīng)采用了這種趨勢并找到了將其應(yīng)用于營銷的方法也就不足為奇了。

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

表情符號不僅可以幫助我們節(jié)省空間,而且易于識別,幫助公司在營銷中注入一些個性和樂趣。

5.極簡設(shè)計風(fēng)格

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

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

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

實施簡約的設(shè)計有助于為您的用戶提供清晰的焦點。

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

我喜歡的示例之一是原型軟件Marvel App的主頁。

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

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

6. SaaS的入職體驗

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

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

一些網(wǎng)站(例如Quora)使用此策略作為設(shè)置手冊,以使用戶啟動并運行其產(chǎn)品。

其他站點,例如Duolingo,會使用其入門設(shè)置來提醒您可以在其軟件中使用的不同功能。

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

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

重點介紹

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

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

在網(wǎng)站上創(chuàng)造更好的體驗時,對這些趨勢持開放態(tài)度可能會有所不同。

網(wǎng)站名稱:移動行為改變網(wǎng)站設(shè)計和pc體驗的6種方式
文章地址:http://www.rwnh.cn/news40/209590.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、微信公眾號建站公司、做網(wǎng)站、網(wǎng)站制作App開發(fā)

廣告

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

手機(jī)網(wǎng)站建設(shè)
临高县| 遵义县| 荥阳市| 河曲县| 翁源县| 深州市| 武邑县| 隆回县| 宁陵县| 双城市| 镇康县| 涪陵区| 彰化县| 分宜县| 中牟县| 城固县| 日喀则市| 上栗县| 稻城县| 山东省| 华坪县| 东乌珠穆沁旗| 巫山县| 铁力市| 绥江县| 图木舒克市| 延边| 虎林市| 弋阳县| 措美县| 曲沃县| 尚志市| 苏尼特右旗| 韶关市| 旬邑县| 长泰县| 松原市| 瑞安市| 南皮县| 江川县| 象州县|