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

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

豎屏狀態(tài)：（圖1）

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

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

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

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

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

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

（圖3）

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

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

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

2、  有2位用戶表明偶然會使用，

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

4、  全部用戶都會使用的是下一頁和余下全文

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

（圖4）

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

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