欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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

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

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è)干凈、不顯眼的布局,讓他們專注于頁(yè)面的內(nèi)容。漢堡菜單也消除了“決策疲勞”或“分析麻痹”,當(dāng)人們?cè)陧?yè)面上看到太多選項(xiàng)時(shí),就會(huì)出現(xiàn)這種情況。

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

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

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

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

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

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

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

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

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

在下面的截圖中,你可以看到他們將所有的應(yīng)用程序?qū)Ш巾?xiàng)都移到了屏幕底部。這給了他們更多的關(guān)注,使鏈接更容易點(diǎn)擊。

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

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

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

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

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

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

變得越來越流行。

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

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

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

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

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

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)銷人員停下來,真正考慮頁(yè)面上*必要的內(nèi)容以及絨毛。

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

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

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

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

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

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

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

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

這些入門功能在減少用戶首次使用您的軟件時(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)站上使用類似行為。

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

網(wǎng)站名稱:移動(dòng)行為改變網(wǎng)站設(shè)計(jì)和pc體驗(yàn)的6種方式
文章地址:http://aaarwkj.com/news40/209590.html

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

廣告

聲明:本網(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)

手機(jī)網(wǎng)站建設(shè)
91国内外精品自在线播放| 久草国产免费福利在线视频| 久久精品久久精品欧美大片| 99国产精品欲av麻豆在线观看| 四虎经典视频在线播放| 偷怕自拍在线免费观看| 亚洲精品美女久久久久高潮| 日韩二区三区在线观看| 欧美精品亚洲精品日韩| 一区二区三区毛片视频| 欧美精品激情在线不卡| 午夜两性做爰免费视频| 亚洲精品成av人在线观看| 亚洲精品一区二区午夜| 国产三级黄色大片在线免费看| 亚洲免费一区二区三区四区| 日韩成人三级一区二区| 亚洲中国av一区二区| 久久精品亚洲毛片美女极品| 午夜未满十八禁止观看| 在线播放精品免费不卡 | 中文字幕不卡在线观看不卡| 欧美精品一区二区久久| 精品少妇人妻久久av免费| 日本福利写真在线观看| 亚洲av永久国产剧情| 成人黄网站色大片免费| 日本黄色大波少妇网站| 欧美成人一区二区三区片| 国产日韩精品免费在线| av天堂官网在线人妻| 巴西老熟女大奶子多毛逼| 久久婷婷av一区二区三区| 国产亚洲无线码一区二区| 亚洲欧美精品综合久久99| 亚洲天堂一区二区av| 暖暖免费中文高清日本三区| 亚洲一区二区三区精品国产| 免费在线观看av不卡| 亚洲一区二区三区色婷婷| av免费在线观看网页|