175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

移动端网站设计优化指南(二)

2019-05-21 来源:小领

提供搜索功能:如果您设计具有大量内容或功能的复杂网站,则需要确保提供搜索栏以便于导航。通过实施搜索功能,您可以为访问该网站的移动用户提供信息/功能的快速路径,并考虑到特定问题。 

不要隐藏菜单中的搜索选项。它应该是访问者在您的网页上看到的第一件事。 让用户可以轻松返回主页:访问者希望当他们点击页面顶部的徽标时,他们将返回主页,如果不起作用,他们会感到沮丧。将您的用户放在一个窗口中:避免将用户发送到新窗口的号召性用语。某些用户在移动浏览器中切换窗口时可能会遇到问题,并且可能无法找到上一页。

不要打扰访问者:大型弹出窗口是Web体验中最典型的中断类型之一。很长一段时间,这些横幅专门用于宣传消息,但最近,许多网站开始使用令人分心的弹出窗口来获得使用cookie的许可(GDPR)。无论您希望向访问者显示哪些信息,请确保它不会分散整体体验。

不要让用户离开您的网站:确定用户旅程中可能导致用户在您的网站外查看的位置,然后提供内容/功能以保留您的网站。电子商务网站上的促销代码字段可能是最常见的例子,使访问者离开网站试图找到优惠券。最好在网站上提供一些优惠券以防止此类行为。


不要强迫用户注册:在用户看到信息或使用在线服务之前要求用户注册的交互成本较高 - 过早强制注册会导致用户放弃该网站。在提供个人信息之前,访问者希望了解网站提供的信息。

要创建转化障碍最少的用户流,移动网站应该允许访问者在不需要注册的情况下浏览内容。对于电子商务网站,让用户以访客身份购买是必不可少的。

可以轻松切换到其他设备以继续旅行:不要将移动设备视为独立体验。典型用户拥有多种设备,如台式机,手机和平板电脑,并希望在使用您的产品时能够在所有这些设备上获得无缝体验。例如,许多人仅将移动设备用于产品搜索,然后切换到桌面进行转换。用户希望继续他们停在移动设备上的旅程。


同步用户帐户的心愿单,收藏夹和购物车。为非注册用户提供跨设备保存或共享信息的简便方法(例如,将链接发送到电子邮件的选项)。表单条目是Web上最常见的任务之一。很难想象任何不需要用户填写某种形式的体验。因为它是一种无处不在的练习,所以能够无痛地填写表格对于保持用户参与至关重要。以下是一些可以帮助您将摩擦降至最低的提示:
最大限度地减少表单中的输入:一般来说,用户提供的数据越少,他们就越能享受您的网络体验。这些指针将帮助您减少用户必须进行的击键和输入:

最小化字段总数。通过删除任何不必要的字段,始终保持表单尽可能简短。只询问你真正需要知道的事情。使用自动更正,自动大写和自动完成来减少用户错误的机会。避免下拉字段。下拉菜单隐藏选项,这会产生额外的交互成本 - 用户需要点击两次才能选择正确的选项。如果您使用下拉字段选择选项,请考虑将其替换为单选按钮。当用户按下返回时自动移动到下一个字段。通过实时内联验证最大限度地减少表单错误。使用现有信息最大限度地方便。例如,您可以为注册用户预先填写一些字段,例如送货地址或帐单信息。考虑提供替代输入机制。考虑可以使用哪些设备功能来提供更好的用户体验。例如,不是要求用户键入信用卡详细信息,以便一键启用付款。

提供匹配的键盘:移动用户欣赏为该领域提供适当键盘的网站。此功能可防止他们执行任何额外操作。例如,当用户需要输入电话号码时,您的网站应显示数字0到9的键盘。

设置HTML输入类型以显示正确的键盘。以下是与表单设计相关的七种输入类型:

input type =“text”显示移动设备的普通键盘。
input type =“email”显示普通键盘和'@'以及'.com'。
input type =“tel”显示数字0到9键盘。
input type =“number”显示带有数字和符号的键盘。
input type =“date”显示移动设备的日期选择器。
input type =“datetime”显示移动设备的日期和时间选择器。
input type =“month”显示移动设备的月份和年份选择器。

让用户修改位置字段:许多网站自动检测用户位置并使用该信息然后提供相关内容。让用户更改位置至关重要,因为在某些情况下,用户可能希望查看不同位置的结果。

一致性是用户体验的关键支柱之一。一致的设计是用户友好的设计 - 通过专注于创建一致的设计,您创建更直观的设计。始终努力使网站内部和外部保持一致。内部一致性:创建一致的设计资源库,并将其用于您网站的所有页面。字体,按钮,链接,图标和所有其他UI元素需要在整个网站上保持一致,以保持视觉一致性。外部一致性:确保您设计的网站看起来像是更大的产品系列的一部分。例如,如果您有移动应用程序,您的移动网站应该为使用它的用户表达熟悉感。

这里提到的所有要点都可以被视为行业最佳实践。但仅仅因为某些东西被称为“最佳实践”并不意味着它是您网站的最佳解决方案。这就是为什么测试您的设计决策始终很重要的原因。将可用性测试作为设计过程的必要部分,并定期增强体验。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=142
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov.com 版权所有
鲁公网安备37020302372323
ICP证: 鲁ICP备18056479号

关注领创公众平台

添加官方微信

175 6191 5976