觸屏手機(jī)網(wǎng)站和非觸屏手機(jī)網(wǎng)站區(qū)別在于，前者使用手指點(diǎn)擊注重點(diǎn)擊體驗(yàn)， 而后者是使用手機(jī)物理按鍵注重選取規(guī)則，觸屏手機(jī)屏幕增大，可以顯示更多的內(nèi)容，但內(nèi)容密度不宜過(guò)大否則不便點(diǎn)擊，一般人的食指點(diǎn)擊的區(qū)域約為7*7?mm 拇指點(diǎn)擊區(qū)域約為8*8?mm，各大門(mén)戶(hù)也分別推出適應(yīng)觸屏手機(jī)的高端版本，下面將會(huì)從手機(jī)網(wǎng)站最常使用的二個(gè)交互功能來(lái)分析3G門(mén)戶(hù)炫版和其他門(mén)戶(hù)的區(qū)別。

手機(jī)網(wǎng)站常用交互功能之一“信息連接”:

豎屏狀態(tài)：

（圖1）可見(jiàn) 3G門(mén)戶(hù)高端炫版的信息鏈接響應(yīng)高度約等于其它門(mén)戶(hù)的3倍，物理響應(yīng)高度約為5.56mm，這個(gè)值接近手指點(diǎn)擊區(qū)域，而且信息之間增加了線間隔，提升點(diǎn)擊體驗(yàn)。可能有些人會(huì)問(wèn)為什么響應(yīng)區(qū)域不可以再大一些，因?yàn)槭謾C(jī)屏幕雖然增大，但內(nèi)容和PC網(wǎng)站相比還是少很多，為了一屏展示更多的內(nèi)容給用戶(hù)，減少用戶(hù)操作成本，我們經(jīng)過(guò)可用性測(cè)試后這個(gè)值相對(duì)誤點(diǎn)率較低，而且保證了一屏充足的內(nèi)容顯示。

——————————————————————————————————————————–

橫屏狀態(tài)：（圖2）

為了適應(yīng)不同的屏幕大小和增加閱讀體驗(yàn)，各門(mén)戶(hù)會(huì)設(shè)置重力感應(yīng)效果（既是手機(jī)橫放狀態(tài)）（圖2）我們看到在重力感應(yīng)狀態(tài)下，sina無(wú)自適應(yīng)手機(jī)屏幕，網(wǎng)易和搜狐會(huì)有局部的適應(yīng)，這樣在單手操作時(shí)，左右區(qū)域會(huì)形成手指點(diǎn)擊盲區(qū)，而3G門(mén)戶(hù)炫版可以在響應(yīng)的平行區(qū)域任意點(diǎn)擊，更符合單手操作體驗(yàn)。

——————————————————————————————————————————–

手機(jī)網(wǎng)站常用交互功能之二“翻頁(yè)”:

（圖3）

（圖3）各門(mén)戶(hù)高端版的翻頁(yè)模塊還是沿用非觸屏手機(jī)的模式，有“下一頁(yè)” “余下全文” “頁(yè)碼”，如果當(dāng)頁(yè)碼超過(guò)一定數(shù)量時(shí)，會(huì)換成“跳轉(zhuǎn)到第幾頁(yè)”，不知道大家用觸屏手機(jī)點(diǎn)擊這個(gè)區(qū)域會(huì)不會(huì)需要更加細(xì)心一些，因?yàn)閾?dān)心誤點(diǎn)。

我們來(lái)看看3G門(mén)戶(hù)炫版，在做翻頁(yè)模塊之前我們?cè)L談了30位觸屏手機(jī)用戶(hù)（反應(yīng)用戶(hù)行為這個(gè)量是足夠的）結(jié)果如下：

1、? 有26位用戶(hù)表明看新聞內(nèi)容的時(shí)候沒(méi)有跳躍性的瀏覽（即沒(méi)有選擇頁(yè)碼的習(xí)慣）

2、? 有2位用戶(hù)表明偶然會(huì)使用，

3、? 有2位用戶(hù)表明有跳躍性瀏覽的習(xí)慣

4、? 全部用戶(hù)都會(huì)使用的是下一頁(yè)和余下全文

所以從訪談結(jié)果分析后我們?nèi)コ隧?yè)碼（特殊產(chǎn)品除外），減少下一頁(yè)和余下全文的點(diǎn)擊干擾，把下一頁(yè)放置在右邊，因?yàn)槭褂梅怯|屏手機(jī)的時(shí)候是從左開(kāi)始選取所以放左邊比較方便用戶(hù)，但觸屏手機(jī)不受這個(gè)限制離右手拇指最近的是右邊。觸屏手機(jī)屏幕增大頁(yè)面顯示的內(nèi)容相當(dāng)?shù)扔诜怯|屏網(wǎng)站的2-3倍，頁(yè)碼作用也相應(yīng)減少。

（圖4）

（圖4）3G門(mén)戶(hù)炫版在首頁(yè)增加“顯示更多資訊”的翻頁(yè)交互功能，讓有需要看更多信息的用戶(hù)可以在原頁(yè)面直接下拉顯示。

當(dāng)然3G門(mén)戶(hù)炫版還有很多不足的地方，我們也一直為達(dá)到更好的觸屏體驗(yàn)而努力，如果對(duì)炫版感興趣的同學(xué)請(qǐng)用以下方式瀏覽

為了達(dá)到完美效果請(qǐng)用手機(jī)自帶瀏覽器登錄 xuan.3g.cn

PC電腦登錄http://pc.3g.cn/ 瀏覽PC版

來(lái)源：http://ued.3g.cn/?p=205