米扬 发表于 2022-12-20 18:42:26

吸引注意力 正如我们之前提到的缺少

例如看看下面的图片: 点 几乎每个人都看到 组点,而不是简单的 个点。这些点都是相同的,唯一区别它们的是分隔它们的空白。这种行为观察在交互设计中有几个重要的应用,尤其是在输入表单方面。 将标签放置在最靠近相关字段的地方 正如您在下面的示例中看到的,当标签放置在靠近它们相关字段的位置时,信息传达得更加清晰。 注册 研究表明,即使是最轻微的犹豫也会影响表格的完成。在这种情况下,仅仅调整间距就增加了用户填写表单的信心,当然也提高了完成率。

将相关主题组合在一起 在处理长表格时,填写表格的任务似乎非常繁重,一些用户甚至在尝试之前就放弃了。将信息分成适当的组有助于使其感觉更易于管理。 相关的 资料来源:有效使用空白的 电话号码数据库 组表单元素 只需将 个字段分为 个组,就可以让这个过程更容易。内容量一样,给用户的印象却大不相同。 表单域通常给用户带来最大的摩擦,但同样的原则也适用于导航和网站内容。您可以创建一个包含 个顶级项目的下拉菜单,其余的分类在子菜单下,而不是包含 个项目的顶部导航菜单。

https://static.wixstatic.com/media/12998a_67e88cddb5c546308c4c3cca7854d757~mv2.jpg/v1/fill/w_704,h_453,al_c,lg_1,q_80,enc_auto/12998a_67e88cddb5c546308c4c3cca7854d757~mv2.jpg

其他元素只会使现有元素更加突出。下面让我们看看我们对 的重新设计: 原型 在上面的高保真原型中,我们添加了大量的空白来将类别与搜索功能分开。在这样做时,类别图标比它们当前的垂直格式更引人注目(并且不那么混乱)。结合在悬停时触发的类似动画的颜色填充,类别部分现在吸引了更多的注意力,同时为用户提供了更好的反馈。 但是由于人类有选择性的注意力会导致隧道式视觉 比如调出横幅广告(称为横幅盲) 你还需要知道什么时候应该减少和改变内容之间的间距。

页: [1]
查看完整版本: 吸引注意力 正如我们之前提到的缺少