1.你必要每一屏只保留一個(gè)重要信息(想法)
當(dāng)移動(dòng)設(shè)備的內(nèi)容設(shè)計(jì)看起來(lái)一團(tuán)糟的時(shí)候,試偏重新計(jì)劃和規(guī)劃頁(yè)面的元素(這一點(diǎn)在網(wǎng)站設(shè)計(jì)項(xiàng)目中是一樣的),你必要保證每一個(gè)屏幕最多承載一個(gè)重要的的視覺(jué)或信息。即使如今的手機(jī)日益趨向于更大的尺寸和分辨率,也不要被勾引在屏幕上塞過(guò)多的信息!
每一屏保留一個(gè)重要信息已經(jīng)充足了,再多,你可能就冒著壓服用戶的風(fēng)險(xiǎn)。
一樣平常來(lái)說(shuō),風(fēng)俗使用移動(dòng)設(shè)備的用戶更傾向于多義務(wù)處理。他們可能在看你的網(wǎng)站設(shè)計(jì)的同時(shí),也在看棒球比賽,或者和同伙聊天。通過(guò)保持信息和內(nèi)容的簡(jiǎn)單和直接,你有一個(gè)更好的機(jī)會(huì)來(lái)傳達(dá)一個(gè)想法,同時(shí),這個(gè)想法也更容易被用戶吸取(由于頁(yè)面上沒(méi)有其他不先關(guān)的干擾)。
但這個(gè)想法詳細(xì)是什么呢?它可以是一組文本、圖像和可操作的元素。內(nèi)容的組合應(yīng)該讓用戶做出一個(gè)選擇:你想要如許做嗎?
2.優(yōu)先級(jí)導(dǎo)航
當(dāng)用戶訪問(wèn)你的網(wǎng)站設(shè)計(jì)或者移動(dòng)端(相應(yīng)性)版本時(shí),應(yīng)該有一些可以使用戶傾向于去做的事情,或者你盼望他們做的事情。確保你的導(dǎo)航可以精確并且有用的指導(dǎo)用戶,讓用戶快速地獲得這些信息或者元素。
盡管像具有10個(gè)不同級(jí)別的導(dǎo)航選項(xiàng)菜單可能在你的桌面站點(diǎn)上運(yùn)行優(yōu)秀,但移動(dòng)端的用戶通常在時(shí)間上更有壓力。他們偶然在網(wǎng)站上閑逛,他們的唯一目的就是找到一些他們必要的東西。
所以,移動(dòng)端的導(dǎo)航必要盡可能的簡(jiǎn)單和精簡(jiǎn)。假如你不確定從哪里開始,可以在網(wǎng)上查找一些有關(guān)手機(jī)用戶的舉動(dòng)分析來(lái)幫助你獲得想法。弄清楚用戶經(jīng)常訪問(wèn)的前三、四頁(yè)是什么?這些頁(yè)面的訪問(wèn)量是否吻合你的預(yù)期?通過(guò)這些信息,你可能會(huì)找到關(guān)鍵的導(dǎo)航元素,接下來(lái)就是響應(yīng)地調(diào)整移動(dòng)端的內(nèi)容了。
3.以搜索引擎的角度來(lái)思考
無(wú)論你天天獲得的頁(yè)面欣賞量是十個(gè)照舊數(shù)百萬(wàn)個(gè),你要像搜索引擎一樣思考移動(dòng)設(shè)備上的內(nèi)容。每個(gè)單詞、圖像和內(nèi)容都必要被快速找到和記錄。不要過(guò)多的在意和規(guī)避搜索引擎的算法,你必要做的是創(chuàng)建用戶想要閱讀的高質(zhì)量?jī)?nèi)容。
在移動(dòng)方面,這可能意味著你必要削減一些內(nèi)容元素。例如,在主頁(yè)上有三張圖片,選一張最緊張的照片就充足了。不要在評(píng)估上失衡,網(wǎng)絡(luò)速度和wifi技術(shù)一向在提高,但你不能保證所有的用戶都在使用高質(zhì)量的網(wǎng)絡(luò)。
關(guān)于這點(diǎn),你可以借助像谷歌提供的欣賞器工具來(lái)檢查移動(dòng)頁(yè)面的速度,這可以幫助你保持所有的優(yōu)化。
4.剔除不需要的元素
在PC端的網(wǎng)頁(yè)設(shè)計(jì)上,類似旋轉(zhuǎn)的動(dòng)畫和視差滾動(dòng)功能看起來(lái)很不錯(cuò),但在移動(dòng)版本這些結(jié)果可以直接去除。去掉所有你在移動(dòng)端并不必要的設(shè)計(jì)結(jié)果。你盼望所有的東西都能快速、無(wú)縫地加載,動(dòng)效可能會(huì)阻礙你和用戶之間直接有用的鏈接。
另一個(gè)你可能必要去除的結(jié)果就是懸停結(jié)果了。對(duì)于觸摸操作網(wǎng)絡(luò)營(yíng)銷,沒(méi)有“懸浮狀況”如許的東西。
將移動(dòng)用戶體驗(yàn)簡(jiǎn)化為容易理解的tap功能(替代點(diǎn)擊)同樣可以做到顯明的反饋。你不盼望用戶質(zhì)疑某個(gè)舉動(dòng)是否發(fā)生,它應(yīng)該始終是顯而易見的。
5.微內(nèi)容必要故意義
微內(nèi)容的好壞(內(nèi)部元素如按鈕)在網(wǎng)站設(shè)計(jì)上可以成就或者毀滅團(tuán)體的設(shè)計(jì),這在手機(jī)端是一樣的。微內(nèi)容可以幫助設(shè)計(jì)添加個(gè)性和焦點(diǎn)。它同時(shí)也必要能夠傳達(dá)一些有效的信息,幫助用戶在設(shè)計(jì)中找到本身的目標(biāo)。
分外是在移動(dòng)設(shè)備上,考慮將微內(nèi)容較平時(shí)的更大一點(diǎn),并且總是用它來(lái)幫助指導(dǎo)用戶。
你可以試著思考一下你在日常生活中在移動(dòng)端碰到的常見題目,比如你通過(guò)移動(dòng)端付費(fèi)的時(shí)候。必要填寫的表單可能會(huì)跨越多個(gè)屏幕或者以滾動(dòng)的情勢(shì)延伸距離,而通過(guò)微內(nèi)容作為指引,可以使用戶在第一次進(jìn)行操作的時(shí)候就可以精確填寫所有的內(nèi)容變得更容易。
6.使文本內(nèi)容更大
小屏幕并不意味著你必要更小的文本。現(xiàn)實(shí)上,你應(yīng)該增長(zhǎng)點(diǎn)尺寸,使內(nèi)容更容易被閱讀和消化。看一看你的住文本內(nèi)容沈陽(yáng)塑料托盤,選擇一種更適合的尺寸,并且保持每行30到40個(gè)字符(這個(gè)標(biāo)準(zhǔn)大約是桌面版網(wǎng)頁(yè)設(shè)計(jì)保舉的一半)。
在小屏幕上也有其他的技巧可以讓筆墨更容易閱讀和理解。你可以在之前的Design Shack中找到那些有關(guān)于如何設(shè)計(jì)更好的移動(dòng)端文本排版技巧的文章。
7.適應(yīng)范圍
沒(méi)有什么比登陸一個(gè)在頁(yè)面上所有的內(nèi)容都很“mini”的移動(dòng)端相應(yīng)網(wǎng)站更令人沮喪的了。擁有自力的移動(dòng)設(shè)計(jì)的目的是讓用戶可以在更小的設(shè)備上更容易訪問(wèn)你的網(wǎng)站。你必須使內(nèi)容適應(yīng)這種范圍。
偶然,調(diào)整內(nèi)容只是部分內(nèi)容的重新排版。
在PC端的屏幕上橫向排列的按鈕在移動(dòng)端可能必要調(diào)整為垂直放置。
在移動(dòng)端使用的主導(dǎo)方向(垂直)上,照片可能必要被裁剪得更偏向于方形或垂直的長(zhǎng)方形。
為頁(yè)面的簡(jiǎn)潔,你會(huì)必要重新編輯和修剪文本內(nèi)容。
導(dǎo)航必要被重新定位湘商商品交易中心,放置在一個(gè)不同的位置。
有關(guān)于呼吁舉措的按鈕或元素必要被做成更大的,可以適應(yīng)移動(dòng)端屏幕大小的元素。
基于用戶持有手機(jī)的體例,所有的按鈕和點(diǎn)擊元素都必要被放置在很容易找到并觸發(fā)的位置。
總結(jié)
你預(yù)備好重新考慮在你的網(wǎng)站設(shè)計(jì)上規(guī)劃的內(nèi)容了嗎?假如你建立了一個(gè)相應(yīng)式的網(wǎng)站,并且假設(shè)所有的東西都能轉(zhuǎn)化為移動(dòng)端的內(nèi)容,那么就該評(píng)估一下移動(dòng)端部分的設(shè)計(jì)了。交給我們(http://http://www.net2006.com)很有可能,小內(nèi)容更改的空間會(huì)改變用戶與設(shè)計(jì)的交互體例。