HTML5與原生App孕育優質使用者體驗
- DIGITIMES企劃
-
伴隨行動裝置蓬勃興起，輔以訴諸高速率的IMT-Advanced(4G)服務最快於2014年上路，使得行動應用的想像空間更加遼闊，而位居行動應用服務關鍵樞紐的Mobile App，遂成為企業必須勤加修習的基本功。
伴隨智慧型行動終端的迅速崛起，使得App蔚為新世代寵兒，不僅滿足了廣大消費者之於食衣住行育樂等日常生活所需，對企業而言，更是賴以擴散創新應用服務，並與使用者互動的主流路徑；正因如此，不論是隸屬於資訊服務範疇的IT軟硬體開發商或內容供應商，乃至於一般企業用戶，顯然都無法自外於這股趨勢潮流。
時至今日，透過量販賣場業者提供的App，消費者即可用以獲取當季專屬優惠訊息，並依據金額試算而設立個人購物清單，一方面撿得便宜，二方面能兼顧控制預算，三方面又可順手藉由WhatsApp或Line等一對一聊天、上臉書推文PO照片等型式，將優惠訊息分享給眾親朋好友，可謂一舉多得。
App經濟成形 各行業紛紛搶進
不僅如此，消費者只要透過銀行業者提供的App，彈指之間就能進行轉帳、帳戶餘額查詢、人民幣換匯等作業，從而突破時間或距離的限制，隨手打造靈活暢快的交易情境，且若干貼心的銀行，還一併設計轉帳後寄送電子賀卡、簡訊或電子郵件等服務，方便消費者送上必要的轉帳通知與滿滿的祝福(譬如以轉帳方式送交禮金)，此情此景，在在都是過往PC Web時代所罕見。
除此之外，包括壽險或產險等保險業者，也紛紛以不同訴求推出各式App服務，旨在結合行銷活動，提醒消費者應儘早規劃未來，為老年退休生活做足準備。
一向推展行動商務不遺餘力的房仲業，時值智慧型裝置當道，自然也與時俱進，積極推出琳瑯滿目的行動App，並善用智慧型手機的定位功能，俾使消費者便於就近進行買屋搜尋、虛擬實境看屋、房貸試算、成交行情查詢，甚至還能一併結合實價登錄資訊，藉以提高比價的精準度。
當然，著眼於行動App的如日中天之勢，競相加入App開發行列的產業，絕不僅止於上述內容，其餘像是航空公司推出App，方便乘客查詢航班動態、班機時刻、訂購機票、選位、列印登記證、預辦登機手續，甚至連學校都別出心裁推出App聯絡簿，方便家長母掌握孩童在校的學習狀況，都堪稱富含巧思。
影響所及，現今已儼然進入「App經濟」，就好比一股漩渦，已迫使各行各業競相湧入；想當然爾，迄今仍兀自身處洪流之外的企業，不管在於商譽、企業形象、行銷火力、客服品質、顧客黏著度、顧客滿意度…等各個層面，都恐將逐漸屈居劣勢，失去廣大顧客的青睞，從而種下營收衰退的隱患，著實不容等閒視之。
在此前提下，企業無論想要維持或擴大營業基本盤，別無他法，似乎都只能設法融入App經濟。
然而，問題來了，企業現有的程式開發人員，或許很擅長撰寫web應用程式，特別是在諸如微軟IE瀏覽器等特定環境，並不難展現其巧思創意，絕對有能力造就出讓人耳目一新的呈現效果，但對於原生App，卻未必如此擅長，尤其以行動裝置而論，iOS與Android各擁廣大使用族群，因此學了iOS App開發技術恐怕不夠，還需懂得開發Android App，懂得Android App還不夠，另需顧及Android陣營作業平台版本、裝置規格、螢幕尺寸…百花齊放的先天特性，為此反覆進行縝密調校，凡此種種，都不算是輕鬆入門的功課。
HTML5與原生App各擅勝場
而好不容易將適用於兩大平台的原生App開發妥當，還需接受相關App商店的審核程序，才能如願進行發布；但如果在審核過程中發生操作異常、使用非官方認定的API、分類項目與App本身內容呈現不符、引用第三方內容涉及侵權，乃至於設計邏輯迥異於官方既定規範，那麼很抱歉，極可能慘遭退審命運，如此一來，便將吹縐一池春水，使得既定行銷專案陣腳錯亂。
既然開發原生App有一定門檻，那麼轉換跑道，改以發展獨具「一次開發、多次部署」利基的HTML5 Web App如何？雖然HTML5的相對優勢，就在於它不受限於任何單一平台、呈現方式或技術，只消一套程式碼即可行遍天下，同時悠遊於手機、平板或個人電腦等不同環境，但其較讓人有所疑慮之處，就在於執行效能，儘管隨著HTML5技術演進，此部分的疑慮已獲大幅改善，但既定印象猶在，一想到這裡，企業難免擔心受怕，唯恐HTML5 Web App效能問題壞了使用者體驗(UX)，不但未獲顧客青睞反惹來抱怨。
尤其臉書(Facebook)在2012年期間捨棄原本採行的HTML5架構，轉而打造原生App，反倒因為後續展現的高運行速度及流暢性，讓使用者深表認同，此一案例，不論其背後真因是否有值得深究之處，對於不少開發者，必然會造成影響。
HTML5 Web App與原生App兩者各具優勢，也都有其缺陷，企業該如何押寶？有熱心的過來人提出建言，企業在進行取捨之前，必須先弄清楚一些事項。首先，企業想要推出的應用，是否十分倚賴裝置當中的照相機、GPS定位、掃瞄或其他功能？如果是，則原生App顯然是較為合適的選項；其次，企業是否念茲在茲想要凸顯獨創UX？是否想要設計相對複雜的使用者介面？是否欲將小額購買功能嵌入App內？又或者必須倚賴大量數據的接收與傳送？如果這些答案對企業很重要，原生App較容易滿足需求。
但如果企業亟欲一舉通吃各大平台、程式碼需要經常性更新、不傾向耗時等待App商店審核流程，甚或有預算上的限制，以及基於搜尋引擎最佳化(SEO)的曝光考量，值此時刻，HTML5 Web App無疑就佔了上風。
事實上，與其孤注一擲，「截長補短」或許才是企業最佳的進取之道，也就是說，企業可端視所欲推出的不同應用服務屬性，分別採取不同的開發模式。
HTML5進步顯著 吸引各路人馬簇擁
值得一提的是，若與過往HTML規格相較，HTML5已然展現長足進步，意即毋需透過Flash等外掛程式(plug-in)，即可直接在瀏覽器或HTML5相容的執行平台上，巧妙呈現整合2D/3D與影音的即時互動Rich Media效果，再加上隨著硬體裝置性能的增強，也連帶化解了長期以來HTML效能不佳的難題，所以在最近兩年，已可見到愈來愈多的裝置、網路服務或內容廠商開始投入HTML5技術的開發，甚或是改採HTML5技術來發展其內容。
以海外的老牌傳媒集團Financial Times為例，2011年決定將閱讀程式全部改為HTML5 Web App版本，出乎意外的是，其所展現的UX絲毫不輸給原生App，致令使用者大為讚賞，結果後續在10月內吸引逾200萬讀者採用，若以相同時期為基準，新版閱讀器的累積下載量，明顯勝過以往iOS版閱讀器一大截。
而在台灣，除了經濟部於2013年啟動科技專案計畫，大力推動HTML5技術發展，期望將台灣打造成為新一代HTML5智慧裝置與Web App之設計開發與輸出基地，更令人矚目之處，即在於鴻海科技集團積極投入HTML5研發，其希冀利用HTML5搭配Web-based作業系統(意指鴻海與Mozilla共同開發的Firefox OS)，形塑出「硬體＋軟體＋內容＋服務」的全新整合載體，據以貫穿八屏一網一雲(八屏含括了手機、平板、筆記型電腦、桌機、可攜式電視、電視、電子白板及戶外數位看板)。
展望未來，隨著W3C大力支援與推廣，佐以諸如鴻海、Google等海內外大廠的大力投入，使得HTML5前景持續看俏，應用觸角可望伸展至手機、平板、電視甚至汽車…等各類連網裝置，衍生莫大商機；這些令人振奮的訊息，理當對企業多所激勵，因此在專注發展原生App之餘，也不妨挪出一部分資源與心力，開始研習HTML5。
