400-611-9921
2018-03-09
2789
一個(gè)偉大設(shè)計(jì)的開(kāi)始始于內(nèi)容。為充分利用恒星移動(dòng)用戶體驗(yàn),內(nèi)容可能需要經(jīng)過(guò)一些調(diào)整和更改。
但你從哪兒開(kāi)始呢?應(yīng)如何調(diào)整內(nèi)容以在移動(dòng)設(shè)備上無(wú)縫工作?它首先考慮用戶與較小屏幕交互的方式,以及它們?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)站。通過(guò)保持簡(jiǎn)單和直接的信息和內(nèi)容,您有更好的機(jī)會(huì)讓單個(gè)想法得到溝通。
但是,一個(gè)人的想法是什么樣子?這是一個(gè)文本,圖像和可操作的元素塊都捆綁在一起。內(nèi)容組應(yīng)該要求用戶做出一個(gè)選擇:你想這樣做嗎?
2.優(yōu)先導(dǎo)航
在訪問(wèn)您的網(wǎng)站的移動(dòng)(響應(yīng))版本時(shí),應(yīng)該有一些用戶傾向于做的事情,或者您希望他們做的事情。確保有易于遵循的導(dǎo)航功能,可以讓用戶快速訪問(wèn)這些元素。
雖然一個(gè)包含多個(gè)級(jí)別的十個(gè)導(dǎo)航選項(xiàng)菜單可能會(huì)在您的桌面網(wǎng)站上運(yùn)行,但移動(dòng)用戶通常會(huì)有更多的時(shí)間緊迫。他們無(wú)意在網(wǎng)站周圍徘徊,直到他們發(fā)現(xiàn)某些東西。
導(dǎo)航需要簡(jiǎn)單和精簡(jiǎn)。如果您不確定從哪里開(kāi)始,請(qǐng)查看您的移動(dòng)用戶分析。訪問(wèn)的前三四頁(yè)是什么?這些頁(yè)面是否符合你的期望?您找到了關(guān)鍵的導(dǎo)航元素,因此您可以相應(yīng)地調(diào)整移動(dòng)內(nèi)容。
3.像一個(gè)搜索引擎一樣思考
不要玩這個(gè)算法。創(chuàng)建用戶想要閱讀的高質(zhì)量?jī)?nèi)容。
無(wú)論您每天獲得10次綜合瀏覽量,還是數(shù)百萬(wàn)次瀏覽量,當(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)容元素。例如,選擇一張最重要的照片,而不是在主頁(yè)上顯示三張圖像。不要輕視你的手機(jī)網(wǎng)站; 網(wǎng)速和Wi-Fi一直在變得越來(lái)越好,但一些用戶會(huì)與連接發(fā)生沖突,并且您的網(wǎng)站仍然需要訪問(wèn)。
您可以使用Google提供的這款漂亮工具來(lái)檢查移動(dòng)網(wǎng)頁(yè)的速度,這可以幫助您保持一切優(yōu)化。
4.使文字更大
較小的屏幕不應(yīng)該意味著較小的文字。實(shí)際上,您應(yīng)該增加磅值以使內(nèi)容更易于閱讀和消化??纯茨愕纳眢w副本,并選擇一個(gè)允許每行30到40個(gè)字符的大小。(這是桌面屏幕推薦的一半左右)。
還有其他一些技巧可以使文本在小屏幕上更具可讀性。您可以在以前的Design Shack文章中找到有關(guān)設(shè)計(jì)更好的移動(dòng)排版技巧的文章。
5.寫(xiě)有意義的顯微鏡
偉大的顯微鏡 - 按鈕等元素內(nèi)的文字 - 可以制作或破壞設(shè)計(jì)。微鏡可以為設(shè)計(jì)增添個(gè)性和火花。它還傳達(dá)大量信息,并幫助用戶找到解決方案。
尤其是在移動(dòng)設(shè)備上,請(qǐng)考慮使顯微鏡比正常情況稍微大一些,并始終以形式使用它,以幫助用戶確切地知道該做什么。
例如,考慮在為手機(jī)付款時(shí)遇到的常見(jiàn)問(wèn)題。表單可以跨越多個(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)畫(huà)和視差滾動(dòng)功能看起來(lái)很棒,但可能會(huì)讓手機(jī)版本停滯不前。刪除您不需要的任何移動(dòng)設(shè)計(jì)。你希望一切都能快速無(wú)縫地加載; 動(dòng)畫(huà)可能會(huì)或可能不會(huì)影響與用戶立即連接的方式。
你可以去掉另一個(gè)效果?懸停效果。觸摸動(dòng)作沒(méi)有懸浮狀態(tài)。
通過(guò)簡(jiǎn)單易懂的點(diǎn)擊功能簡(jiǎn)化了移動(dòng)用戶體驗(yàn)(取代點(diǎn)擊),這些功能具有明顯的反饋意義。您不希望用戶質(zhì)疑是否有行動(dòng)發(fā)生; 它應(yīng)該永遠(yuǎn)是顯而易見(jiàn)的。
7.適應(yīng)規(guī)模
沒(méi)有什么比在一切都很微小的移動(dòng)響應(yīng)網(wǎng)站上登陸更令人沮喪。有一個(gè)移動(dòng)設(shè)計(jì)的目的是為了讓用戶在更小的設(shè)備上更容易訪問(wèn)網(wǎng)站。你必須調(diào)整內(nèi)容的規(guī)模。
有時(shí)適應(yīng)內(nèi)容只是部分的重新安排。
在桌面上排列在屏幕上的盒子可能會(huì)垂直堆疊在移動(dòng)設(shè)備上。
根據(jù)移動(dòng)使用的主導(dǎo)方向(垂直),照片會(huì)更方形或垂直裁剪。
為簡(jiǎn)潔起見(jiàn),文本被編輯和修剪。
導(dǎo)航被重新調(diào)整并放置在不同的位置。
行動(dòng)呼吁被制作成更大的幾乎屏幕尺寸的元素。
所有按鈕和龍頭元素都放置在易于到達(dá)的位置,這取決于用戶握住手機(jī)的方式。
結(jié)論
你準(zhǔn)備好重新考慮你網(wǎng)站上的一些內(nèi)容嗎?如果你建立了一個(gè)響應(yīng)式網(wǎng)站,并且假設(shè)所有的東西都會(huì)轉(zhuǎn)換移動(dòng)用戶,那么現(xiàn)在是時(shí)候評(píng)估移動(dòng)設(shè)計(jì)的一部分了。有可能會(huì)有小的內(nèi)容變化的空間,真正改變用戶與設(shè)計(jì)交互的方式。
這是設(shè)計(jì)過(guò)程的重要組成部分??纯茨愕姆治?。您的用戶群中有多少百分比訪問(wèn)移動(dòng)設(shè)備上的設(shè)計(jì)?如果您沒(méi)有根據(jù)自己的需求進(jìn)行調(diào)整,那么您可能會(huì)疏遠(yuǎn)您的大部分用戶群,無(wú)意冒犯他們。
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)