為網(wǎng)站構(gòu)建用戶體驗(yàn)的7種方法

2021-09-01    分類: 用戶體驗(yàn)

一個(gè)好的設(shè)計(jì)總是在內(nèi)容上。為了使您的網(wǎng)站構(gòu)建用戶體驗(yàn)更加充分地表達(dá)和匹配實(shí)際操作體驗(yàn),您可能必須對(duì)內(nèi)容設(shè)計(jì)進(jìn)行一些調(diào)整和更改。

用戶體驗(yàn)


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

分享名稱:為網(wǎng)站構(gòu)建用戶體驗(yàn)的7種方法
文章源于:http://www.bm7419.com/news/124708.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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)