发布时间:2023-5-9 分类: 电商动态
每个UI设计师都希望他们的产品受到用户的喜爱,那么我们该如何做呢?今天,我们可能希望从提高信息输入效率的角度优化产品用户体验。因为UI设计本质上是创建一个允许用户完成交互的界面。坦率地说,人们与机器(移动电话,计算机)进行通信,提高信息输入效率意味着加快通信速度。
进入组件
为了提高信息输入的效率,设计师应该牢记一个原则 - ——尽量避免用户手动输入。因为每个用户都希望以最方便快捷的方式完成信息输入,所以他们不愿意打开键盘一次敲一个字。
表单中有六个或七个项目,但输入样式只是输入框。每个信息输入都是由用户手动输入的,因此设计人员非常麻烦,但用户会非常沮丧。用户更愿意选择而不是打字。因此用户更喜欢看下拉列表,选择器而不是全屏输入框。当然,输入框并不是什么都没有,有些笔记或详细地址类无法为用户提供选项,那么输入框非常合适。
用户可以选择许多组件,但它们非常小并且使用有限,例如日期选择器DatePicker(日期选择设计摘要)和评级率。在我看来,有两种主要类型的选择性组件是普遍适用的:下拉列表和单选按钮。
下拉列表/单个框
下拉列表的主要使用场景是用户在多个选项中进行选择以完成信息的快速输入。主要风格如下:
然后我们可以发现它的主要优点是:
保存界面空间
无限制的显示选项
因此,当界面空间非常紧张,并且有更多项可供选择时,下拉列表是一个非常合适的组件。但下拉列表的缺点也很明显:
用户必须单击才能查看所有选项;
所有选项均从上到下排列,不反映优先级。
在下拉框之后,我们来谈谈单选按钮。你为什么把它们放在一起?因为在我看来,单选按钮和下拉列表就像硬币的正面和背面。双方的利弊恰恰相反。
从样式中可以看出,单选按钮和下拉列表之间的最大区别是选项的显示。单选按钮将一目了然地向用户显示所有选项。下拉列表想要单击该选项并单击它。还有一步。以下图片是一个例子。这里的表单项都是下拉列表样式。整个界面看起来非常统一,但我们更加“选择”。可以发现,性别下拉列表不太合适,因为总数是男性。 /女性两种选择,直接用单选按钮显示更合理。
收音机盒没有显示太多选项,特别是对于移动侧,因为移动侧相对较小并且显示空间有限。另外,与下拉列表相比,单选按钮的另一个缺点是用户无法完成多级选择,最常见的是省级和城市入口。
因此,通过以上分析,我们可以对单选按钮和下拉列表的各个使用场景进行简单的总结:当选项较少且接口空间足够时,建议使用单选按钮;单个选项太多,在存在层次关系时使用下拉列表更合适。
然而,UI设计中的许多障碍现在被打破,并且许多组件彼此组合使用。之前的选项都显示在一个框中,并从上到下排列。当前选项可以按照按钮组的样式显示在新界面中,您甚至可以将其视为单选按钮的变体。
因此,UI设计是一个快速变化的行业。我一直认为设计师必须与开发人员沟通,了解每个组件的适用场景,并了解您设计的组件是否可以恢复。你能有更好的吗?实施计划?
数据录入
在谈到两个最常见的入门组件之后,让我们更深入地谈谈数字录入。数字输入是信息输入的重要部分,数字输入有两个非常常见的组件。一个是计数器InputNumber,另一个是滑块Slider。
计数器的优点是计数器支持用户点击增量和减量以及手动输入,因此可以完成准确的数据输入,并且滑块只能在一定间隔内完成数据输入。
滑块的优点主要有两个。第一个是用户不仅可以输入特定值,还可以输入数值范围,这是计数器无法实现的。
滑块的第二个优点是滑动。这两个组件实际上代表不同的手势,一个是单击,另一个是滑动。从用户体验的角度来看,滑动比点击更舒适。接下来,我将使用老虎的例子来谈论滑动和点击的两个手势。
老虎队的消息和特刊中的评论是不同的。新闻中的评论类似于瀑布流,无限滚动和刷新,特殊区域中的帖子评论以分页显示。
瀑布流程显示用户想要查看更多评论和幻灯片。所有信息都显示在当前界面中。用户无需每次都等待加载新界面以加快浏览速度。正如我们之前所说,滑动手势比用户更受用户欢迎。此外,无需显示分页按钮,从而节省了界面空间。注释按钮可以获得更多的显示空间,更有可能吸引用户的注意力。注释按钮和分页按钮不是很明显。我曾经认为单击此按钮可以手动输入完成跳转的页数。
上面我们谈到滑动手势的优点,然后谈谈缺点。用户向下滑动的越多,当前界面上加载的内容就越多,这将降低页面性能。但考虑到评论主要是文字和较少的图片,所以这个缺点在这里不是很明显。另一个缺点是你无法完成位置标记。当你浏览时,你突然想起它有一个评论。你想翻转它并找到它。你只能看看它。但是如果有分页功能,您可以直接跳转到该页面并快速查找信息。
总结
以上是我的组件和手势信息输入的摘要,我希望我能帮到你。
专栏
王M大赛(微信公众号:王M大赛),大家都是经理专栏作家,高级网络人士。
这篇文章最初发表。未经许可,禁止复制。
标题图来自英国,基于CC0协议