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

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

1.每屏幕一個想法

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

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

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

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

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

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

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

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

3.像一個搜索引擎一樣思考

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

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

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

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

4.使文字更大

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

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

5.寫有意義的顯微鏡

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

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

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

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

刪除您不需要的任何移動設(shè)計。

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

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)站欄目：7種方法適應(yīng)更好移動用戶體驗
標(biāo)題網(wǎng)址：http://m.rwnh.cn/news/48836.html

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

廣告

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