如今是一个靠“脸”吃饭的年代,连移动网站也不能免俗。如何优化移动网站设计以同时满足网站需求和用户体验呢?
继上篇与大家分享了移动网站设计技巧中前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 (分析)和转化跟踪