一個偉大設(shè)計的開始始于內(nèi)容。為充分利用恒星移動用戶體驗(yàn),內(nèi)容可能需要經(jīng)過一些調(diào)整和更改。
但你從哪兒開始呢?應(yīng)如何調(diào)整內(nèi)容以在移動設(shè)備上無縫工作?它首先考慮用戶與較小屏幕交互的方式,以及它們?nèi)绾斡绊懰麄兿胍喿x的內(nèi)容(以及內(nèi)容)。
1.每屏幕一個想法
在為移動設(shè)備折疊內(nèi)容時,嘗試對各個元素進(jìn)行規(guī)劃,以便每個屏幕都有一個元素。即使手機(jī)似乎再次趨于更大尺寸,也不要試圖在屏幕上塞滿大量信息!
每個屏幕一個想法就夠了。任何更多,你冒著壓倒用戶的風(fēng)險。
移動設(shè)備用戶傾向于多任務(wù)。在參加棒球比賽時,他們在與朋友交談時正在看你的網(wǎng)站。通過保持簡單和直接的信息和內(nèi)容,您有更好的機(jī)會讓單個想法得到溝通。
但是,一個人的想法是什么樣子?這是一個文本,圖像和可操作的元素塊都捆綁在一起。內(nèi)容組應(yīng)該要求用戶做出一個選擇:你想這樣做嗎?
2.優(yōu)先導(dǎo)航
在訪問您的網(wǎng)站的移動(響應(yīng))版本時,應(yīng)該有一些用戶傾向于做的事情,或者您希望他們做的事情。確保有易于遵循的導(dǎo)航功能,可以讓用戶快速訪問這些元素。
雖然一個包含多個級別的十個導(dǎo)航選項(xiàng)菜單可能會在您的桌面網(wǎng)站上運(yùn)行,但移動用戶通常會有更多的時間緊迫。他們無意在網(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)容元素。例如,選擇一張最重要的照片,而不是在主頁上顯示三張圖像。不要輕視你的手機(jī)網(wǎng)站; 網(wǎng)速和Wi-Fi一直在變得越來越好,但一些用戶會與連接發(fā)生沖突,并且您的網(wǎng)站仍然需要訪問。
您可以使用Google提供的這款漂亮工具來檢查移動網(wǎng)頁的速度,這可以幫助您保持一切優(yōu)化。
4.使文字更大
較小的屏幕不應(yīng)該意味著較小的文字。實(shí)際上,您應(yīng)該增加磅值以使內(nèi)容更易于閱讀和消化??纯茨愕纳眢w副本,并選擇一個允許每行30到40個字符的大小。(這是桌面屏幕推薦的一半左右)。
還有其他一些技巧可以使文本在小屏幕上更具可讀性。您可以在以前的Design Shack文章中找到有關(guān)設(shè)計更好的移動排版技巧的文章。
5.寫有意義的顯微鏡
偉大的顯微鏡 - 按鈕等元素內(nèi)的文字 - 可以制作或破壞設(shè)計。微鏡可以為設(shè)計增添個性和火花。它還傳達(dá)大量信息,并幫助用戶找到解決方案。
尤其是在移動設(shè)備上,請考慮使顯微鏡比正常情況稍微大一些,并始終以形式使用它,以幫助用戶確切地知道該做什么。
例如,考慮在為手機(jī)付款時遇到的常見問題。表單可以跨越多個屏幕或卷軸; 引導(dǎo)顯微鏡可以使第一次正確填充所有內(nèi)容變得更容易。(從移動用戶轉(zhuǎn)換操作的關(guān)鍵組件。)
6.刪除移動設(shè)備的不必要的影響
刪除您不需要的任何移動設(shè)計。
在桌面網(wǎng)站上旋轉(zhuǎn)動畫和視差滾動功能看起來很棒,但可能會讓手機(jī)版本停滯不前。刪除您不需要的任何移動設(shè)計。你希望一切都能快速無縫地加載; 動畫可能會或可能不會影響與用戶立即連接的方式。
你可以去掉另一個效果?懸停效果。觸摸動作沒有懸浮狀態(tài)。
通過簡單易懂的點(diǎn)擊功能簡化了移動用戶體驗(yàn)(取代點(diǎn)擊),這些功能具有明顯的反饋意義。您不希望用戶質(zhì)疑是否有行動發(fā)生; 它應(yīng)該永遠(yuǎn)是顯而易見的。
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)整并放置在不同的位置。
行動呼吁被制作成更大的幾乎屏幕尺寸的元素。
所有按鈕和龍頭元素都放置在易于到達(dá)的位置,這取決于用戶握住手機(jī)的方式。
結(jié)論
你準(zhǔn)備好重新考慮你網(wǎng)站上的一些內(nèi)容嗎?如果你建立了一個
響應(yīng)式網(wǎng)站,并且假設(shè)所有的東西都會轉(zhuǎn)換移動用戶,那么現(xiàn)在是時候評估移動設(shè)計的一部分了。有可能會有小的內(nèi)容變化的空間,真正改變用戶與設(shè)計交互的方式。
這是設(shè)計過程的重要組成部分??纯茨愕姆治觥D挠脩羧褐杏卸嗌侔俜直仍L問移動設(shè)備上的設(shè)計?如果您沒有根據(jù)自己的需求進(jìn)行調(diào)整,那么您可能會疏遠(yuǎn)您的大部分用戶群,無意冒犯他們。
本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司,企業(yè)網(wǎng)站建設(shè)
新聞標(biāo)題:適應(yīng)更好移動用戶體驗(yàn)的7種方法
網(wǎng)站URL:http://redsoil1982.com.cn/news13/169113.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)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)