7个2020要识的手机网页设计技术。

手机网页设计技术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容易太多，开发成本亦较低。

如有网页设计及网站开发需要，欢迎联络航家建站网页设计公司 。