7種方法適應(yīng)更好移動(dòng)用戶體驗(yàn)

一個(gè)偉大設(shè)計(jì)的開始始于內(nèi)容。為充分利用恒星移動(dòng)用戶體驗(yàn)，內(nèi)容可能需要經(jīng)過一些調(diào)整和更改。

但你從哪兒開始呢？應(yīng)如何調(diào)整內(nèi)容以在移動(dòng)設(shè)備上無縫工作？它首先考慮用戶與較小屏幕交互的方式，以及它們?nèi)绾斡绊懰麄兿胍喿x的內(nèi)容（以及內(nèi)容）。

1.每屏幕一個(gè)想法

在為移動(dòng)設(shè)備折疊內(nèi)容時(shí)，嘗試對(duì)各個(gè)元素進(jìn)行規(guī)劃，以便每個(gè)屏幕都有一個(gè)元素。即使手機(jī)似乎再次趨于更大尺寸，也不要試圖在屏幕上塞滿大量信息！

每個(gè)屏幕一個(gè)想法就夠了。任何更多，你冒著壓倒用戶的風(fēng)險(xiǎn)。

移動(dòng)設(shè)備用戶傾向于多任務(wù)。在參加棒球比賽時(shí)，他們?cè)谂c朋友交談時(shí)正在看你的網(wǎng)站。通過保持簡單和直接的信息和內(nèi)容，您有更好的機(jī)會(huì)讓單個(gè)想法得到溝通。

但是，一個(gè)人的想法是什么樣子？這是一個(gè)文本，圖像和可操作的元素塊都捆綁在一起。內(nèi)容組應(yīng)該要求用戶做出一個(gè)選擇：你想這樣做嗎？

2.優(yōu)先導(dǎo)航

在訪問您的網(wǎng)站的移動(dòng)（響應(yīng)）版本時(shí)，應(yīng)該有一些用戶傾向于做的事情，或者您希望他們做的事情。確保有易于遵循的導(dǎo)航功能，可以讓用戶快速訪問這些元素。

雖然一個(gè)包含多個(gè)級(jí)別的十個(gè)導(dǎo)航選項(xiàng)菜單可能會(huì)在您的桌面網(wǎng)站上運(yùn)行，但移動(dòng)用戶通常會(huì)有更多的時(shí)間緊迫。他們無意在網(wǎng)站周圍徘徊，直到他們發(fā)現(xiàn)某些東西。

導(dǎo)航需要簡單和精簡。如果您不確定從哪里開始，請(qǐng)查看您的移動(dòng)用戶分析。訪問的前三四頁是什么？這些頁面是否符合你的期望？您找到了關(guān)鍵的導(dǎo)航元素，因此您可以相應(yīng)地調(diào)整移動(dòng)內(nèi)容。

3.像一個(gè)搜索引擎一樣思考

不要玩這個(gè)算法。創(chuàng)建用戶想要閱讀的高質(zhì)量內(nèi)容。

無論您每天獲得10次綜合瀏覽量，還是數(shù)百萬次瀏覽量，當(dāng)涉及到移動(dòng)設(shè)備上的內(nèi)容時(shí)，您都希望像搜索引擎一樣思考。每一個(gè)字，圖像和內(nèi)容都需要快速搜索。但不要玩這個(gè)算法。創(chuàng)建用戶想要閱讀的高質(zhì)量內(nèi)容。

當(dāng)談到移動(dòng)時(shí)，這可能意味著削減一些內(nèi)容元素。例如，選擇一張最重要的照片，而不是在主頁上顯示三張圖像。不要輕視你的手機(jī)網(wǎng)站; 網(wǎng)速和Wi-Fi一直在變得越來越好，但一些用戶會(huì)與連接發(fā)生沖突，并且您的網(wǎng)站仍然需要訪問。

您可以使用Google提供的這款漂亮工具來檢查移動(dòng)網(wǎng)頁的速度，這可以幫助您保持一切優(yōu)化。

4.使文字更大

較小的屏幕不應(yīng)該意味著較小的文字。實(shí)際上，您應(yīng)該增加磅值以使內(nèi)容更易于閱讀和消化?？纯茨愕纳眢w副本，并選擇一個(gè)允許每行30到40個(gè)字符的大小。（這是桌面屏幕推薦的一半左右）。

還有其他一些技巧可以使文本在小屏幕上更具可讀性。您可以在以前的Design Shack文章中找到有關(guān)設(shè)計(jì)更好的移動(dòng)排版技巧的文章。

5.寫有意義的顯微鏡

偉大的顯微鏡 - 按鈕等元素內(nèi)的文字 - 可以制作或破壞設(shè)計(jì)。微鏡可以為設(shè)計(jì)增添個(gè)性和火花。它還傳達(dá)大量信息，并幫助用戶找到解決方案。

尤其是在移動(dòng)設(shè)備上，請(qǐng)考慮使顯微鏡比正常情況稍微大一些，并始終以形式使用它，以幫助用戶確切地知道該做什么。

例如，考慮在為手機(jī)付款時(shí)遇到的常見問題。表單可以跨越多個(gè)屏幕或卷軸; 引導(dǎo)顯微鏡可以使第一次正確填充所有內(nèi)容變得更容易。（從移動(dòng)用戶轉(zhuǎn)換操作的關(guān)鍵組件。）

6.刪除移動(dòng)設(shè)備的不必要的影響

刪除您不需要的任何移動(dòng)設(shè)計(jì)。

在桌面網(wǎng)站上旋轉(zhuǎn)動(dòng)畫和視差滾動(dòng)功能看起來很棒，但可能會(huì)讓手機(jī)版本停滯不前。刪除您不需要的任何移動(dòng)設(shè)計(jì)。你希望一切都能快速無縫地加載; 動(dòng)畫可能會(huì)或可能不會(huì)影響與用戶立即連接的方式。

你可以去掉另一個(gè)效果？懸停效果。觸摸動(dòng)作沒有懸浮狀態(tài)。

通過簡單易懂的點(diǎn)擊功能簡化了移動(dòng)用戶體驗(yàn)（取代點(diǎn)擊），這些功能具有明顯的反饋意義。您不希望用戶質(zhì)疑是否有行動(dòng)發(fā)生; 它應(yīng)該永遠(yuǎn)是顯而易見的。

7.適應(yīng)規(guī)模

沒有什么比在一切都很微小的移動(dòng)響應(yīng)網(wǎng)站上登陸更令人沮喪。有一個(gè)移動(dòng)設(shè)計(jì)的目的是為了讓用戶在更小的設(shè)備上更容易訪問網(wǎng)站。你必須調(diào)整內(nèi)容的規(guī)模。

有時(shí)適應(yīng)內(nèi)容只是部分的重新安排。

在桌面上排列在屏幕上的盒子可能會(huì)垂直堆疊在移動(dòng)設(shè)備上。

根據(jù)移動(dòng)使用的主導(dǎo)方向（垂直），照片會(huì)更方形或垂直裁剪。

為簡潔起見，文本被編輯和修剪。

導(dǎo)航被重新調(diào)整并放置在不同的位置。

行動(dòng)呼吁被制作成更大的幾乎屏幕尺寸的元素。

所有按鈕和龍頭元素都放置在易于到達(dá)的位置，這取決于用戶握住手機(jī)的方式。

網(wǎng)站欄目：7種方法適應(yīng)更好移動(dòng)用戶體驗(yàn)
標(biāo)題網(wǎng)址：http://www.bm7419.com/news/48836.html

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

廣告

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