墨刀知识社区

探索产品技巧,了解设计动态,学会高效工作

知识社区 交互设计 2021年用户最想要看到的产品设计变化(上)

墨刀官方

2021-07-14 18:21:26 • 行之有效的解决方案
12
B端产品

一晃眼就到了12月了,2020年居然就这样悄无声息的走到了末尾。

年底了总是少不了总结盘点,或者明年设计预测。这些文章会尽可能的讲明理由,具有良好的的阅读体验,众所周知这只能作为灵感的参考(类似于Dribbble),而不能作为指南。

今天,我们想分享 Alex Zlatkus 写的一篇文章,里面讲述了他认为目前为止用户体验设计上还需要改进的四个方面。

一起看下去吧。

01

使用更多的光标

我总是遗憾我们没有发挥出光标的作用,虽然它们在视觉上并不具有强烈的吸引力,但是当不使用多余颜色时,它们是最好的选择。

Medium 就是一个很好的例子,用禁止的光标(以及工具提示)来提示我不能为自己的文章鼓掌。而像知乎,则没有一个很好的提示。

作为一个用户,在看到光标变化之前,我永远无法100%肯定地识别这个图标是禁用的。

根据WCAG指南规定,单凭颜色不应该决定什么是可点击的,什么是不可点击的,并且随着无障碍性变得越来越必要,设计师将被迫使用更多的标志物--比如光标。

我甚至认为更多的光标类型会受到欢迎,这是我对左键光标的想法,它可以告诉用户什么时候可以进行左键点击。

02

减少鼠标/手指的移动

对用户来说,没有什么比额外的点击或额外的鼠标/手指移动更令人讨厌的了,我可以用一大堆例子来说明。

页面加载时自动对焦

当你打开一个页面,可以立即开始在第一个输入框中输入,是不是很爽?而且,在 HTML5 中设置自动对焦并不难,但却可以实在提升用户体验。所以,为主要用户流的一部分的页面/对话框设置自动对焦是很有必要的。

在具体操作时出现提醒

将确认提醒放在页面的正中间,意味着用户确认一个操作,需要他的鼠标移动很远的距离。对于破坏性的操作来说,这可能是有意为之。但对于普通操作来说,如果提醒能尽可能地接近触发警报的元素,那就更好了,像这样:

可点击的CTA按钮

最近我在网上订餐的次数比较多,因此对浏览器的移动体验越来越烦。点餐按钮普遍要点两次,有的购物车甚至不是浮在屏幕底部。从技术角度来看,这可能很棘手,但公司应该意识到,有些用户也会因此拒绝下载你的应用。

在Toast购物时,用户必须点击两次 "添加到购物车"

另一个例子是键盘隐藏了登录按钮。

Slack在这方面就是一个很典型的案例,确保了「继续」按钮在任何时候都是可点击的。

如果能看到“登录到你的工作区”的按钮,那就更好了

有些设计师/开发人员可能会说:"「前往」按钮就在那里,这就是你所需要的全部了",但我认为这是一个非常懒惰的借口,此外,键盘上的蓝色按钮不一定对任何情况都有用。

03

措辞一致

我对不一致的措辞感到恼火已经有一段时间了,下面是一些简短的示例,即使对非设计人员来说,这些例子也是很明显的:

  • 有一个 "添加文件夹 "按钮,后面又出现一个 "创建文件夹 "的对话框标题;

  • 有一个 "替换项目 "按钮,又在提示描述中写道 "你确定要覆盖项目...";

  • 将工具中的某一区域称为 "Section",之后又称为 "Category"。

如果你一次性完成所有操作,再进行 UI 文案的标准化纠正,这绝对是一项大工程。

但如果你只是把它应用到未来的设计中,实际上最终会节省你的时间,因为你将不必再重新编造名称。当然,这可能会暂时让你产品的一些部分变得跟以前更不一致了,但这总比永远不修复要好。

04

更正输入栏的键盘

填写表单本身就很烦人,结果在写邮政编码时居然还看到字母,简直是压死成年人的最后一根稻草。确保在合适的字段,出现最佳的键盘属性,是多么的令人愉悦。


05

总结

我没有从设计灵感方面提出建议,但所需的改进都是我日常工作中发现的,或由朋友抛给我的。希望这份清单可以作为一份更实用、更可持续的蓝图,让你的用户在2021年更愉悦。

其实在提升用户使用感上,并不需要很多花里胡哨的设计,在设计上注重每一个点,就会有所改善。

素材广场包含了大量的优秀作品,有很多产品在细节上都设计的非常人性化,欢迎大家登录素材广场体验复用。

 

如果你有一些思考,也请与我们分享哦~

本文作者: Alex Zlatkus

转载已获授权,点击阅读原文可查看原文链接

若要提交评论,请先登录
长沙市政府副秘书长

2020年,长沙提出软件产业发展的“长沙路径”,确定“长沙软件产业再出发”主基调,并颁布软件三年行动计划,出台产业扶持政策,深层次激发软件行业蓬勃发展,着力打造长沙下一个千亿产业。

长沙市政府副秘书长

2020年,长沙提出软件产业发展的“长沙路径”,确定“长沙软件产业再出发”主基调,并颁布软件三年行动计划,出台产业扶持政策,深层次激发软件行业蓬勃发展,着力打造长沙下一个千亿产业。

长沙市政府副秘书长

2020年,长沙提出软件产业发展的“长沙路径”,确定“长沙软件产业再出发”主基调,并颁布软件三年行动计划,出台产业扶持政策,深层次激发软件行业蓬勃发展,着力打造长沙下一个千亿产业。

长沙市政府副秘书长

2020年,长沙提出软件产业发展的“长沙路径”,确定“长沙软件产业再出发”主基调,并颁布软件三年行动计划,出台产业扶持政策,深层次激发软件行业蓬勃发展,着力打造长沙下一个千亿产业。

教程推荐

原型入门

能把枯燥无味的平面设计讲得生动形象非常不易...

查看课程

设计入门

能把枯燥无味的平面设计讲得生动形象非常不易...

查看课程

流程图技巧

能把枯燥无味的平面设计讲得生动形象非常不易...

查看课程

思维导图技巧

能把枯燥无味的平面设计讲得生动形象非常不易...

查看课程

广告位

思维导图技巧娃饿胃啊胃青蛙饿啊饿啊胃胃啊胃啊饿