2016-10-08 分類: 用戶體驗(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)站。通過保持簡(jiǎn)單和直接的信息和內(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)航需要簡(jiǎn)單和精簡(jiǎn)。如果您不確定從哪里開始,請(qǐng)查看您的移動(dòng)用戶分析。訪問的前三四頁是什么?這些頁面是否符合你的期望?您找到了關(guān)鍵的導(dǎo)航元素,因此您可以相應(yīng)地調(diào)整移動(dòng)內(nèi)容。
3.像一個(gè)搜索引擎一樣思考
不要玩這個(gè)算法。創(chuàng)建用戶想要閱讀的高質(zhì)量?jī)?nèi)容。
無論您每天獲得10次綜合瀏覽量,還是數(shù)百萬次瀏覽量,當(dāng)涉及到移動(dòng)設(shè)備上的內(nèi)容時(shí),您都希望像搜索引擎一樣思考。每一個(gè)字,圖像和內(nèi)容都需要快速搜索。但不要玩這個(gè)算法。創(chuàng)建用戶想要閱讀的高質(zhì)量?jī)?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)容更易于閱讀和消化。看看你的身體副本,并選擇一個(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)。
通過簡(jiǎn)單易懂的點(diǎn)擊功能簡(jiǎ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ì)更方形或垂直裁剪。
為簡(jiǎn)潔起見,文本被編輯和修剪。
導(dǎo)航被重新調(diào)整并放置在不同的位置。
行動(dòng)呼吁被制作成更大的幾乎屏幕尺寸的元素。
所有按鈕和龍頭元素都放置在易于到達(dá)的位置,這取決于用戶握住手機(jī)的方式。
網(wǎng)站名稱:7種方法適應(yīng)更好移動(dòng)用戶體驗(yàn)
新聞來源:http://jinyejixie.com/news36/48836.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷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)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容