-
對移動web設計的思考
我們已經對移動WEB設計的趨勢和挑戰進行了初步的了解,下面我們來重點檢查一下設計師在過程中應該考慮的幾個要點。
-
簡明的語義標記
如果你想為- -個優秀的移動網頁打下穩固的基礎,你最先要做的事情就是設立一套適用于網頁的、簡明的語義標記。這樣在你設計移動網頁的時候才會避免重復傳統互聯網設計中存在的重大問題。簡明的標記能有效幫助瀏覽器正確顯示網頁頁面。同樣,由于避免了不必要的環節,簡明的語義標記還將給用戶帶來愉快的體驗經歷。
-
CSS下內容與顯示的分離
除了簡明的語義標記,內容與顯示的分離也是非常重要的。與桌面用戶相比,手機網頁用戶更喜歡訪問沒有圖片和禁用CSS的網頁。手機網頁用戶更希望順利地訪問頁面內容和鏈接一而不是看到華麗的頁面顯示。作為移動互聯網網站,當其開始大量使用簡明的語義標記,并用CSS實現內容與顯示的分離時,這就是一個具有非凡意義的偉大的開端。
-
ALT標簽
出于部分用戶由于某些原因不能瀏覽網頁上圖片的考慮(或者用戶選擇屏蔽圖片),ALT標簽對于可用性來說顯得非常重要。無論如何ALT標簽在互聯網中都有所運用,只是對手機互聯網用戶來說它更加重要而已。
-
表單域的分類
像ALT標簽一樣,表單域分類使得移動互聯網變得更加實用。試想一下,如果沒有對其進行了解就加以使用,那么一定不會得到你理想的效果。而處理好像ALT標簽和表單域分類這樣的細節問題就可以使你事半功倍。
-
標題的作用
由于移動WEB瀏覽器所顯示的內容文本格式常常是受限制和不協調的,以標題在此處就顯得格外重要。移動Web瀏覽器并不能將文字顯示為你想讓它呈現的那種效果,但是類似標題一、標題二、 標題三這樣的標簽能幫助頁面構造一個合理的用戶視圖,并凸顯出頁面的某些重點內容。
-
禁用漂浮鏈接
盡管移動Web瀏覽器也能通過使用漂浮鏈接來進行整個網頁頁面的布局,但是在小屏幕上恐怕并不會收到很好的效果。通常情況下,沒有漂浮鏈接會使內容簡單排列的網頁整體看起來更舒服,用戶也能得到更好的使用體驗。
-
減少頁邊距和填充
一般情況下,和傳統的網站相比,移動設備上的網頁最好減少頁邊距和其他的填充。當然,這取決于你所設計的網站頁面填充的實際情況和網頁頁邊距的大小,但是過多的頁面填充和過大的頁邊距并不能提升用戶體驗。
-
做好頁面導航
很多頁面的網站導航都設計在頁面的最上方。這樣的設計對于移動網頁同樣有用,但是值得注意的是,手機.上的導航選項是按比例縮小的。在手機網頁中,最好只提供最常用、最有用的鏈接選項,同時在設計時盡量讓用戶能夠更加方便地接入其他的導航鏈接。
-
注重頁面顏色對比
由于使用手機屏幕不能擁有電腦或筆記本屏幕-樣的使用體驗,所以在設計手機Web頁面的顏色時,為了確保用戶能夠有良好的閱讀體驗,設計師們一定要注意頁 面背景顏色和文字顏色的協調搭配。
-
Sitepoint(設計團隊)的移動web設計作品
Sitepoint出版了由布萊恩.蘇塔撰寫的<移動Web設計),這篇文章對于學習移動Web設計的朋友來說很值得參考和學習。在文章中,布萊恩將移動Web設計分解為7個簡要易懂的步驟。這篇文章的內容對于重申本人上述的Web設計要點非常有用。
-
不要混淆標記
大多數網站都會忽視WML,而是用大家更熟悉的所以在進行設計時一定要使用適合的編輯語言,并建立簡明的語義標記。
-
了解你的手機
我們不僅要滿足手機不同屏幕尺寸和分辨率的需求,還要滿足其變化多端的外觀需求。從早期的時短時長的長方形到后來的“大哥大”個頭發展到完美比例的方形,手機豐富多彩、日新月異的變化簡直讓人抓狂!
-
找準目標客戶
傳統的互聯網用戶大多是坐在電腦桌前面對著-臺高分辨率大顯示器。而移動Web用戶的使用環境卻大大不同。他們在瀏覽網頁時可能正在等地鐵、正在公交車或火車上,或是剛剛走出家門,又或是在深夜迷失在一一個陌生的城市,任何情況都可能發生。
-
謹慎發布
雖然只有一個網站的概念,但是用戶所使用的瀏覽介質很大程度上決定著網站的風格和形態,如今業內也流行著很多種不同的設計標準,但是-個獨立的移動網頁必須滿足的一個條件,那就是要為用戶提供優越的瀏覽體驗。
-
選定響亮的域名
當你準備為一-個移動選定-一個域名的時候,我曾經工作過的公司和同事總是會選用子域名。創建一個子域名是設立- -個網站時最簡單的辦法(前提是你擁有該域名),這意味著你不用把大把的時間花在改進和修改服務器上(而且還很有可能影響正常的Web設計進度)。
-
驗證你的標記
移動web瀏覽器的運行速度和容錯性都大大低于電腦瀏覽器。在移動設備上運行的瀏覽器,并沒有奢侈的電腦瀏覽器所擁有的2GHz處理器和高達200GB的存儲空間。因此,你必須一次又一次地檢查、驗證、重復檢查你的標記。
-
除了測試,還是測試
雖然在臺式電腦上能夠使用Web瀏覽器來測試你的移動網站,但是在其得到實際運用之前,它仍然只是一個模擬的移動體驗。不容忽視的是,用這種方式還是無法精確地復制許多移動設備的使用感受。布萊恩的文章對于移動Web設計與開發新手來說是一個非常好的開端。當你在檢查、測試你的作品時能夠正確運用文章中的知識點以確保你用正確的方式來完成工作,這是一個非常好的學習資源。