|
在為手機(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).
原文：http://www.socialbeta.cn/articles/browsing-on-mobile-phones.html
本文鏈接：http://m.95time.cn/design/doc/2010/8161.asp 
出處：socialbeta
責(zé)任編輯：bluehearts
上一頁(yè) 手機(jī)頁(yè)面瀏覽可用性研究 [1] 下一頁(yè)
|
第 1 頁(yè) 
第 2 頁(yè) 手機(jī)頁(yè)面瀏覽可用性研究 [2]
