移动网站设计25大要点(下篇)

发布时间: 2016年06月14日

干货来了!!

如今是一个靠“脸”吃饭的年代,连移动网站也不能免俗。如何优化移动网站设计以同时满足网站需求和用户体验呢?

继上篇与大家分享了移动网站设计技巧中前13招,其中涵盖了“首页和网站导航”、“网站搜索、“商务和转化”三大移动网站必备项。而本次将继续分享后两个部分“表单填写”和“易用性”的知识。

1. 首页和网站导航
2. 网站搜索

3. 商务和转化

4. 表单填写

5. 易用性

文章最后更有彩蛋,为你罗列除设计以外,恰当运用移动网站技术的注意事项。

下面我们从网站中必不可少又容易让用户厌烦的表单填写来继续谈谈移动网站设计:

表单填写
本部分介绍如何通过流畅的表单填写流程来减少用户完成购买时的阻碍。

14

简化信息的输入

如果网站在需要输入邮政编码或生日等数值时显示数字键盘,参与者感到非常开心。他们还喜欢在其输入信息时,自动引导他们填写各个字段的表单。

15

为每项任务选择最简单的输入方法

当参与者需要从有限的几个选项中做出选择时,点按大的切换图标会更方便。如果是从众多选项中选择一个,则传统的下拉菜单最简单明了。

16

在需要选择日期时提供直观的日历

参与者在预订机票时,并不总能记得“下周末”的确切日期是哪两天。针对要选择的开始日期和结束日期提供明确的标识,以避免混淆。

17

使用标签和实时验证减少表单错误

将标签放置在字段内会产生问题,一旦参与者输入信息后这些标签就无法再显示,参与者就信息输入之后,在提交之前实时验证其中是否存在错误,这样可避免用户重新提交信息。

18

设计实用高效的表单

如果表单明确标注了下一步骤,参与者就会对这种与众不同、更加简便的表单形式感到能够接受。参与者还喜欢那些已经尽可能预填了信息(例如其姓名和邮政编码)的多部分表单。


易用性

本部分讨论如何针对移动设备的尺寸和独特的用户需求来设计整个网站。

19

为移动用户优化整个网站

实际上,对于参与者来说,同时混合了桌面版网页和移动版网页的网站比纯桌面版网站更难使用。

20

不要让用户使用双指缩放屏幕

有些移动网站甚至禁用了双指缩放屏幕的功能,其实如果您恰当地设计了网站,用户根本不会发现这一点。

21

使产品图片可放大

顾客希望细看他们要买的产品。在零售网站上,参与者希望可以查看产品的高分辨率特写照片,以更好地了解详情,但如果不能做到这一点,他们不会感到满意。

22

告知用户哪种屏幕方向效果最佳

调研中的参与者通常会保持屏幕方向不变,除非是明显需要切换时,例如文字太小或观看视频时。

切记要保证重要的号召性用语的完整度,即使用户忽略了切换建议也是如此。

23

让用户始终处于一个浏览器窗口中

在智能手机上切换窗口会比较麻烦,而且会增加用户无法返回您的网站的风险。有时参与者也会为了搜索优惠券而打开新窗口,所以请考虑在您的网站上提供优惠券,避免用户到别处寻找。

24

避免使用“完整网站”这一标签

当参与者看到“完整网站”和“移动网站”这两个选项时,他们会认为移动网站已经过删减而选择完整网站,因为其中“包含更多信息”,但其实移动网站和桌面版网站中的内容是相同的。

25

说明您为何需要知道用户的位置

用户应始终知道您为什么要询问他们的位置。例如,请默认将位置字段保留空白,然后使用清晰的号召性用语(例如“在附近查找”)提示用户填写。

不知道全部25招是否你都记住了?看看你的移动网站总共得了多少分?

优秀的设计只是移动网站获得成功的一个因素,恰当地运用技术也非常重要。以下提示可帮助您避免一些常见的误区:

技术上的注意事项

1. 确保将您的移动广告配置为将用户引领至移动网站
2. 尽量减少下载以确保流畅的体验

3. 在多种设备上进行测试

4. 确保以符合逻辑的顺序载入您的网页内容

5. 在您的移动网站中实施 Google Analytics (分析)和转化跟踪

当前位置: 行业资讯
  • ·行业资讯

    2019年韩国ICT展会现场直击 • 易营宝带您邂逅全球最前沿科

  • ·行业资讯

    2019年Q2中国互联网流量季度分析报告

  • ·行业资讯

    全球建站同行对比--易营宝 VS Wix VS Wordpres

  • ·行业资讯

    智能小程序档案馆--手把手教你成为小程序流量头号玩家(上)

  • ·行业资讯

    [网站建设] 做多语言网站,你不用再高价请翻译了

  • ·行业资讯

    网站优化SEO---营销型网站优化技巧之页面TDK编写

  • ·行业资讯

    易营宝网站建设平台之AMP商城产品页面

  • ·行业资讯

    易营宝网站建设平台之浏览器如何管理字体 2019