Kaya sa milyun-milyong gumagamit ng smartphone, na ginagamit ang kanilang telepono araw-araw, ano ang magagawa natin para samantalahin ito? "Para sa patuloy na lumalaking bilang ng mga consumer, sa iba't ibang merkado, antas ng kita at demograpiya, ang mobile phone ang device at communications channel na pinakamalapit sa kanilang puso. Ito, sa kahulugan nito, ay intimate at personal, dinadala kahit saan, ginagamit sa buong araw at kina-customize sa pamamagitan ng pagkuha at pag-save ng mga personal na larawan, pag-download ng musika, pagdagdag ng wallpaper, paggawa ng mga shortcut at, sa lumalaking paraan, sa pamamagitan ng pagpili ng mga app at function." Mula sa TNS Global Key Insights Mobile Life. Dahil dito, ang smartphone ay kumakatawan sa isang malaking oportunidad para sa brand na magkaroon ng intimate, one-on-one na relasyon sa mga customer nito. Mula sa owned medium na pananaw, mayroon tayong mga opsyon tulad ng

• pagbuo ng mobile site
• isang native mobile app
• paggamit ng mga umiiral na social network tulad ng Facebook, Twitter, Instagram.

Sa mobile site, hindi mo magagamit ang iba't ibang function tulad ng access sa photo album, camera, video, contacts at iba pa. Ang karanasan ay malamang na hindi magiging kasing-rich/interactive tulad ng native mobile app. Gayunpaman, ang magandang bagay ay ang mobile site ay platform agnostic ibig sabihin, maaari itong tumakbo sa parehong iOS, Android o Windows. Para naman sa Native App, maaari kang gumawa ng talagang kumplikadong app na may rich experience, magagandang graphics, 3D images atbp... Gayunpaman, napakahalaga na malaman mo na malamang na kailangan mong gumawa ng iba't ibang bersyon ng parehong app para sa iOS, Android, Windows Mobile o iba pang mga operating system.

Mobile friendly ba ang kasalukuyang site mo?

Para sagutin ang tanong na ito, maaari mong subukang bisitahin ang iyong sariling site sa isang smartphone o maaari kang gumamit ng Mobile phone simulator (ibig sabihin, maghanap lang online ng "How does your site look on mobile?" at makakakita ka ng maraming libreng tool). Kung ang site mo ay gawa sa flash, HINDI mo makikita ang anumang bagay sa iPhone (o anumang iOS device tulad ng iPad, iPod Touch) dahil ang iOS ay hindi sumusuporta ng flash. Ang ilang tool ay magbibigay sa iyo ng ilang pahiwatig kung paano i-optimize ang iyong mobile site. Ang mga tanong na maaari nilang itanong ay tulad ng:

• "Nakikita mo ba ang mga sirang larawan o nawawalang nilalaman?
• Mababasa mo ba ang teksto nang hindi nag-zoom o nagsa-scroll nang pagilid?
• Maki-click ba ang mga link at button gamit ang hinlalaki?
• Nakikita ba ang mga video, laro o iba pang animation?
• Konsistent ba ang mga visual at tono sa iba pang marketing material?"

Sa pagsagot sa mga tanong na ito at pag-alam kung gaano katagal naglo-load ang iyong mobile site, sa tingin ko ay magkakaroon ka ng napaka-rough na ideya kung paano gumaganap ang iyong mobile site at kung anong bahagi ang dapat mong tingnan para mapabuti. Muli, ang listahan sa itaas ay napaka-basic at marami pang ibang bagay na dapat i-check para malaman kung mobile friendly ang site mo.

Mobile friendly na site

Sa Vietnam, pagdating sa pagbuo ng mobile site, mula sa teknikal na pananaw, may ilang opsyon para sa iyo:

Responsive Web Design

