Skip to content
··閱讀時間1分鐘

你準備好迎接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.comhttp://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:mashable desktop version 呢個係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。mashable ipad screen 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。mashable iphone screen size

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)。vnexpress mobile site

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容易好多。monthly store revenue ios android and windows 從App Annie你可以見到iOS Store嘅revenue大概係Google Play嘅4倍。如果你需要揀一個platform,咁全取決於你嘅target audience同佢哋嘅智能手機choices。作為marketer,我哋要follow我哋嘅用戶,喺有魚嘅地方釣魚。最後,以上係從我最新嘅書Vietnam Digital Marketing入面嘅「Mobile Asset」章節extract嘅。要買ebook,請用呢個link

繼續閱讀

我嘅旅程
聯繫
語言
偏好設定