讓用戶讀懂你的網(wǎng)站是所有事情的開始，為了在狹小的手機(jī)網(wǎng)站上盡可能有效的傳達(dá)信息，我總結(jié)了這么幾條.
本文的圖片是我用手機(jī)一張張截圖的，瀏覽器為UCweb7，手機(jī)為Sony-Ericsson-M608.
1. 清楚的文字間隔
大小合適的文字間隔可以讓用戶在閱讀內(nèi)容的時(shí)候不至于太累，也可以有效的避免眼花。讓你的用戶用很少的精力領(lǐng)會(huì)你的意圖，并進(jìn)行下一步的操作。
2. 舒服的文字顏色
大多數(shù)人使用手機(jī)上網(wǎng)時(shí)都是處于一個(gè)不安穩(wěn)的環(huán)境，如公車上，商場(chǎng)里，甚至走路的時(shí)候，舒服的文字顏色可以緩解用戶的視疲勞，不至于讓他們因?yàn)檠劬μ鄱咽謾C(jī)塞進(jìn)兜里。

3. 使用不同的文字背景色
使用和文字顏色反差大的背景色可以幫助用戶更容易的閱讀文字內(nèi)容。另外背景色也可以讓特定的內(nèi)容和其他內(nèi)容區(qū)分開。如果想在小屏幕上展現(xiàn)不同種類的信息，不同的背景色將是一個(gè)很好用的方法。

左邊的網(wǎng)站用背景色突出了重點(diǎn)新聞，右邊的網(wǎng)站則用背景色把欄目和內(nèi)容分開。
4. 使用不同大小的文字
重要的內(nèi)容可以用大字體。這在手機(jī)網(wǎng)站上依然有效。并且因?yàn)槭謾C(jī)網(wǎng)頁通常都很小，所以適當(dāng)?shù)拇笞煮w更是會(huì)首先抓住用戶的注意力。

5. 使用不同的文字顏色
不同的文字顏色是區(qū)別顯示信息的另外一個(gè)方法。在很少使用圖片的手機(jī)網(wǎng)站上，不同的文字顏色也可以增加網(wǎng)站的趣味性。

6. 控制信息量
手機(jī)屏幕很小，所以不要試圖把一切東西都塞在一頁。盡可能的把最重要的展示出來，剩下的可以讓用戶選擇是否點(diǎn)擊繼續(xù)查看。

看上圖這個(gè)網(wǎng)站，非要在一個(gè)類別里放這么多的新聞嗎？
7. 不要忘記圖片注釋
好多用戶使用手機(jī)上網(wǎng)時(shí)都會(huì)選擇屏蔽圖片，這個(gè)時(shí)候良好的圖片注釋就不會(huì)讓用戶覺得網(wǎng)站粗糙。相反，如果只是顯示“圖片”二字，會(huì)增加用戶對(duì)網(wǎng)站的厭煩感。

左邊這個(gè)網(wǎng)站很好的使用了圖片的注釋，LOGO圖片變成文字“手機(jī)新浪網(wǎng)”一樣看起來不錯(cuò)。而右邊的這個(gè)就比較尷尬。
8. 清楚的導(dǎo)航
越是空間狹小，就越需要清楚的導(dǎo)航。最好的結(jié)果是用戶知道他們?cè)谑裁吹胤?，知道如何去另外一個(gè)地方。

左邊第一個(gè)的網(wǎng)站，導(dǎo)航和正文混在了一起，看起來比較眼暈。

這兩個(gè)則沒有這樣的問題，用不同的方式達(dá)到了同樣的分隔導(dǎo)航欄的目的。
源地址：http://hiorion.com/?p=35