手机网页变变变!2014 年七大设计趋势

从app 盛行的趋势来看,2014年将是移动装置大战如火如荼开打的一年!由于移动上网预计将超越桌上型电脑上网,资策会的报告数据也说明2013年台湾电子商务市场的年成长率达17.4%,而且成长率将会年年上扬,因此电子商务厂商不能再抱持着「堪用就好」的心态,必须化被动为主动,提供更适用于移动装置的网站设计,才能让消费者更愉快地用手机购物,牢牢绑住消费者的心。


对手机消费者来说,什么样的移动网页才好用?以往追求字大、图清楚,但对竞争愈趋激烈的移动商务而言,现在的移动网页设计要吸引消费者购买,可得花更多心思。来看看美国电子商务研究网站Practical Ecommerce分享了2014年移动电子商务网页设计的七大趋势。


1.响应式网页(Responsive Design)更盛行: 响应式网页是指网页会根据萤幕大小自动调整,例如更舒服的排版、字体、字型等。随着移动装置愈来愈多样化,为了让消费者在不同移动装置上获得相同愉悦的上网体验,响应式网页将会成为主流设计。


2.更适合手指操作的设计(Finger Friendly Interfaces):

你在用手机上网时,是否常因又细又长的卷轴,滑到火气都上来了?未来移动网页的设计将会减少使用卷轴,而尽量采用直式的上下浏览方式,毕竟在有限的萤幕空间上使用卷轴需要过人的毅力。另外,画面上的按钮与超连结也会变大,让你一点就中。 图二、配合手机萤幕,移动网页设计应尽量采用直式的上下浏览方式


3.扁平式设计(Flat Design):

酷炫的视觉效果虽然在桌上型电脑上吃得开,但在移动装置上可能不这么受欢迎,毕竟在萤幕尺寸与3G连线速度的限制下,网页必须愈精简愈好。因此,2014年将会看到更扁平式的网页设计,例如讲求简单好操作的极简化使用者介面,以及多用图片,少用文字的设计,以缩小档案、加快载入网页,并和其他网站形成区隔。以国外电子商务网站Canopy为例,版面简单俐落,消费者可清楚看到推荐人数及价格。 图三、Canopy的移动网页设计相当简洁,便于购买



4.单一页面内容更丰富(More Content on One Page):

为了在单一页面上呈现更多资讯,「快速预览」的设计会更加普及,让消费者不用离开正在浏览的画面就能预览产品资讯,省下开一堆网页的时间和麻烦。另外,以往用超连结连到各个网页的分层式架构也会朝单一网页发展。因此,页面会愈变愈长。你只要不断往下滑动就可以持续看到内容,不用担心连到迷路。 图四、快速预览功能可省下开很多网页的时间



5.五花八门的字型(Interesting Fonts):

为了弥补无法使用炫丽视觉造型的遗憾,网页字型将会更五花八门。业者希望透过与众不同的字型来突显品牌形象。


6.使用大图片(Great Big Graphics): 连结到产品页的大图片会愈来愈常见。虽然大图片很占画面,但容易点选,只要网页设计妥当,就能在移动装置上发挥效用。 图五、大图容易点选、进而刺激购买


7.影片和其他多媒体内容(Video and Other Rich Content):

在网页上嵌入影片已经随处可见。2014年的移动网页将会提供更多样性的多媒体内容,例如互动式介面等。 图六、hTC在移动网页嵌入新年贺岁爆笑片,增加与消费者的互动


share :