相比App,移動(dòng)Web成本少,實(shí)現(xiàn)難度低,數(shù)據(jù)追蹤更,還能快速調(diào)整。優(yōu)點(diǎn)非常多,隨著全民寬帶的提高,未來(lái)也會(huì)是一大熱點(diǎn)。
隨著移動(dòng)互聯(lián)網(wǎng)思維的滲透,以及智能手機(jī)浪潮的影響,一波波app前仆后繼,目前App?store應(yīng)用程序總數(shù)已逾170萬(wàn),還在以每日數(shù)百的速度增長(zhǎng)。?「先做個(gè)app」幾乎成為所有項(xiàng)目的步。
可以理解的是,大家傾心于app必定源于其獨(dú)特優(yōu)勢(shì),例如酷炫的交互效果、的用戶界面、支持離線模式消息推送,以及在用戶客戶端和各渠道的”存在感”等等。對(duì)于需要體驗(yàn)性極強(qiáng)的大型手游、社交類(lèi)應(yīng)用、拍照類(lèi)工具型應(yīng)用、以及金融類(lèi)功能復(fù)雜的平臺(tái)應(yīng)用,app無(wú)疑是目前適合不過(guò)的載體。可是,所有項(xiàng)目都必須做成app嗎?對(duì)于那些無(wú)需做成app的項(xiàng)目,還有比app更適合的實(shí)現(xiàn)方式嗎?
移動(dòng)Web的特點(diǎn),是用戶可以直接通過(guò)瀏覽器訪問(wèn)網(wǎng)絡(luò)上的應(yīng)用程序。那么,移動(dòng)Web和app相比具備哪些優(yōu)勢(shì)呢?
app:需要投入客戶端和服務(wù)端開(kāi)發(fā),以及耗費(fèi)開(kāi)銷(xiāo)支持多平臺(tái)和多設(shè)備。
移動(dòng)Web:僅需H5頁(yè)面開(kāi)發(fā),使用響應(yīng)式設(shè)計(jì)的移動(dòng)Web可到處運(yùn)行。
app:需要并等待安裝,占用手機(jī)容量,無(wú)Wi-Fi下流量耗費(fèi)大。
移動(dòng)Web:支持跨平臺(tái),無(wú)安裝成本,用戶門(mén)檻較低。
app:來(lái)源無(wú)法追蹤,對(duì)渠道細(xì)分統(tǒng)計(jì)能力有限。
移動(dòng)Web:方便追蹤用戶來(lái)源,媲美PC瀏覽器下常規(guī)站點(diǎn)統(tǒng)計(jì)。
app:傷不起的審核周期,遇到緊急問(wèn)題無(wú)法快速處理。
移動(dòng)Web:站點(diǎn)服務(wù)器自己可控,利于快速更新迭代。
盡管移動(dòng)Web有如上諸多優(yōu)勢(shì),但不可否認(rèn)的是,瀏覽的體驗(yàn)短期內(nèi)還無(wú)法超越原生應(yīng)用。那么,對(duì)于生長(zhǎng)在移動(dòng)Web上的業(yè)務(wù)和服務(wù),如何做好設(shè)計(jì)確提升用戶體驗(yàn)將尤為重要。
移動(dòng)Web并不是把PC端內(nèi)容直接搬到手機(jī)上來(lái)顯示,而是需要結(jié)合移動(dòng)端用戶的使用場(chǎng)景,突出核心的功能給用戶,并保持界面簡(jiǎn)潔。
我們簡(jiǎn)單總結(jié)了一些重要的移動(dòng)Web設(shè)計(jì)原則與大家分享。
PC首頁(yè)通常身兼迎賓、資訊中心和廣告推薦多重角色,但是移動(dòng)Web首頁(yè)的主要用途應(yīng)該是將用戶和他們所需要的內(nèi)容快速連接,一個(gè)好的移動(dòng)Web首頁(yè)能夠幫助用戶立即取得所需信息。
手機(jī)用戶不耐于等待,網(wǎng)站內(nèi)容顯示過(guò)慢會(huì)讓用戶果斷離開(kāi)你的網(wǎng)頁(yè)。因此,網(wǎng)站的圖片大小、瀏覽器的緩存、JavaScript、CSS、HTML、伺服器的回應(yīng)時(shí)間,都是你可以優(yōu)化的空間。
有數(shù)據(jù)顯示,當(dāng)移動(dòng)頁(yè)面加載時(shí)間超過(guò)5s,將流失掉72%的流量。
3. 將用戶直接導(dǎo)入移動(dòng)Web
確保用戶從搜索結(jié)果頁(yè)等站點(diǎn)自動(dòng)導(dǎo)入手機(jī)版網(wǎng)頁(yè)是成功留住使用者的步。
4. 將行動(dòng)點(diǎn)擺在顯眼的位置
手機(jī)用戶很容易漏看菜單,因此一定要把主要的行動(dòng)點(diǎn)放在用戶看得到的地方,使用戶容易完成你想讓他完成的事。
詳盡的菜單也許在PC端效果很好,但對(duì)手機(jī)用戶而言,可沒(méi)耐心在冗長(zhǎng)的菜單尋找類(lèi)目,所以想辦法盡量縮減菜單類(lèi)目的數(shù)量。
通常用戶預(yù)期只要按下網(wǎng)頁(yè)上方角落的logo能回到首頁(yè),否則覺(jué)得很不方便。
宣傳信息及廣告可能會(huì)遮蓋四周內(nèi)容,或是吸引了眼球而妨礙用戶原本使用路徑。與大型插頁(yè)式廣告相比,用戶對(duì)于可以輕松關(guān)閉的橫幅廣告更有好感。
用戶通過(guò)搜索來(lái)取得自己需要的特定咨詢,因此搜索功能必須擺放在網(wǎng)站的顯眼處,一眼能看見(jiàn)。對(duì)于網(wǎng)頁(yè)上方顯眼處且允許自由輸入文字的搜索框,用戶的評(píng)價(jià)。
以上是想要分享給大家的移動(dòng)Web設(shè)計(jì)原則。隨著無(wú)線互聯(lián)網(wǎng)技術(shù)的發(fā)展,Web產(chǎn)品和app產(chǎn)品的界限很可能會(huì)變得模糊起來(lái)。也許通過(guò)瀏覽器,也可以實(shí)現(xiàn)效果好、可推送。同一個(gè)服務(wù)之所以會(huì)有兩種不同呈現(xiàn)形式的存在,完全取決于用戶在不同使用場(chǎng)景下的體驗(yàn)差異。
推薦閱讀
幫你留住更多移動(dòng)端流量!超實(shí)用WEB設(shè)計(jì)分享 | 文軍營(yíng)銷(xiāo)一、節(jié)約成本 app:需要投入客戶端和服務(wù)端開(kāi)發(fā),以及耗費(fèi)開(kāi)銷(xiāo)支持多平臺(tái)和多設(shè)備。 移動(dòng)Web:僅需H5頁(yè)面開(kāi)發(fā),使用響應(yīng)式設(shè)計(jì)的移動(dòng)Web可到處運(yùn)行。 二、降低門(mén)檻 app:需要并等待安裝,占用手機(jī)容量,無(wú)Wi-Fi下流量耗費(fèi)大。 移動(dòng)Web:支持跨平臺(tái),無(wú)安裝成本,用戶門(mén)檻較低。 三、追蹤數(shù)據(jù) app:來(lái)源無(wú)法追蹤,對(duì)渠道細(xì)分統(tǒng)...幫你留住更多移動(dòng)端流量!超實(shí)用WEB設(shè)計(jì)分享 | 文軍營(yíng)銷(xiāo)幫你留住更多移動(dòng)端流量!超實(shí)用web設(shè)計(jì)分享 時(shí)間:2016-01-05 10:01:07 相比app,移動(dòng)web成本少,實(shí)現(xiàn)難度低,數(shù)據(jù)追蹤更,還能快速調(diào)整.優(yōu)點(diǎn)非常多,隨著全民寬帶的提高,未來(lái)也會(huì)是一大熱點(diǎn). 隨著移動(dòng)互聯(lián)網(wǎng)思維的滲透,以及智能手機(jī)浪潮的影響,一波波app前仆后繼,目前appstore應(yīng)用程序總數(shù)已逾 170萬(wàn) ,還在以每日數(shù)百...幫你留住更多移動(dòng)端流量!超實(shí)用WEB設(shè)計(jì)分享 | 文軍營(yíng)銷(xiāo)超實(shí)用web設(shè)計(jì)分享 幫你留住更多移動(dòng)端流量!超實(shí)用web設(shè)計(jì)分享 時(shí)間:2016-01-05 10:01:07 相比app,移動(dòng)web成本少,實(shí)現(xiàn)難度低,數(shù)據(jù)追蹤更,還能快速調(diào)整.優(yōu)點(diǎn)非常多,隨著全民寬帶的提高,未來(lái)也會(huì)是一大熱點(diǎn). 隨著移動(dòng)互聯(lián)網(wǎng)思維的滲透,以及智能手機(jī)浪潮的影響,一波波app前仆后繼,目前appstore應(yīng)用程序總數(shù)已逾 170...