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