5个有效的细节提升UI设计体验

         5个有效的细节提升UI设计体验细节能决定产品体验的良好与否。不仅仅为了设计而设计,而是思考后设计,经过我们的深度思考将设计完整呈现。

有细节的变化,往往能带来更好的用户体验。

为错误状态添加图标

5个有效的细节提升UI设计体验_第1张图片

 

带有错误提示的图标有助于用户更快地识别错误的位置。

常见的错误提示的结构是文字+颜色:告知用户错误的原因并改变输入框的颜色状态。在这个基础上,再添加错误图标,构成文字+颜色+图标的提示结构,可以让用户也能快速明确地感知到问题的所在。

引导用户而非显示错误

5个有效的细节提升UI设计体验_第2张图片

我们经常见到登录帐号失败的问题,可是很多用户并不能第一时间确定自己是哪一步出现了错误。

换个思路,如果我们优化界面,告诉用户帐号正确、验证码正确,那么登录失败只有可能是密码错误,这样是不是更容易帮助用户找到问题所在,而节省时间呢?

突出搜索内容

5个有效的细节提升UI设计体验_第3张图片

搜索是产品必备功能之一,功能强大且方便。

当我们输入内容进行搜索时,搜索框会联想一些关联的关键词供我们参考和使用,这样的提示可以提升用户的搜索效率,节省输入时间。

将插图添加到空状态

5个有效的细节提升UI设计体验_第4张图片

出现空状态时,没有要求页面必须是空白的。可以适当添加一些元素,如插画、动效等,让用户感觉更舒服。

如果想让空状态变得更好,可以给出具体的操作提示,告知用户如何进行下一步,尝试引导用户到正确的地方。

为信息添加合理状态

5个有效的细节提升UI设计体验_第5张图片

 IT问答库icon-default.png?t=M85Bhttp://www.mobiletrain.org/qa/

上图两个弹窗看起来很相似,唯一的区别是状态图标的不同。左边的图标是通用性的,右边的更符合当前的状态。

交流和沟通不仅仅只通过文字。图像、图标或插图都有助于用户识别所执行操作的状态。

你可能感兴趣的:(ui)