1.你必要每一屏只保留一個(gè)重要信息(想法)

　　當移動(dòng)設備的內容設計看起來(lái)一團糟的時(shí)候，試偏重新計劃和規劃頁(yè)面的元素(這一點(diǎn)在網(wǎng)站設計項目中是一樣的)，你必要保證每一個(gè)屏幕最多承載一個(gè)重要的的視覺(jué)或信息。即使如今的手機日益趨向于更大的尺寸和分辨率，也不要被勾引在屏幕上塞過(guò)多的信息!

　　每一屏保留一個(gè)重要信息已經(jīng)充足了，再多，你可能就冒著(zhù)壓服用戶(hù)的風(fēng)險。

　　一樣平常來(lái)說(shuō)，風(fēng)俗使用移動(dòng)設備的用戶(hù)更傾向于多義務(wù)處理。他們可能在看你的網(wǎng)站設計的同時(shí)，也在看棒球比賽，或者和同伙聊天。通過(guò)保持信息和內容的簡(jiǎn)單和直接，你有一個(gè)更好的機會(huì )來(lái)傳達一個(gè)想法，同時(shí)，這個(gè)想法也更容易被用戶(hù)吸取(由于頁(yè)面上沒(méi)有其他不先關(guān)的干擾)。

　　但這個(gè)想法詳細是什么呢?它可以是一組文本、圖像和可操作的元素。內容的組合應該讓用戶(hù)做出一個(gè)選擇:你想要如許做嗎?

　　2.優(yōu)先級導航

　　當用戶(hù)訪(fǎng)問(wèn)你的網(wǎng)站設計或者移動(dòng)端(相應性)版本時(shí)，應該有一些可以使用戶(hù)傾向于去做的事情，或者你盼望他們做的事情。確保你的導航可以精確并且有用的指導用戶(hù)，讓用戶(hù)快速地獲得這些信息或者元素。

　　盡管像具有10個(gè)不同級別的導航選項菜單可能在你的桌面站點(diǎn)上運行優(yōu)秀，但移動(dòng)端的用戶(hù)通常在時(shí)間上更有壓力。他們偶然在網(wǎng)站上閑逛，他們的唯一目的就是找到一些他們必要的東西。

　　所以，移動(dòng)端的導航必要盡可能的簡(jiǎn)單和精簡(jiǎn)。假如你不確定從哪里開(kāi)始，可以在網(wǎng)上查找一些有關(guān)手機用戶(hù)的舉動(dòng)分析來(lái)幫助你獲得想法。弄清楚用戶(hù)經(jīng)常訪(fǎng)問(wèn)的前三、四頁(yè)是什么?這些頁(yè)面的訪(fǎng)問(wèn)量是否吻合你的預期?通過(guò)這些信息，你可能會(huì )找到關(guān)鍵的導航元素，接下來(lái)就是響應地調整移動(dòng)端的內容了。

　　3.以搜索引擎的角度來(lái)思考

　　無(wú)論你天天獲得的頁(yè)面欣賞量是十個(gè)照舊數百萬(wàn)個(gè)，你要像搜索引擎一樣思考移動(dòng)設備上的內容。每個(gè)單詞、圖像和內容都必要被快速找到和記錄。不要過(guò)多的在意和規避搜索引擎的算法，你必要做的是創(chuàng )建用戶(hù)想要閱讀的高質(zhì)量?jì)热荨?

　　在移動(dòng)方面，這可能意味著(zhù)你必要削減一些內容元素。例如，在主頁(yè)上有三張圖片，選一張最緊張的照片就充足了。不要在評估上失衡，網(wǎng)絡(luò )速度和wifi技術(shù)一向在提高，但你不能保證所有的用戶(hù)都在使用高質(zhì)量的網(wǎng)絡(luò )。

　　關(guān)于這點(diǎn)，你可以借助像谷歌提供的欣賞器工具來(lái)檢查移動(dòng)頁(yè)面的速度，這可以幫助你保持所有的優(yōu)化。

　　4.剔除不需要的元素

