如何在手機網站上清楚的傳遞資訊
來源:互聯網
上載者:User
關鍵字
手機網站
可以
不同
背景
讓使用者讀懂你的網站是所有事情的開始,為了在狹小的HTTP://www.aliyun.com/zixun/aggregation/26107.html">手機網站上盡可能有效的傳達資訊, 我總結了這麼幾條.本文的圖片是我用手機一張張截圖的,瀏覽器為UCweb7,手機為Sony-Ericsson-M608.1. 清楚的文字間隔大小合適的文字間隔可以讓使用者在閱讀內容的時候不至於太累,也可以有效的避免眼花。 讓你的使用者用很少的精力領會你的意圖,並進行下一步的操作。 2. 舒服的文字顏色大多數人使用手機上網時都是處於一個不安穩的環境,如公車上,商場裡,甚至走路的時候,舒服的文字顏色可以緩解使用者的視疲勞,不至於讓他們因為眼睛太累而把手機塞進兜裡。 3. 使用不同的文字背景色使用和文字顏色反差大的背景色可以説明使用者更容易的閱讀文字內容。 另外背景色也可以讓特定的內容和其他內容區分開。 如果想在小螢幕上展現不同種類的資訊,不同的背景色將是一個很好用的方法。 左邊的網站用背景色突出了重點新聞,右邊的網站則用背景色把欄目和內容分開。 4. 使用不同大小的文字重要的內容可以用大字體。 這在手機網站上依然有效。 並且因為手機網頁通常都很小,所以適當的大字體更是會首先抓住使用者的注意力。 5. 使用不同的文字顏色不同的文字顏色是區別顯示資訊的另外一個方法。 在很少使用圖片的手機網站上,不同的文字顏色也可以增加網站的趣味性。 6. 控制資訊量手機螢幕很小,所以不要試圖把一切東西都塞在一頁。 盡可能的把最重要的展示出來,剩下的可以讓使用者選擇是否點擊繼續查看。 看上圖這個網站,非要在一個類別裡放這麼多的新聞嗎? 7. 不要忘記圖片注釋好多使用者使用手機上網時都會選擇遮罩圖片,這個時候良好的圖片注釋就不會讓使用者覺得網站粗糙。 相反,如果只是顯示「圖片」二字,會增加使用者對網站的厭煩感。 左邊這個網站很好的使用了圖片的注釋,LOGO圖片變成文字「手機新浪網」一樣看起來不錯。 而右邊的這個就比較尷尬。 8. 清楚的導航越是空間狹小,就越需要清楚的導航。 最好的結果是使用者知道他們在什麼地方,知道如何去另外一個地方。 左邊第一個的網站,導航和正文混在了一起,看起來比較眼暈。 這兩個則沒有這樣的問題,用不同的方式達到了同樣的分隔巡覽列的目的。 源位址:HTTP://hiorion.com/?p=35