踏進了數碼時代,不少商家都意識到要為自己的業務寫App。但其實App有3個種類,商家最常要求的就是寫手機 App (Mobile Application),其次就是 Web App (網路應用程式),最後就是兩者的結合,稱為 Hybrid App (混合模式手機App)。3種手機 App 的價錢及特點都各有差異,今次我們就來分析 Web App 和Mobile App 的分別吧!
Web App簡介
Web App (Wep Application) 是採用 HTML5 語言編寫的 App,簡單來說其實是個 Website,不需要到 App Store 或 Google Play Store 下載安裝。類似於現在所說的「輕應用」,即不用下載,即搜即用的功能App,只生存在瀏覽器中的應用。Web App 是基於 Web 的系統和應用 (Web-based),其作用是向廣大的終端使用者釋出一組複雜的內容和功能。
Web App的架構
Web App (又稱Web應用程式) 簡單來說是由前端 (Front-end) 及後端 (Back-end) 所組成。Web應用程式「前端」即用戶介面 (User Interface,簡稱UI),例如好像一般網頁或瀏覽器介面,通常以 HTML、CSS 及JavaScript 編寫而成的。HTML 主要是定義網頁結構及其內容;CSS 作用則是在網頁設計及佈局方面;最後,JavaScript 就是用於編寫與用戶互動的功能,以及一些動態效果。
而 Web 應用程式的「後端」,就是使用伺服端程式語言 (Server-side Scripting),如:Node.JS、PHP、Python、Java、Ruby等,以及數據庫 (Database) 所組成的。Web App「後端」是用作處理用戶於「前端」所輸入的請求,然後執行為業務流程而設定的邏輯,並於數據庫中搜尋及存儲業務數據,最後於前端介面顯示用戶所請求的內容。一般而言,後端通常運行於多個雲端伺服器上,並以 HTTP 網路協議,與前端進行發送和接受信息及數據。總括而言,Web 應用程式是基於伺服端 (Server-side)及客戶端 (Client-side) 模型的,這讓用戶於有網路連接情況之下,隨時隨地透過瀏覽器開啟並使用Web App的功能。
Web App的優點有:
- 與 Mobile App 相比,Web App 的開發成本相對地低,更新快之餘,維護都相對簡單。
- 不需要到 App Store 或 Google Play Store 下載安裝。
- SEO 友善 – 可以輕鬆地於 Google 等搜尋器被找出來。
- 最方便的是更新前無需通知使用者,亦不需要手動升級,能同時跨多個平臺和終端。
- 用戶可透過個人或企業裝置,如手機或平板電腦使用 Web 應用程式。於不同地理位置的團隊,可使用瀏覽器登入 Web 應用程式,以存取企業共用文件或其他企業系統。
不過,為了讓用家使用起上來更方便快捷,Web App 都有不少缺點:
- Web App 只是臨時性的入口,無法獲取系統級別的通知、提醒、動效等等。少了推送通知功能會導致使用者留存率低。
- 對網路環境依賴大,自身渲染效能較弱。而對複雜的圖形樣式,多樣的動效,自定義字型等的支援性都不強。
- 由於 HTML5 語言的技術特性,無法呼叫系統級別的許可權。例如,系統級別的彈窗,系統級別的通知,地理資訊,通訊錄,語音等等。
- Web App 與系統的相容性也會存在一些問題。由於以上限制,通常導致 Web App 的拓展性不強,體驗相對較差。
- 更有一大缺點就是獲取不到手機裡面的底層功能,比如說開啟攝像頭、開啟相簿、獲取我們的地理位置資訊、支付等,都是做不到的。
常見的Web應用程式例子
現時越來越多企業及服務供應商,以Web應用程式模式為客戶提供網上自助服務,一方面可讓客戶自行隨時選用服務,並透過電子支付工具付款;另一方面,如需增加或修改Web應用程式的功能,對Web應用程式的管理人員而言,更新也更快速方便,而不需要好像手機App般,需要經歷App Store或Google Play上架的過程。以下有一些不同種類、較主流的Web App應用例子:
項目協作Web應用程式
一些用作項目管理的Web應用程式如Notion、JIRA、Trello等,可方便企業團隊存取文件、共用月曆等;而內部溝通則可應用Slack或WhatsApp,即時與團隊人員進行即時傳遞文字及圖片等。
電商購物Web應用程式
著名的如Amazon、淘寶、HKTV Mall等,都是可讓用戶直接網上瀏覽、搜尋,及以不同電子支付方式購物的網站;而SHOPLINE、Boutir掌舖等,則可讓中小企業自行簡便設立自家網站的Web App。
電郵及雲端硬碟Web應用程式
就如大眾都會使用的Gmail、Google Drive;Microsoft Outlook以及OneDrive,都是免費而廣泛被使用的電子郵件及可儲存電子文件、圖檔的雲端硬碟Web應用程式。
視像會議Web應用程式
在工作環境新常態之下,Zoom、Microsoft Teams及Google Meet,都已是現今辦公室常用的視像會議及通訊Web應用程式。
那麼Web App和一般網站 (Website) 有什麼分別Web應用程式和一般網站有些重點的分別,主要是Web App比Website具有更高的「互動性及功能性」:Web應用程式提供能讓用戶於網頁介面輸入及操作數據,可因應業務流程的邏輯而處理更多數據,並生成動態內容回應用戶請求;讓用戶建立個人化帳戶、登入、使用不同功能並選定偏好設置;支援多個用戶間的協作,讓用戶可分享已公開及授權的數據,或編輯與存取同一份文件等。而一般網站則主要展示靜態圖片及文字內容靜態供用戶瀏覽,架構相對簡單。
手機App(Mobile App)簡介
手機 App 顧明思義就是一種基於智能手機本地作業系統如 iOS、Android 並使用原生程式編寫執行的第三方應用程式。Mobile App 一般依託於作業系統,有很強的互動,是一個完整的 App,可拓展性強。不過它不同於 Web App,Mobile App 是需要使用者下載安裝使用。
與 Web App 相比,Mobile App 的優點有:
- 操作穩定,效率高,能直接訪問底層功能,例如通訊錄、開啟攝像頭、開啟相簿、獲取我們的地理位置資訊、支付等。
- 由於 Mobile App 具有系統級別的交互體驗與提醒,因此可以與用家實現更多的互動效果,使用者留存率都相對地高。
- 可有很強的互動,是一個完整的 App,可拓展性強,用者體驗相對 WebApp 流暢方便。
當然,Mobile App 亦有其不足之處:
- 手機 App 成本則較高,這是由於手機 App 會在 IOS、Android 兩個不同平台上架,不同平台有不同的開發語言和介面適配,所以開發成本交高,
- 維護成本都相對地高。
- 另外,手機 App 的更新都會較緩慢。由於 App 會在不同平台上架,其流程包括提交、稽核、上架等都會不同,過程都較複雜。
Web App、Mobile App 都各有好處,你選擇好適合你業務的 App 嗎?每個業務需求都不同。如果你有任何疑問,歡迎聯絡 technine!