　　在PC端的網(wǎng)頁(yè)設計上，類(lèi)似旋轉的動(dòng)畫(huà)和視差滾動(dòng)功能看起來(lái)很不錯，但在移動(dòng)版本這些結果可以直接去除。去掉所有你在移動(dòng)端并不必要的設計結果。你盼望所有的東西都能快速、無(wú)縫地加載，動(dòng)效可能會(huì )阻礙你和用戶(hù)之間直接有用的鏈接。

　　另一個(gè)你可能必要去除的結果就是懸停結果了。對于觸摸操作網(wǎng)絡(luò )營(yíng)銷(xiāo)，沒(méi)有“懸浮狀況”如許的東西。

　　將移動(dòng)用戶(hù)體驗簡(jiǎn)化為容易理解的tap功能(替代點(diǎn)擊)同樣可以做到顯明的反饋。你不盼望用戶(hù)質(zhì)疑某個(gè)舉動(dòng)是否發(fā)生，它應該始終是顯而易見(jiàn)的。

　　5.微內容必要故意義

　　微內容的好壞(內部元素如按鈕)在網(wǎng)站設計上可以成就或者毀滅團體的設計，這在手機端是一樣的。微內容可以幫助設計添加個(gè)性和焦點(diǎn)。它同時(shí)也必要能夠傳達一些有效的信息，幫助用戶(hù)在設計中找到本身的目標。

　　分外是在移動(dòng)設備上，考慮將微內容較平時(shí)的更大一點(diǎn)，并且總是用它來(lái)幫助指導用戶(hù)。

　　你可以試著(zhù)思考一下你在日常生活中在移動(dòng)端碰到的常見(jiàn)題目，比如你通過(guò)移動(dòng)端付費的時(shí)候。必要填寫(xiě)的表單可能會(huì )跨越多個(gè)屏幕或者以滾動(dòng)的情勢延伸距離，而通過(guò)微內容作為指引，可以使用戶(hù)在第一次進(jìn)行操作的時(shí)候就可以精確填寫(xiě)所有的內容變得更容易。

　　6.使文本內容更大

　　小屏幕并不意味著(zhù)你必要更小的文本?，F實(shí)上，你應該增長(cháng)點(diǎn)尺寸，使內容更容易被閱讀和消化?？匆豢茨愕淖∥谋緝热萆蜿?yáng)塑料托盤(pán)，選擇一種更適合的尺寸，并且保持每行30到40個(gè)字符(這個(gè)標準大約是桌面版網(wǎng)頁(yè)設計保舉的一半)。

　　在小屏幕上也有其他的技巧可以讓筆墨更容易閱讀和理解。你可以在之前的Design Shack中找到那些有關(guān)于如何設計更好的移動(dòng)端文本排版技巧的文章。

　　7.適應范圍

　　沒(méi)有什么比登陸一個(gè)在頁(yè)面上所有的內容都很“mini”的移動(dòng)端相應網(wǎng)站更令人沮喪的了。擁有自力的移動(dòng)設計的目的是讓用戶(hù)可以在更小的設備上更容易訪(fǎng)問(wèn)你的網(wǎng)站。你必須使內容適應這種范圍。

　　偶然，調整內容只是部分內容的重新排版。

　　在PC端的屏幕上橫向排列的按鈕在移動(dòng)端可能必要調整為垂直放置。

　　在移動(dòng)端使用的主導方向(垂直)上，照片可能必要被裁剪得更偏向于方形或垂直的長(cháng)方形。

　　為頁(yè)面的簡(jiǎn)潔，你會(huì )必要重新編輯和修剪文本內容。

　　導航必要被重新定位湘商商品交易中心，放置在一個(gè)不同的位置。

　　有關(guān)于呼吁舉措的按鈕或元素必要被做成更大的，可以適應移動(dòng)端屏幕大小的元素。

　　基于用戶(hù)持有手機的體例，所有的按鈕和點(diǎn)擊元素都必要被放置在很容易找到并觸發(fā)的位置。

　　總結

　　你預備好重新考慮在你的網(wǎng)站設計上規劃的內容了嗎?假如你建立了一個(gè)相應式的網(wǎng)站，并且假設所有的東西都能轉化為移動(dòng)端的內容，那么就該評估一下移動(dòng)端部分的設計了。交給我們(http://http://www.net2006.com)很有可能，小內容更改的空間會(huì )改變用戶(hù)與設計的交互體例。