手機(jī)在國(guó)內(nèi)已經(jīng)是人手必備的裝備了,手機(jī)瀏覽在全球的使用程度各有不同。在韓日，手機(jī)瀏覽器被廣泛應(yīng)用于移動(dòng)服務(wù)，在歐洲，Wap服務(wù)一直在增長(zhǎng)，而在美國(guó)，人們更多通過(guò)PDA瀏覽器瀏覽網(wǎng)頁(yè)而不是手機(jī)。

雖然手機(jī)瀏覽目前并不是在每個(gè)地方都受歡迎，但是在接下來(lái)的10年內(nèi)，它將成為大多數(shù)人上網(wǎng)的主要途徑，手機(jī)瀏覽器也將成為人們每天都會(huì)用到的工具。而這些都要求手機(jī)瀏覽的用戶體驗(yàn)都要得到改善，主要體現(xiàn)在：連接速度、服務(wù)數(shù)量、可用性增加以及流量成本降低。本文主要簡(jiǎn)單地說(shuō)明手機(jī)瀏覽可用性的幾個(gè)方面。

手機(jī)瀏覽可用性

手機(jī)瀏覽可用性包含幾個(gè)層次（如圖1），不過(guò)用戶是不會(huì)發(fā)現(xiàn)是哪個(gè)層次導(dǎo)致可用性問(wèn)題的。對(duì)于終端用戶，手機(jī)瀏覽是一個(gè)整體的體驗(yàn)，所有層次都必須無(wú)縫配合以提高可用性。

圖片文字：

設(shè)備可用性：

鍵·展示
瀏覽器入口
UI風(fēng)格
瀏覽器可用性：

交互
頁(yè)面渲染
緩存等等
站點(diǎn)可用性：

結(jié)構(gòu)
內(nèi)容
布局
圖1：三個(gè)獨(dú)立層次構(gòu)成整體的可用性

在手機(jī)設(shè)備設(shè)計(jì)過(guò)程中，瀏覽器應(yīng)用的重要性決定了硬件設(shè)計(jì)以及整體UI風(fēng)格。如果是觸摸屏且有手寫(xiě)筆，那么瀏覽器交互會(huì)容易多。另外完整的QWERTY鍵盤(pán)也讓用戶可以輸入網(wǎng)址以及填寫(xiě)表格。如果不將瀏覽作為主要應(yīng)用，那么手機(jī)設(shè)備必須輕巧，從而能夠滿足一只手使用的需求。在一些非觸摸屏設(shè)備上，瀏覽器主頁(yè)上必須有幾個(gè)關(guān)鍵性的鍵，還有網(wǎng)絡(luò)連接狀態(tài)以及最重要的回退功能。

小屏幕的手機(jī)瀏覽器設(shè)計(jì)比較困難。同時(shí)大多數(shù)手機(jī)設(shè)備在不同國(guó)家都有使用，所以理解不同手機(jī)瀏覽文化的差異以及理解目標(biāo)用戶的手機(jī)瀏覽體驗(yàn)變得尤為重要。一個(gè)好手機(jī)瀏覽器必須能夠承載所有類型的內(nèi)容，不僅是專門(mén)為移動(dòng)設(shè)備優(yōu)化的內(nèi)容而且還包括為PC屏幕設(shè)計(jì)的網(wǎng)頁(yè)內(nèi)容。

在為手機(jī)設(shè)計(jì)服務(wù)時(shí)，設(shè)計(jì)人員必須知道哪些內(nèi)容是在移動(dòng)狀態(tài)下會(huì)使用的，以及一個(gè)友好的網(wǎng)站結(jié)構(gòu)和UI設(shè)計(jì)原則是什么[參見(jiàn)注釋1,2]。

內(nèi)容人員和瀏覽器開(kāi)發(fā)人員都需要理解移動(dòng)環(huán)境屬性和移動(dòng)狀態(tài)下的用戶需求，而且必須測(cè)試自己的產(chǎn)品在移動(dòng)環(huán)境下的效果，要分清楚哪些功能可以在實(shí)驗(yàn)室里測(cè)試，而什么內(nèi)容是必須在移動(dòng)環(huán)境下測(cè)試的。我們一直在做用戶在手機(jī)上的注意力分配以及瀏覽器交互行為等等方面的用戶研究。

在移動(dòng)狀態(tài)下瀏覽完整網(wǎng)頁(yè)

針對(duì)手機(jī)用戶優(yōu)化的服務(wù)要求研發(fā)人員需要確定移動(dòng)狀態(tài)下的用戶在手持設(shè)備上的需求。許多服務(wù)往往跟地點(diǎn)有關(guān)，比如旅游信息或者地圖；與時(shí)間有關(guān)，比如列車時(shí)刻表；或者是非常個(gè)人化的需求，必須最喜歡的酒吧等等。這就要求服務(wù)必須具有靈活性，基于不同因素而變化。

手機(jī)用戶使用PC網(wǎng)址登陸網(wǎng)站的原因往往是由于很多用戶只記得PC上的網(wǎng)站網(wǎng)址，不知道手機(jī)版網(wǎng)站的地址，很多情況下，用戶在手機(jī)上登陸電腦版網(wǎng)站，然后得到手機(jī)版網(wǎng)站的鏈接。如果網(wǎng)頁(yè)不提供手機(jī)版網(wǎng)站的鏈接，那么肯定會(huì)喪失一些用戶。

