175 6191 5976

添加官方微信

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

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

2019-05-20 来源:小领

确保设计适合指尖大小的触摸目标,使用手指友好的设计:当您设计移动网站时,请记住访问者将使用他们的手指而不是鼠标箭头,并且人类的指尖比鼠标指针大。努力设计一个手指友好的界面,每个交互元素的大小适当。麻省理工学院触摸实验室的一项研究发现,指尖的平均尺寸为8-10mm,使10mm x 10mm成为一个良好的最小触摸目标尺寸。 

还要考虑触摸目标之间的相对距离。如果交互式元素彼此距离太近,移动用户可能会意外地用手指敲击错误的按钮。为防止这种情况发生,请确保正确调整按钮大小并在它们之间添加足够的空间。

使产品图像可扩展:许多研究证明人们主要是视觉学习者。大多数人在以这种方式交付时能够更好地理解和掌握概念,这就是为什么在网页设计中使用图像是快速总结关键信息的好方法。重要的是不仅要提供高质量的资产,还要使它们可扩展,以便用户可以轻松地详细查看它们。

图像在电子商务网站中发挥着至关重要的作用 - 人们在做出决策时依赖产品图像。重要的是不仅要提供高质量的资产,还要使它们可扩展,以便用户可以轻松地详细查看它们。扩展整个图像而不仅仅是其中的一部分。

对促销和广告要小心:促销和广告很容易掩盖内容。虽然广告的消息可能适用于某些访问者,但在大多数情况下,用户会跳过该消息并转向更有价值的信息。这种现象被称为横幅失明。

轻松查找联系信息:移动用户经常访问网站以查找联系信息。根据紧急程度,用户可能想要致电公司,填写联系表格或查找地址。对于电子商务网站,电话号码应该在主屏幕上可用。

众所周知,用户不在线阅读; 他们扫描。当新访问者访问网页时,他们尝试做的第一件事就是扫描页面并将内容分成易消化的信息。通过遵循一些简单的规则,可以使用户更轻松地完成此任务。记住您在页面上提供内容的顺序:人们从上到下阅读。这就是为什么保留页面顶部的重要内容并根据层次结构移动其余部分非常重要的原因。减少混乱:优先考虑用户界面元素的内容 - 通过删除不必要的功能和装饰元素来减少干扰。努力创造简约风格,因为这样做可以让用户轻松专注于任务。避免没有图像的长文本块:很可能会跳过任何大量的内容。使用标题,段落或项目符号来分解文本。

在重要元素上加入更多的视觉重点:制作重要元素,如关键信息焦点,以便访问者立即看到它们。强调使用不同大小,空白或鲜艳颜色的元素。

帮助用户导航应该是每个网站的首要任务。毕竟,如果人们找不到它,那么最引人注目的内容就毫无用处。这就是为什么投资设计固体导航系统很重要,使用以下一些步骤。

使用熟悉的导航模式:在为您的网站创建导航机制时,值得记住一条简单的规则:不要重新发明轮子 - 努力创造熟悉的体验。依靠大多数用户熟悉的导航模式(例如顶部导航栏或汉堡菜单)总是更好,而不是创建自己独特的导航系统(例如基于手势的导航系统)。当您创建熟悉的导航时,您可以帮助用户在与产品交互时依赖他们以前的体验。

限制导航选项的总数:不要在菜单中放置太多选项。广泛的菜单可能适用于桌面网站,但它们不适合移动设计。由于并非所有导航选项都可在屏幕的可见区域中使用,因此您将强制移动用户滚动选项列表。想想如何展示最少的菜单项。理想情况下,您设计的菜单应该不超过七个不同的类别。确定导航选项的优先级:根据用户使用功能的方式组织导航。全局菜单中最常用的导航选项应位于顶部,主要操作应在屏幕的可见区域中可用。

写清晰标签:每个导航选项都应该有一个清晰简洁的标签。避免使用行话 - 您设计的导航不应包含访问者无法理解的术语。清除标签将使访问者能够预测其行为的结果。

确保交互式元素看起来像交互式元素:在设计按钮和链接时,请考虑设计如何传达可供性。用户如何将元素理解为交互式对象?对象看起来的方式告诉用户如何使用它。看起来像链接或按钮但不是交互式的视觉元素(例如不是链接的带下划线的单词或带有不是按钮的单词的矩形框)很容易使用户感到困惑。

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

关注领创公众平台

添加官方微信

175 6191 5976