你準備好迎接Mobile世界未?你有咩options?
智能手機為品牌提供咗一個同客戶最intimate嘅channel,但你個site準備好未?一齊探索mobile sites、native apps同responsive design嘅options。
呢篇文章寫於2013年,部分內容可能已經有變化。
咁有幾百萬智能手機用戶每日都用住部手機,我哋可以做啲咩嚟take advantage? 「對於越嚟越多嘅消費者,跨市場、收入水平同demographics,手機係同佢哋嘅心 最近 嘅裝置同通訊channel。佢本質上係 intimate 同 personal 嘅, 隨身攜帶 ,全日使用,透過影相保存、download音樂、加wallpapers、建shortcuts,同埋越嚟越多透過select apps同功能嚟customize。」來自TNS Global Key Insights Mobile Life。因為咁,智能手機代表咗品牌同客戶建立 intimate, one on one relationship 嘅重大機會。從owned medium角度嚟睇,我哋嘅options包括:
- 開發一個mobile site
- 一個native mobile app
- 利用現有嘅social networks好似Facebook、Twitter、Instagram。
用mobile site嘅話,你無法take advantage唔同嘅功能,好似access相簿、相機、影片、聯絡人等等。體驗唔太可能好似native mobile app咁rich/interactive。不過好嘅一面係mobile site係platform agnostic,即係佢可以喺iOS、Android或者Windows上面run。至於Native App,你可以build真正複雜嘅app,有rich experience、靚嘅graphics、3D images等等... 不過好重要嘅係你好可能需要為iOS、Android、Windows Mobile或者其他operating systems create唔同嘅版本。
你而家個site係咪mobile friendly?
要回答呢個問題,你可以試喺智能手機上visit你自己個site,或者你可以用Mobile phone simulator(即係上網search「How does your site look on mobile?」就會搵到好多免費工具)。如果你個site用flash做嘅,你喺iPhone(或者任何iOS裝置好似iPad、iPod Touch)上面就咩都見唔到,因為iOS唔support flash。有啲工具會畀你一啲hints點optimize你嘅mobile site。佢哋問嘅問題可能好似:
- 「你有冇見到broken images或者missing content?
- 你可唔可以唔使zoom或者左右scroll就讀到文字?
- Links同buttons可唔可以用拇指click?
- 影片、遊戲或者其他animations見唔見到?
- Visuals同tone同其他marketing materials一致嗎?」
透過回答呢啲問題同知道你嘅mobile site要幾耐先load到,我估你可以有一個好rough嘅idea你嘅mobile site表現如何同邊個area需要improve。以上嘅list好basic,仲有好多其他嘢要check先知你個site係咪mobile friendly。
Mobile friendly site
喺越南,講到開發mobile site,從technical角度嚟睇,你有幾個options:
Responsive Web Design
Responsive web design(RWD或者Responsive Design)相對新,所以designer同developer要master呢個概念同將佢靚咁bring to life仲有好長嘅路。有好多responsive design website嘅例子好似http://mashable.com、http://www.bostonglobe.com/ 或者我自己嘅blog用嘅theme都support responsive design。我唔係見過好多越南網站implement Responsive Design。根據「Think Insights with Google」,佢哋寫道「Responsive web design(RWD)令你可以optimize你嘅site experience across唔同screen sizes而唔使create multiple websites。透過用flexible templates、CSS media queries同JavaScript events,responsive web design可以respond到裝置嘅viewport size,adjust images、template layout同content visibility。你甚至可以harness新穎嘅device capabilities好似dragging、swiping同touch裝置識別嘅其他user-gestures。所有呢啲CSS同JavaScript techniques都可以layered onto一個single HTML content file,delivered到所有裝置。」以下係Mashable嘅例子嚟show responsive web design:
呢個係desktop嘅normal screen size(我用緊Macbook Pro,resolution係「best scaled」),你留意到右邊文章嘅title「Google Glass Photographer Makes Picture Taking Awkward」。如果你睇highlighted部分,你可以見到文章有2行title同下面一啲descriptions。而家睇吓以下iPad screen size嘅圖。如果你想replicate,你只需要reduce browser window嘅size。
因為screen size細咗,文章title而家出現咗4行,冇空間放article description。不過你可以見到,layout係 responsive 嘅,我哋嘅view仲係optimal。Layout冇break,你仲係可以輕鬆讀content。最後一個例子係同一個Mashable site嘅智能手機screen size。你可以見到,layout完全改變嚟cater細screen size。你只見到homepage嘅New section。Main navigation reduce到左上角嘅button。如果你想去其他sections,你要click嗰個button。
Mobile site:喺同一URL dynamically serve唔同嘅HTML
當客戶visit你嘅website,你嘅webserver可以detect佢哋用緊咩裝置然後喺同一URL present一個custom page(HTML + CSS)。呢啲custom pages可以designed for任何裝置——手機、tablets、desktop電腦甚至Smart TVs。Detect用戶嘅裝置同改變你serve嘅content需要一啲customization(例如stylesheets),需要per-device basis maintain。
獨立嘅mobile URLs
另一個根據裝置類型customize用戶體驗嘅option係為mobile traffic build一個獨立嘅site,independent of你原來嘅desktop site。Browser detect到visitor用緊mobile裝置然後redirect佢哋去mobile-optimized版本嘅site(例如m.vnexpress.net)。一個dedicated mobile site令你可以專門為mobile用戶tailor個site,通常係independently built同hosted嘅。呢個solution喺越南好常用。越南一啲最大嘅新聞portal都用呢種implementation,好似VnExpress、Vietnamnet(2013)。
Mobile friendly site定native mobile app?
從 budget 角度嚟睇,最低budget嘅option係有一個獨立mobile site,即係separate mobile URLs。Responsive Web Design一般嚟講會比mobile site更貴。而當然build一個responsive design嘅mobile site比native apps平好多。如果你問mobile site vs native app具體平幾多,我嘅答案仲係depends。我估ratio大概係3-20倍更貴,取決於functionality。除咗花更少錢去build之外,mobile site有reach、跨platform同browser compatibility嘅advantage。用戶搵mobile site好easy,喺Google search就得。對於responsive web design site,佢繼承咗mobile site以上嘅所有advantages,加上因為custom layouts所以across devices嘅用戶體驗好好多。如果你想update你嘅Responsive web design(RWD)site,你可以透過CMS好easily咁做。Changes會即刻live喺用戶嘅browser上面,唔使好似Apple AppStore咁要third party approval。「Normal」mobile site同RWD site都有一啲好大嘅disadvantages:
- 好多喺冇internet connection嘅情況下唔work(據我有限嘅了解,有啲Web Apps提供offline mode)
- 佢哋唔可以access用戶手機上嘅個人data、相機、日曆、相片 stream、accelerometer等等...(呢個將來可能會改變)
- 佢哋一般唔會提供同native app一樣rich嘅用戶體驗,因為複雜嘅animation、遊戲、reporting、calculation等等唔可以easily implement。
- Push capabilities:如果你想你嘅mobile site(web app)喺background run同send你notifications,而家係唔可能嘅。
- Monetization嘅ease:有Google Play同Apple App Store或者其他marketplace,market native app同reach一大班可能會付費download你嘅native app或者purchase in app items嘅audience容易好多。對於mobile site,subscription model似乎係少數嘅monetization choices之一。
Native app嘅一個大disadvantage係為咗提供最好嘅用戶體驗,app需要為每個platform customized/built,即係iOS一個版本,Android另一個版本。呢個代表native app嘅development cost更高。Maintenance cost都更高。Mobile site嘅disadvantages自然就係native app嘅advantages。不過要aware native app同social media asset或者website一樣,build完之後你需要花錢promote畀你嘅用戶同之後maintain佢。所以我唔建議為咗一個2個月嘅campaign develop一個app然後之後就唔support佢。
Native app開發流程
如果你想build一個native mobile app,general flow係咁嘅:
- Ideation:呢個包括app concept、key functionalities。通常最好諗吓app嘅長期benefits(對用戶同對品牌),唔係淨係為咗一個campaign burst(1-2個月),因為build一個app、promote畀用戶download嘅cost唔細。
- Business analysis:分析requirements同suggest適合嘅technology solution、每個operating system嘅foundation framework。
- Wireframe、Design:同create website一樣,wireframe對app嚟講critically important,因為佢係用戶界面嘅foundation。如果wireframe有任何邏輯上嘅問題或者有嘢missing,用戶體驗會嚴重affected。
Screen flow會解釋animation點運作。有screen flow,客戶可以「visualize」點用app、當一個button被touch嘅時候會發生咩事。
- Database、CMS同API:呢個stage係關於根據requirement design database、寫code CMS同API。你可以用php或者Java或者.Net嚟寫code CMS同API,隨你。請注意你嘅「normal」web production team可以handle呢個part,佢哋只需要根據requested produce API。
- Programming嚟connect app嘅front end同database、CMS同API:喺呢個stage你需要用Apple/Android SDK program,用languages好似Objective C for iOS等等。
下一個你應該考慮嘅問題係你應該喺Android定iOS定Windows develop native app?
Android定iOS定Windows?
一個main thing要考慮嘅係你嘅target audience入面iOS同Android嘅market share。Windows明顯唔係一個common platform,所以你嘅choice會係Android同iOS之間。我嘅recommendation係如果你有budget,你應該go for both。如果你想透過official store嘅payment嚟monetize你嘅app,咁iOS就係the way to go。用Apple App嘅用戶比Android更likely會付費,因為搵到crack版本嘅Android app容易好多。
從App Annie你可以見到iOS Store嘅revenue大概係Google Play嘅4倍。如果你需要揀一個platform,咁全取決於你嘅target audience同佢哋嘅智能手機choices。作為marketer,我哋要follow我哋嘅用戶,喺有魚嘅地方釣魚。最後,以上係從我最新嘅書Vietnam Digital Marketing入面嘅「Mobile Asset」章節extract嘅。要買ebook,請用呢個link。