另外我們相信大多數(shù)國(guó)家的用戶仍舊需要登陸完整網(wǎng)頁(yè)，3G網(wǎng)絡(luò)再加上優(yōu)秀的手機(jī)屏幕使得在手機(jī)上瀏覽完整網(wǎng)頁(yè)仍具有比較好的用戶體驗(yàn)。所以我們希望針對(duì)手機(jī)優(yōu)化的內(nèi)容能夠增加，而且內(nèi)容人員還要注意到，手機(jī)瀏覽器用戶在增加，不過(guò)還要在Web網(wǎng)站上提供手機(jī)網(wǎng)站的入口。

1、狹窄布局

在小屏幕上顯示大的web頁(yè)面仍舊需要一些信息視覺(jué)處理方法。目前一些瀏覽器采用狹窄布局作為默認(rèn)查看模式，Opera將其稱為小屏幕渲染，NetFront將其稱為SmartFit，我們稱之為狹窄布局，因?yàn)檎麄€(gè)內(nèi)容的顯示窄且長(zhǎng)，并且所有內(nèi)容都做了簡(jiǎn)化以符合屏幕寬度。

我們對(duì)這一布局做過(guò)很多用戶研究[參見(jiàn)注釋5]，狹窄布局的主要好處就是文本容易閱讀，如果文本的寬度超過(guò)屏幕的寬度，用戶的閱讀就會(huì)很困難，雖然可以采取滾動(dòng)的方法處理這一問(wèn)題。

不過(guò)根據(jù)我們的調(diào)查，狹窄布局仍有很多問(wèn)題。最糟糕的就是為了符合屏幕寬度，一些大圖片被刪減，結(jié)果導(dǎo)致圖像細(xì)節(jié)丟失。第二個(gè)問(wèn)題就是表格。如果有一行表格不與屏幕吻合，就會(huì)自動(dòng)調(diào)至下一行。

還有一點(diǎn)就是內(nèi)容排序。如上圖，所有內(nèi)容的顯示變得很長(zhǎng)，所以用戶很難找到一些想要的內(nèi)容，經(jīng)常需要在屏幕滾動(dòng)時(shí)去尋找關(guān)鍵詞，這也就意味著滾動(dòng)速度不能太快，結(jié)果看完所有內(nèi)容會(huì)是一個(gè)非常漫長(zhǎng)的過(guò)程。如果加快滾動(dòng)速度，用戶又可能丟失一些重要信息。

一個(gè)典型的Web頁(yè)面中，最左邊往往有很多鏈接，主要內(nèi)容顯示在頁(yè)面中部。在狹窄布局中，用戶必須滾過(guò)這些鏈接，才能看到主體內(nèi)容。不過(guò)在瀏覽一個(gè)網(wǎng)站時(shí)，這些鏈接多數(shù)情況下是不相關(guān)，用戶會(huì)變得很生氣。還有一個(gè)相關(guān)的問(wèn)題就是，一個(gè)網(wǎng)站的任何頁(yè)面的上端往往很類似，用戶會(huì)弄不清楚自己在哪個(gè)頁(yè)面，所以如果這些鏈接中包含用戶已經(jīng)點(diǎn)擊過(guò)的，那么用戶很有可能再點(diǎn)擊這些鏈接。我們遇見(jiàn)過(guò)很多用戶由于這個(gè)問(wèn)題而放棄閱讀，他們會(huì)說(shuō)瀏覽器壞掉了。

2、原始布局

由于狹窄布局存在很多可用性方面的問(wèn)題，所以很多瀏覽器還提供原始布局頁(yè)面模式，這很類似在PC上，讓用戶根據(jù)內(nèi)容來(lái)選擇不同的視圖模式，原始布局中，大圖片細(xì)節(jié)和表格的效果會(huì)更好，同時(shí)如果用戶知道PC上的網(wǎng)站的結(jié)構(gòu)，那么就很容易找到自己所需要的內(nèi)容。

當(dāng)然原始布局并非什么問(wèn)題都沒(méi)有。最糟糕的就是閱讀寬文本內(nèi)容，會(huì)很費(fèi)力。用戶每次都得向前向后拉動(dòng)滾動(dòng)條。另外由于頁(yè)面很大，所以需要滾動(dòng)的地方也越多。

3、理想布局

很明顯，小屏幕手機(jī)上的頁(yè)面瀏覽仍需要很多改進(jìn)和革新。如果想讓自己的網(wǎng)站在小屏幕上具有可讀性，可以遵守以下3個(gè)指導(dǎo)建議：

避免那些一眼就能看出來(lái)的大物體；
避免在圖片上使用小文本；
頁(yè)面要輕化。
注釋：
[1] Kaikkonen, A., Roto, V.: Navigating in a Mobile XHTML Application. In Proceedings of CHI2003 (2003)

[2] Roto, V., Kaikkonen, A.: Acceptable Download Times in the Mobile Internet. In Stephanidis, C. (ed.): Universal Access in HCI. Volume 4 of the Proceedings of HCI International 2003.

[3] Roto, V., Oulasvirta, A., Haikarainen, T.,Kuorelahti, J., Lehmuskallio, H., Nyyssönen, T.: Examining Mobile Phone Use in the Wild with Quasi-Experimentation. HIIT Technical reports http://www.hiit.fi/publications/pub_files/hiit2004-1.pdf (2004).

[4] Roto, V., Oulasvirta, A.: Need for Non-Visual Feedback with Long Response Times in Mobile HCI. To appear in Prodeedings of WWW 2005 Conference (2005).

[5] Roto, V., Kaikkonen, A.: Perception of Narrow Web Pages on a Mobile Phone. Proceedings of Human Factors in Telecommunications (2003).