最新動態(tài) >> 網(wǎng)站建設(shè)知識 >> 怎樣建設(shè)webapp
怎樣建設(shè)webapp【 發(fā)布日期:2013-11-25 信息來源:大連益盛科技 】
移動應(yīng)用的用戶體驗也越來越受到開發(fā)者的重視。新近舉行的GooglChrom開發(fā)者大會上。Lukew對其分享的內(nèi)容作了一些總結(jié)。就目前的情況來看,隨著移動應(yīng)用占據(jù)了網(wǎng)絡(luò)用戶越來越多的時間。 Googl開發(fā)者關(guān)系主管PaulKinlan分享了一些自己對WebA pp看法。還是外地應(yīng)用的用戶體驗設(shè)計走在最前端,一些優(yōu)秀的交互方式比方聲控和卡片模式已經(jīng)被外地應(yīng)用廣為采用,但WebA pp卻很少使用這些已經(jīng)被公眾認(rèn)可的交互方式。 Alexa排名前一千的站點中逾越半數(shù)僅僅把自己的網(wǎng)站按比例縮小以適應(yīng)移動端屏幕,更有25%站點甚至不能很好的和屏幕相匹配。逾越八成的移動網(wǎng)頁缺乏對觸摸點擊的優(yōu)化,六成的移動端網(wǎng)頁有可讀性問題,一成的網(wǎng)頁插件不能在移動端正常工作。為了協(xié)助開發(fā)者提升網(wǎng)頁的用戶體驗,Googl發(fā)布了開源的網(wǎng)頁分析工具PageSpeInsight開發(fā)者可以借助該工具對網(wǎng)頁的字體、可操控性、窗口等多個方面進(jìn)行優(yōu)化。開發(fā)者應(yīng)當(dāng)保證讓內(nèi)容和移動瀏覽器視區(qū)窗口相匹配,終究多個維度同時滑動的滾動條難免讓用戶感到虐心。 Chrome會自動調(diào)整移動網(wǎng)頁字體的大小以此來來彌補(bǔ)移動端網(wǎng)頁的設(shè)計瑕疵。16像素在屏幕上是人眼辨識度的閥值,行高和對比度對可識別性一樣有很大影響。開發(fā)者需要有限度的移動端使用網(wǎng)頁字體,特別是網(wǎng)頁正文中,這將有助于避免FOUC文檔樣式短暫失效。網(wǎng)頁上可點擊的目標(biāo)需要有7mm大小并且隨同著2mm顏色填充,這樣才不至于給用戶帶來點擊困惑。表格中的標(biāo)簽應(yīng)當(dāng)比可點擊目標(biāo)大到兩倍以上以方便文字輸入。需要的時候調(diào)用瀏覽器的自動填充功能,該API可以使用JavaScript協(xié)助用戶完成表格自動填充。此外對表格使用特殊的輸入方式以讓用戶能更加精確的移動端輸入也是必要的現(xiàn)在網(wǎng)頁開發(fā)者不得不在多種多樣的移動設(shè)備以及日新月異的交互方式里周璇,使用恰當(dāng)?shù)墓ぞ、接受合理的交互方式既有利于完善自己的產(chǎn)品又有助于提升自己的開發(fā)潛能。雖然外地應(yīng)用占據(jù)了很多的用戶時間,但網(wǎng)頁應(yīng)用一樣會長期存在并具備自己獨(dú)特的優(yōu)勢,所以優(yōu)化自己的移動端網(wǎng)頁應(yīng)用理應(yīng)受到服務(wù)提供者的足夠重視。 【 返 回 】
|