手機(jī)網(wǎng)站建設(shè) |
智能手機(jī)網(wǎng)站技術(shù)應(yīng)用,wap網(wǎng)站開發(fā)技術(shù)智能手機(jī)網(wǎng)站技術(shù)當(dāng)前位置:首頁(yè)>手機(jī)網(wǎng)站建設(shè)>智能手機(jī)網(wǎng)站技術(shù)觸屏手機(jī)網(wǎng)站-炫版交互設(shè)計(jì)觸屏手機(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ī)的高端版本,下面將會(huì)從手機(jī)網(wǎng)站最常使用的二個(gè)交互功能來(lái)分析3G門戶炫版和其他門戶的區(qū)別。 手機(jī)網(wǎng)站常用交互功能之一“信息連接”: (圖1)可見 3G門戶高端炫版的信息鏈接響應(yīng)高度約等于其它門戶的3倍,物理響應(yīng)高度約為5.56mm,這個(gè)值接近手指點(diǎn)擊區(qū)域,而且信息之間增加了線間隔,提升點(diǎn)擊體驗(yàn)??赡苡行┤藭?huì)問為什么響應(yīng)區(qū)域不可以再大一些,因?yàn)槭謾C(jī)屏幕雖然增大,但內(nèi)容和PC網(wǎng)站相比還是少很多,為了一屏展示更多的內(nèi)容給用戶,減少用戶操作成本,我們經(jīng)過可用性測(cè)試后這個(gè)值相對(duì)誤點(diǎn)率較低,而且保證了一屏充足的內(nèi)容顯示。 ——————————————————————————————————————————– 為了適應(yīng)不同的屏幕大小和增加閱讀體驗(yàn),各門戶會(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門戶炫版可以在響應(yīng)的平行區(qū)域任意點(diǎn)擊,更符合單手操作體驗(yàn)。 ——————————————————————————————————————————– 手機(jī)網(wǎng)站常用交互功能之二“翻頁(yè)”: (圖3)各門戶高端版的翻頁(yè)模塊還是沿用非觸屏手機(jī)的模式,有“下一頁(yè)” “余下全文” “頁(yè)碼”,如果當(dāng)頁(yè)碼超過一定數(shù)量時(shí),會(huì)換成“跳轉(zhuǎn)到第幾頁(yè)”,不知道大家用觸屏手機(jī)點(diǎn)擊這個(gè)區(qū)域會(huì)不會(huì)需要更加細(xì)心一些,因?yàn)閾?dān)心誤點(diǎn)。 我們來(lái)看看3G門戶炫版,在做翻頁(yè)模塊之前我們?cè)L談了30位觸屏手機(jī)用戶(反應(yīng)用戶行為這個(gè)量是足夠的)結(jié)果如下: 1、 有26位用戶表明看新聞內(nèi)容的時(shí)候沒有跳躍性的瀏覽(即沒有選擇頁(yè)碼的習(xí)慣) 2、 有2位用戶表明偶然會(huì)使用, 3、 有2位用戶表明有跳躍性瀏覽的習(xí)慣 4、 全部用戶都會(huì)使用的是下一頁(yè)和余下全文 所以從訪談結(jié)果分析后我們?nèi)コ隧?yè)碼(特殊產(chǎn)品除外),減少下一頁(yè)和余下全文的點(diǎn)擊干擾,把下一頁(yè)放置在右邊,因?yàn)槭褂梅怯|屏手機(jī)的時(shí)候是從左開始選取所以放左邊比較方便用戶,但觸屏手機(jī)不受這個(gè)限制離右手拇指最近的是右邊。觸屏手機(jī)屏幕增大頁(yè)面顯示的內(nèi)容相當(dāng)?shù)扔诜怯|屏網(wǎng)站的2-3倍,頁(yè)碼作用也相應(yīng)減少。 (圖4)3G門戶炫版在首頁(yè)增加“顯示更多資訊”的翻頁(yè)交互功能,讓有需要看更多信息的用戶可以在原頁(yè)面直接下拉顯示。 當(dāng)然3G門戶炫版還有很多不足的地方,我們也一直為達(dá)到更好的觸屏體驗(yàn)而努力,如果對(duì)炫版感興趣的同學(xué)請(qǐng)用以下方式瀏覽 網(wǎng)站動(dòng)態(tài)
|
自主研發(fā),核心技術(shù),一次購(gòu)買,終生免費(fèi)升級(jí)。采用正版《易勢(shì)網(wǎng)站管理系統(tǒng)》建設(shè)自己的企業(yè)網(wǎng)站。沈陽(yáng)技術(shù)實(shí)力雄厚的網(wǎng)站建設(shè)服務(wù)公司

網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽(yáng)易勢(shì)科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營(yíng)銷公司 © 2011 , All rights reserved. 公司地址:沈陽(yáng)市鐵西區(qū)貴和街道建設(shè)中路15號(hào)淺草綠閣商務(wù)樓402室智能手機(jī)網(wǎng)站技術(shù)應(yīng)用
遼B2-20150173-8