手機網頁設計技術2020

講到用手機上網，大家會有甚麼經驗? 慢、Lag、等了又等。網頁技術長年累月的發展都是以桌面電腦為本，需要大量的運算，尤其是網頁應用 (Web Application)，這對手機來說其實相當吃力。手機因要流動，設計以省電為大前題，而上網可能要不斷下載數據，同時亦要運算，這兩件工作都非常耗電。另外網速亦是一大限制，首先不是所有手機都支援4.5G (更不要說最新推出的5G)，亦不是所有地方都有良好的訊號，所以用手機上網首先要等下載，之後又要等運算，整體感覺好像又回到廿多年前使用電話撥號上網的年代。

故此，本文所提及的7個2020熱門的手機網頁設計技術，不少都是關於如何節省頻寬及運算，當然亦有部份是涉及使用體驗(UX)，事不直遲，馬上送出: 7個2020一定要識的手機網頁設計技術。

手機加速網頁 AMP

AMP (Accelerated Mobile Pages)是Google在2016年提出的開放框架，原理很易明白，就是透過相關技術，隔走不必要的效果，只留下網頁內容的圖文，並暫存在Google(或其他的傳送網絡CDN)的伺服器上。當使用者需要瀏覽時，就直接從Google下載閱讀。因為AMP將網頁3大核心技術: HTML、CSS及Javascript都作出精簡，只顯示圖文，所以無論是頻寬或運算都做到最少需求。當然，AMP的弱點就是欠缺功能，所以只適合資訊性網頁，例如新聞、博客(Blog)或產品目錄等，不適宜用於互動網站。AMP的重點是速度，亦是SEO的重要排名因素，既然Google大力推廣，大家絕不應忽視了。

延伸閱讀: AMP網頁如何提升SEO?

漸進式網絡應用程式 PWA

PWA (Progressive Web Apps)是指以3大核心網頁技術編寫的應用程式，由於以網頁方法呈現，不用現在的手機App般需要先安裝才能使用，亦不用分iOS或Android版本或是Tablet版本等跨平台問題。由於網頁可先下載，故此即使離線都仍能使用。在智能手機剛出現的年代，Web App同Native App(即需要安裝的那種手機App)曾有一番競爭，但由於當年各種硬件限制，以及仍未有響應式網頁設計(Responsive Web Design, RWD)的概念，最終以Native App勝出為結局。今次PWA重出江湖，起碼在開發成本方面是遠勝的，因為PWA本身已是Responsive，一次開發即可多平台使用(任何裝置任何操作系統)，且看今次誰會勝出。

技術重溫: 2019網站開發新趨勢

響應式網頁設計

RWD(Responsive Web Design)到了今天是必須的，因為超過7成的人用手機上網，但又不能忽略使用桌面電腦上網的體驗，那還有甚麼好談呢? 當然有，網頁能做到Responsive，很大程度取決於CSS(Cascading Style Sheets, 網頁呈現方法的電腦語言)的發展，然而CSS近年沒有甚麼明顯的突破，依舊不能運算，以及在不同平台有一定差異等問題，只有一些Framework的改善。所謂靜極思動，既然CSS久久未變，若然一變，可能又會有一番新景象。

溫故知新: 如何發揮網站最大價值

語音搜尋優化

智能個人助理(Intellectual Personal Assistant, IPA)越來越普及，例如Google Assistant、Apple Siri及Microsoft Cortana等就成為各自產品的賣點，語音搜尋將會是2020年的新趨勢。或者你會問，Voice Search儘其量都只是語音轉文字，之後和現在的搜尋沒有分別，這大致是對的，但最後的結果卻會非常不同。如果你有留意SERP(Search Engine Return Page)，有時會出現「精選摘要」(Featured Snippet)，而Voice Search如以聲音回應，很可能就以此取材，所以網頁內容不但要更精簡，容易以問答方式演繹，更要以相應的網頁設計方式配合，恰當運用標題。

API優先

API(Application Programming Interface)是指不同應用程式間的溝通介面。基於成本效慮，過往程式編寫很多時不會同時建立一套API，結果每個項目都需要由零搭建，新程式不能透過API使用已建立好的程式，結果相當廢時。網頁程式都有同樣問題，每次找網站開發公司進行項目，都要不斷重新再做，導致成本高昂，所以2020年網絡技術的最新發展，反而是以API優先，每個簡單程序都只需靠API連繫，組成強大的系統。舉一個實例，之前可能有不少人寫好了一個網上預約系統，但因為要儘速完成，前端(Front-end)和後台(Back-end)的編碼糾纏在一起，而不是使用API連接，結果要改動前端介面時，就被後台技術問題阻礙。既然手機網站技術變化極快，如果後台能以API為優先考慮，那麼將來即使手機網站技術再改變，只要連接到後台API，就能無縫升級。

推送通知 Push Notification

使用手機和電腦最不同之處是，人們會將手機放在袋中，當有訊息時，手機就會震動，能做到這點，全賴Push Notification。今日的瀏覽器(Web browser)大部份都支援Push，既然上文提到各種挑戰手機App的技術，例如PWA等，就自然不能缺乏Web App的Push了。

聊天機械人 Chatbot

Chatbot這個話題說了很久，期望落差也很大。最初講Chatbot，大家都以為像叮噹(或者叫「多啦A夢」)一般，但人工智能的發展與那個程度仍有很大的距離，結果大家又很失望。不過事情發展著，AI確是強大了，學習能力極高，同時人們亦調整了期望，明白Chatbot暫時只可理解及回應有限的情況，只要Chatbot解決了9成的問題，留下1成等待人類處理，至少它是24/7工作，加上雙向語音功能日趨完善，綜合使用體驗的確已提升不少，絕對是2020年手機網絡技術的重點之一。

總結以上7點手機網站技術，不難發覺都是針對手機速度及運算的局限性而產生出來，同時網頁界的確雄心壯志，在使用Apps佔手機8成時間的今日，以各種方式挑戰Apps的絕對地位，或者下年各式Web App越來越成熟，人們會多了使用Web。畢竟，Web在推廣方面較Apps容易太多，開發成本亦較低。

如有網頁設計及網站開發需要，歡迎聯絡pnetform網頁設計公司 ([email protected])