2014年最新的移动APP网页设计趋势

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

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

移动APP

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

图一、响应式网页会随着屏幕大小自动调整

移动APP

数据源:筑梦八村网站。上图为桌面计算机网页,下图为手机网页

2. 更适合手指操作的设计(Finger Friendly Interfaces:你在用手机上网时,是否常因又细又长的滚动条,滑到火气都上来了?未来移动网页的设计将会减少使用滚动条,而尽量采用直式的上下浏览方式,毕竟在有限的屏幕空间上使用滚动条需要过人的毅力。另外,画面上的按钮与超链接也会变大,让你一点就中。

图二、配合手机屏幕,移动网页设计应尽量采用直式的上下浏览方式

移动APP

数据源:TheDecor网站

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

图三、Canopy 的移动网页设计相当简洁,便于购买
移动APP

数据源:Canopy.co

4. 单一页面内容更丰富(More Content on One Page:为了在单一页面上呈现更多信息,”快速预览”的设计会更加普及,让消费者不用离开正在浏览的画面就能预览产品信息,省下开一堆网页的时间和麻烦。另外,以往用超链接连到各个网页的分层式架构也会朝单一网页发展。因此,页面会愈变愈长。你只要不断往下滑动就可以持续看到内容,不用担心连到迷路。

图四、快速预览功能可省下开很多网页的时间

移动APP
数据源:徐老爹养生食品

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

6. 使用大图片(Great Big Graphics:链接到产品页的大图片会愈来愈常见。虽然大图片很占画面,但容易点选,只要网页设计妥当,就能在移动设备上发挥效用。

图五、大图容易点选、进而刺激购买

移动APP
图片来源:91mai 移动商城

7. 影片和其他多媒体内容(Video and Other Rich Content):在网页上嵌入影片已经随处可见。2014年的移动网页将会提供更多样性的多媒体内容,例如交互式接口等。

图六、hTC在移动网页嵌入新年贺岁爆笑片,增加与消费者的互动

移动APP

移动信息化交流QQ群:一号群:211029692 二号群:344692795 CIO交流群:316076815(需认证)

移动化问答社区:wenda.yidonghua.com



1 星2 星3 星4 星5 星 (1 次打分, 当前平均分: 3.00)
Loading...
 
已有 0 条评论
返回顶部

无觅相关文章插件,快速提升流量