一個好的設(shè)計(jì)總是在內(nèi)容上。為了使您的網(wǎng)站構(gòu)建用戶體驗(yàn)更加充分地表達(dá)和匹配實(shí)際操作體驗(yàn),您可能必須對內(nèi)容設(shè)計(jì)進(jìn)行一些調(diào)整和更改。
但是你應(yīng)該從哪里開始呢?內(nèi)容如何適應(yīng)移動設(shè)備并無縫工作?我想你可能想要開始考慮用戶如何與小屏幕交互,以及它們?nèi)绾斡绊懀ㄒ约八鼈兛梢杂绊懙某潭龋┧麄兿胍喿x。
1.你只需要在每個屏幕上保留一條重要信息(想法)
當(dāng)移動設(shè)備的內(nèi)容設(shè)計(jì)看起來很亂時,嘗試重新規(guī)劃和規(guī)劃頁面的元素(這在
網(wǎng)站設(shè)計(jì)項(xiàng)目中是相同的),并且您必須確保每個屏幕較多包含一個重要的視覺或信息。即使現(xiàn)在的手機(jī)越來越傾向于更大的尺寸和分辨率,也不要在屏幕上引出太多信息!
在每個屏幕上保留重要信息便足夠了,而且您可能會冒著吹噓用戶的風(fēng)險。
像往常一樣,使用移動設(shè)備的用戶更傾向于處理更多。他們可能會在觀看您的
網(wǎng)站設(shè)計(jì)時,您還在觀看棒球比賽或與您的伴侶聊天。通過保持信息和內(nèi)容簡單明了,您有更好的機(jī)會傳達(dá)一個想法,同時,這個想法更容易被用戶吸收(因?yàn)轫撁嫔蠜]有其他干擾)。
但這個想法的細(xì)節(jié)是什么?它可以是一組文本,圖像和可操作元素。內(nèi)容的組合應(yīng)該允許用戶做出選擇:你想這樣做嗎?
2.優(yōu)先導(dǎo)航
當(dāng)用戶訪問您的
網(wǎng)站設(shè)計(jì)或移動(相關(guān))版本時,應(yīng)該有用戶可以做的事情,或者您希望他們做什么。確保您的導(dǎo)航精確有效地引導(dǎo)用戶,允許用戶快速獲取信息或元素。
雖然具有10種不同級別導(dǎo)航選項(xiàng)的菜單可以在您的桌面網(wǎng)站上正常工作,但移動端的用戶通常會更加緊張。他們偶然發(fā)現(xiàn)了這個網(wǎng)站,他們的目的便是找到他們需要的東西。
因此,移動端的導(dǎo)航必須盡可能簡單和流線型。如果您不確定從哪里開始,可以在線找到它。一些分析手機(jī)用戶的行為,以幫助您獲得想法。用戶經(jīng)常訪問的前三四頁是什么?這些頁面的訪問是否符合您的期望?有了這些信息,您可能會找到關(guān)鍵的導(dǎo)航元素,下一步便是響應(yīng)性地調(diào)整移動設(shè)備的內(nèi)容。
3.從搜索引擎的角度思考
無論您每天獲得多少頁面瀏覽量,您都必須考慮移動設(shè)備上的內(nèi)容,例如搜索引擎。必須快速找到并記錄每個單詞,圖像和內(nèi)容。不要過分擔(dān)心和逃避搜索引擎算法。您所要做的便是創(chuàng)建用戶想要閱讀的高質(zhì)量內(nèi)容。
在移動端,這可能意味著您需要剪切一些內(nèi)容元素。例如,主頁上有三張圖片,選擇較強(qiáng)烈的照片便足夠了。不要失去平衡,網(wǎng)絡(luò)速度和wifi技術(shù)總是在不斷改進(jìn),但你無法保證所有用戶都在使用高質(zhì)量的網(wǎng)絡(luò)。
在這方面,您可以借助Google等應(yīng)用程序檢查移動頁面的速度,這可以幫助您保持所有優(yōu)化。
4.使文本內(nèi)容更大
小屏幕并不意味著您需要更少的文字。實(shí)際上,您應(yīng)該增加點(diǎn)的大小,以使內(nèi)容更容易閱讀和消化??纯茨愕某陵栁淖炙芰贤斜P,選擇一個更合適的尺寸,每行保留30到40個字符(這個標(biāo)準(zhǔn)大約是網(wǎng)頁設(shè)計(jì)的桌面版的一半)。
小屏幕上還有其他技巧,使筆和墨水更容易閱讀和理解。您可以在之前的Design Shack中找到有關(guān)如何設(shè)計(jì)更好的移動文本布局技術(shù)的文章。
5.
網(wǎng)站建設(shè)微觀內(nèi)容的意義
在網(wǎng)站設(shè)計(jì)中可以實(shí)現(xiàn)或破壞微內(nèi)容(諸如按鈕之類的內(nèi)部元素)的質(zhì)量,這在移動電話上是相同的。微內(nèi)容可以幫助設(shè)計(jì)增加個性和專注。它還需要能夠傳達(dá)一些有用的信息,以幫助用戶在設(shè)計(jì)中找到自己的目標(biāo)。
特別是在移動設(shè)備上,考慮使微內(nèi)容比平常大一點(diǎn),并始終使用它來指導(dǎo)用戶。
您可以嘗試考慮在日常生活中遇到的常見問題,例如您通過移動設(shè)備付款時。需要填寫表單可以跨越多個屏幕或在滾動的情況下延長距離,并且微內(nèi)容作為指南使用戶更容易在他們操作時準(zhǔn)確填寫所有內(nèi)容。
6.消除不需要的元素
在PC端網(wǎng)頁設(shè)計(jì)中,類似旋轉(zhuǎn)的動畫和視差滾動看起來很棒,但在移動版本中,這些結(jié)果可以直接刪除。 刪除移動端不需要的所有設(shè)計(jì)結(jié)果。 您希望快速無縫地加載所有內(nèi)容,這些效果可能會阻礙您與用戶之間的直接有用鏈接。
您可能需要刪除的另一個結(jié)果是懸停結(jié)果。 對于觸控式在線營銷,沒有“浮動情況”這樣的事情。
將移動用戶體驗(yàn)簡化為易于理解的點(diǎn)擊功能(替代點(diǎn)擊)也可以提供明確的反饋。 您不希望用戶質(zhì)疑是否發(fā)生了移動,它應(yīng)該始終是顯而易見的。
本文標(biāo)題:為網(wǎng)站構(gòu)建用戶體驗(yàn)的7種方法
地址分享:http://redsoil1982.com.cn/news8/124708.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)