Ang Responsive web design (RWD o Responsive Design) ay medyo bago pa kaya malayo pa ang lalakbayin para sa mga designer at developer na ma-master ang konseptong ito at magawa itong maganda. Maraming halimbawa ng responsive design website tulad ng http://mashable.com/, http://www.bostonglobe.com/ o ang aking sariling blog ay gumagamit ng theme na sumusuporta sa responsive design. Hindi pa ako nakakahanap ng maraming site sa Vietnam na nagpapatupad ng Responsive Design. Mula sa "Think Insights with Google", isinulat nila "Ang Responsive web design (RWD) ay nagbibigay-daan sa iyo na i-optimize ang karanasan ng iyong site sa iba't ibang laki ng screen nang hindi gumagawa ng maramihang website. Sa pamamagitan ng paggamit ng mga flexible na template, CSS media query, at JavaScript event, ang responsive web design ay maaaring tumugon sa viewport size ng isang device, na nag-a-adjust ng mga larawan, layout ng template at visibility ng nilalaman. Maaari mo ring gamitin ang mga bagong kakayahan ng device tulad ng pagdrag, pag-swipe at iba pang user-gesture na kinikilala ng mga touch device. Lahat ng mga CSS at JavaScript technique na ito ay maaaring i-layer sa isang file ng HTML content, na ipinapamahagi sa lahat ng device." Halimbawa sa ibaba mula sa Mashable para ipakita ang responsive web design sakaling hindi ka sigurado kung ano ito: Ito ang normal na laki ng screen para sa desktop (gumagamit ako ng Macbook Pro at ang resolution ay "best scaled"), mapapansin mong ang pamagat ng artikulo sa kanang bahagi ay "Google Glass Photographer Makes Picture Taking Awkward". Kung titingnan mo ang naka-highlight na bahagi, makikita mo na ang artikulo ay may pamagat na 2 linya at ilang paglalarawan sa ibaba. Ngayon tingnan ang larawan sa ibaba para sa iPad screen size. Kung gusto mong gawin ito, kailangan mo lang bawasan ang laki ng browser window. Dahil sa mas maliit na laki ng screen, ang pamagat ng artikulo ay lumitaw na sa 4 na linya, wala na tayong espasyo para sa paglalarawan ng artikulo. Gayunpaman, tulad ng nakikita mo, ang layout ay responsive at optimal pa rin ang ating view. Hindi nasira ang layout at mababasa mo pa rin ang nilalaman nang madali. Ang huling halimbawa ay ang smartphone screen size para sa parehong Mashable site. Tulad ng nakikita mo, ganap na nagbago ang layout para umangkop sa maliit na laki ng screen. Ang New section lang ang makikita mo sa homepage. Ang pangunahing navigation ay naging button sa kaliwang itaas na sulok. Kung gusto mong pumunta sa ibang seksyon, kailangan mong i-click ang button na iyon.

Mobile site: Dynamic na pagse-serve ng iba't ibang HTML sa parehong URL

Kapag binibisita ng customer ang iyong website, posible para sa iyong webserver na i-detect kung anong uri ng device ang ginagamit nila at magpresenta ng custom na page (HTML + CSS) sa parehong URL. Ang mga custom page na ito ay maaaring i-design para sa anumang uri ng device — mga mobile phone, tablet, desktop computer at maging Smart TV. Ang pag-detect ng device ng gumagamit at pagbabago ng nilalamang inihahatid mo ay nangangailangan ng ilang pag-customize (hal. stylesheet) na kailangang i-maintain sa bawat device.

Magkahiwalay na mobile URL

Isa pang opsyon para i-customize ang karanasan ng gumagamit batay sa uri ng device ay ang gumawa ng hiwalay na site para sa mobile traffic, independyente sa iyong orihinal na desktop site. Nadi-detect ng browser kung ang bisita ay nasa mobile device at nire-redirect sila sa mobile-optimized na bersyon ng iyong site (hal. m.vnexpress.net). Ang dedicated na mobile site ay nagbibigay-daan sa iyo na i-tailor ang site partikular para sa mga mobile user at kadalasan ay independyenteng ginawa at naka-host. Ang solusyong ito ay karaniwang ginagamit sa Vietnam. Ang ilan sa mga pinakamalaking news portal sa Vietnam ay gumagamit ng ganitong uri ng implementasyon tulad ng VnExpress, Vietnamnet (2013).

Mobile friendly na site o native mobile app?

Mula sa pananaw ng budget, ang opsyon na may pinakamababang budget ay ang magkaroon ng hiwalay na mobile site ibig sabihin, magkahiwalay na mobile URL. Ang Responsive Web Design ay mas mahal sa pangkalahatan kumpara sa mobile site. At siyempre, ang pagbuo ng mobile site na may responsive design ay mas mura kumpara sa native app. Kung tatanungin mo kung gaano kaexakto ang pagkakaiba ng presyo ng mobile site vs native app, ang sagot ko ay depende. Tinatayang 3-20 beses na mas mahal ang native app depende sa functionality. Bukod sa katotohanang mas mura ang pagbuo, ang mobile site ay may kalamangan sa reach, compatibility sa iba't ibang platform, browser. Madaling mahanap ng gumagamit ang mobile site sa pamamagitan lang ng paghahanap sa Google. Para sa responsive web design site, nakukuha nito ang lahat ng kalamangan sa itaas ng mobile site, dagdag pa na nag-aalok ito ng mas magandang karanasan ng gumagamit sa iba't ibang device dahil sa custom na layout. Kung gusto mong i-update ang iyong Responsive web design (RWD) site, maaari mo itong gawin sa pamamagitan ng CMS nang madali. Ang mga pagbabago ay live agad sa browser ng gumagamit nang hindi kailangan ng approval mula sa third party tulad ng kaso ng Apple AppStore. Ang parehong "normal" na mobile site at RWD site ay may ilang napakalaking kahinaan tulad ng:

• Marami sa kanila ang hindi gumagana nang walang internet connection (Mula sa aking limitadong pag-unawa, may ilang Web App na nag-aalok ng offline mode)
• Hindi nila ma-access ang personal na data ng gumagamit sa mismong telepono, ang camera, calendar, photo stream, accelerometer atbp... (Maaaring magbago ito sa hinaharap)
• Sa pangkalahatan ay hindi nila nag-aalok ng kasing-rich na karanasan ng gumagamit tulad ng native app dahil ang mga kumplikadong animation, laro, pag-uulat, pagkalkula atbp... ay hindi madaling maipatupad.
• Kakayahang mag-push: Kung gusto mong tumakbo ang iyong mobile site (web app) sa background at magpadala sa iyo ng mga notification, hindi ito posible sa ngayon
• Ang kaginhawahan ng monetization: sa Google Play at Apple App Store o ibang marketplace, mas madaling i-market ang native app at maabot ang napakalaking audience na maaaring magbayad para i-download ang iyong native app, o bumili ng mga in-app item. Para sa mobile site, ang subscription model ang isa sa mga iilang pagpipilian na available para sa monetization.

Isang malaking kahinaan ng native app ay ang para makapagbigay ng pinakamahusay na karanasan ng gumagamit, kailangan i-customize/gawin ang app para sa bawat platform ibig sabihin, isang bersyon para sa iOS at isa pang bersyon para sa Android. Ibig sabihin nito ay mas mataas ang gastos sa development para sa native app. Mas mataas din ang gastos sa maintenance. Ang mga kahinaan ng mobile site ay natural na mga kalamangan ng native app. Gayunpaman, tandaan na ang native app ay katulad lang ng social media asset o isang website, kapag nagawa mo na ito, kailangan mong gumastos ng pera para i-promote ito sa iyong mga gumagamit at i-maintain ito pagkatapos. Kaya hindi ko irerekomenda ang pagbuo ng app para lang sa isang 2-buwang campaign at pagkatapos ay itigil ang suporta dito.

Daloy ng pagbuo ng native app

Kung gusto mong gumawa ng native mobile app, ang pangkalahatang daloy ay ganito:

• Ideation: kasama dito ang app concept, mga pangunahing functionality. Karaniwan ay mas mainam na isipin ang mga pangmatagalang benepisyo ng app (para sa mga gumagamit at para sa brand), hindi lang para sa isang campaign burst (1-2 buwan) dahil ang gastos ng pagbuo ng app, pag-promote nito para i-download ng gumagamit ay hindi maliit.
• Business analysis: suriin ang mga requirement at magmungkahi ng angkop na teknolohiyang solusyon, foundation framework para sa bawat operating system,
• Wireframe, Design: Katulad ng paggawa ng website, ang wireframe ay napakahalaga para sa isang app dahil ito ang pundasyon ng user interface. Kung may anumang mali sa lohika ng wireframe, o may anumang kulang, ang karanasan ng gumagamit ay malubhang maaapektuhan.

Ang screen flow ay magpapaliwanag kung paano gagana ang animation. Sa screen flow, makikita ng client kung paano gamitin ang app, kung ano ang mangyayari kapag pinindot ang isang button.

• Database, CMS at API: ang yugto na ito ay tungkol sa pagdisenyo ng database, pag-code ng CMS at API ayon sa requirement. Maaari mong i-code ang CMS at API gamit ang php o Java o .Net, nasa sa iyo iyon. Pakitandaan na ang iyong "normal" na web production team ay kayang hawakan ang bahaging ito, kailangan lang nilang gawin ang API ayon sa hinihingi.
• Programming para ikonekta ang front end ng app sa database, CMS at API: sa yugtong ito kailangan mong mag-program gamit ang Apple/Android SDK, na may mga wika tulad ng Objective C para sa iOS, atbp.

Ang susunod na tanong na dapat mong isaalang-alang ay kung dapat mong i-develop ang native app sa Android o iOS o Windows?

Android o iOS o Windows?

Isang pangunahing bagay na dapat isaalang-alang ay ang market share sa pagitan ng iOS at Android sa iyong target audience. Malinaw na ang Windows ay HINDI isang karaniwang platform kaya ang pagpili mo ay sa pagitan ng Android o iOS. Ang rekomendasyon ko ay kung mayroon kang budget, pumunta ka sa dalawa. Kung gusto mong i-monetize ang iyong app, gamit ang pagbabayad sa pamamagitan ng opisyal na store, ang iOS ang tamang daan. Mas malamang na magbayad ang mga gumagamit ng Apple App kumpara sa Android dahil sa isang bagay, mas madaling makahanap ng crack na bersyon ng Android app. Mula sa App Annie, makikita mo na ang kita ng iOS Store ay halos 4 na beses na mas mataas kaysa sa Google Play sa buwanang batayan. Kung kailangan mong pumili ng isang platform, depende lahat sa iyong target audience at sa kanilang mga pagpipilian ng smartphone. Bilang marketer, kailangan nating sundan ang ating mga gumagamit at mangisda kung saan ang isda. Sa huli, ang nasa itaas ay kinuha mula sa kabanata ng "Mobile Asset" sa aking pinakabagong libro tungkol sa Vietnam Digital Marketing. Para bilhin ang ebook, pakigamit ang link na ito.