根据财团法人网路资讯中心(TWNIC)的统计,2013年初台湾行动上网的人口已近千万人,显示在行动上网在台湾已经成为主要的上网方式之一。 相信在捷运上或在大马路上大家可以观察到一个现象,不只是年轻族群,连中年阶层的人们都拿着手机滑滑滑。这表示行动上网的年龄层分布极广,从锱铢必较的学生族群到消费力旺盛的上班族群都利用手机在进行资讯的浏览甚至是消费。 但反观国内手机版网页的更新程度还来不及跟上这波庞大的行动上网潮流。大多数的网站都还没有手机版的网页,甚至还是用Flash来呈现动态内容。 我们所谈论的手机版网页设计有两种制作的方式,一个是独立版的手机网页设计,也就是独立网址;另一个则是所谓的适应性网页设计,也就是同一网址在不同大小的萤幕自动排版网页内容。 两种方式各有优缺,以下我们大略说明:一、独立网址的手机版网页设计 优点: 1.充分优化,载入速度快-根据网站的内容重要性作取舍,舍去不重要的资讯,保留最重点的讯息,让使用者可以快速的看到想要的资讯。 2.符合使用者体验-将导览按钮及选单设计成原生APP使用的UI形式,让使用者用起来不会有隔阂陌生的感觉 缺点: 1.维护较难-由于是独立的网页,变成跟主网址是不同的Html码,所以在新增删改网页功能的时候,必须维护两个地方二、适应性网页设计(Resposive Web Design) 适应性网页设计(Responsive web design),又称响应式网页设计、自适应式网页设计。 优点: 1.不需要重写HTML -使用同一份Html语码,功能维护容易 2.同时针对多种装置调整-利用CSS3的Media Queries方法来实现,不论是萤幕小到不行的入门款Smart Phone、萤幕大的Galaxy Note、解析度超高的iPad、轻巧的Google Nexus 7都可以做Responsive Web Design 。 缺点: 1.载入速度较慢因为是使用同一份的网页档案,所以载入速度跟在电脑上看是一样的。手机上做的适应性网页只是把元素隐藏,事实上载入速度并不会变快。 2.成本较高 在手机上的浏览惯性与在传统PC上是完全不一样的,所以要有一个好的使用体验的话,设计师就必须多花心思,设计符合阅读的流程,也因此会拉长设计的时间。 姑且不论网站是使用何种方式来撰写,在手机上要让使用者「顺畅」的浏览才是最重要的课题。在手机上观看网页主要的重点就是尽量让一只手就能操作,若在阅览的过程中还要使用放大手势,将会大大的降低使用者的阅读体验。 想想看一天当中可能有多少人透过手机来造访的您的网站,又有多少人因为这些不便而离开?您是不是已经因为没有做手机版网站设计而错过了许多商机?尤其如果是线上购物网站,就更需要架设手机版网页了。 设计一个优良的手机版网页,首先着重的就是阅读动线,需要的专业知识与技术比一般网页更多、更杂,所要考量的因素也更多,因此您需要找寻绝对专业的行动装置(手机版)网页设计公司,多作比较。 行动装置革命才刚刚开始没多久,马上行动拥有手机版网页设计,您也可以追上这股趋势!适应性网页系列延伸阅读: 1. 适应性网页设计Responsive web design 2.适应性网页设计原理介绍 3. 什么样的网站适合做适应性网页? 4. 手机版网页设计已经是现在式