最专业的代练平台开发!

资讯热点
这3个UI设计细节可以让您感受到与主人的差距

发布时间:2021-11-24 分类: 行业资讯

产品的成功取决于许多因素的相互作用,但最重要的因素是出色的用户体验设计。在当前严重的产品同质化时代,差异化的用户体验设计可能更有可能赢得用户的青睐。这意味着,在我们设计时,我们从容易被忽视的细节开始。在本文中,我将介绍可能被我们忽略的视觉反馈,微写入和空白区域,但是研究细节如何影响产品用户体验的极其重要的设计元素。

 视觉反馈

当我们开发设计规范时,反馈经常被忽略,但它的存在实际上有效地梳理了产品的整个交互过程。交互设计实际上可以被视为设计人与物(应用程序或网站)之间的对话。如果没有反馈,那相当于你在聊天中说话,但对方不说一句话,两者之间没有互动。从产品的角度来看,如果没有反馈,用户就无法知道现在发生了什么,他无法确定自己的操作结果,更不用说下一步了。所以没有反馈,没有互动。

良好的交互设计应确保用户可以获得每个操作的视觉反馈,无论是否成功,这将使用户在使用产品时体验到安全感——一切都在他们的控制之下。视觉反馈的目的是以视觉,简洁的形式向用户呈现操作的结果和系统的当前状态。

当我们在手机上点击,滑动等时,按钮,控件和其他交互元素通过改变它们的形状来响应,为我们提供反馈。这种反馈模式将使用户更接近产品,因为用户可以轻松地感受到与屏幕上的元素的直接和真实的交互。

功能动画允许用户及时了解状态的变化。

加载动画向用户显示系统的实时状态,允许用户快速查看当前正在发生的事情。

  微文案

微型拷贝是一小段文本,指导用户操作。在应用程序和网站中,微型副本的应用程序包括按钮上的标签,错误提醒和提示文本。在使用过程中,用户主要关注的是页面的布局和颜色匹配。这些微拷贝的存在似乎并不显眼。但如果正确使用微拷贝,这将给产品带来神奇的效果。以下是微拷贝如何为设计添加颜色的具体示例。

人性化表达

我们一直倡导一种降低机械但温度的产品。如果使用微文案可以借用朋友之间的谈话基调,这将无意中提高产品的用户友好性。使距离更近的用户更容易让用户信任该产品。

 安慰

微拷贝中的错误消息将极大地影响用户对产品的友好性,但我们经常忽略其存在的重要性。

用户使用应用程序或网站来满足特定需求。例如,如果您想购买一件衣服,观看直播或查看明天的天气状况。如果系统错误导致进程被阻止,这可能会给用户带来挫折和焦虑,使用户有耐心继续使用应用程序或网站。此时,可以突出显示微拷贝的作用。

当系统报告错误时,很容易使用户感到不舒服。不正确书写的副本可能会直接驱使用户发疯。

上述错误消息可以说是一个反面的例子。模糊错误很难说服用户。报告错误?最后,出了什么问题,为什么这是错的,接下来我该怎么办?

从另一个角度来看,当系统报告错误时,使用好的微复制案例将起到安抚用户的作用,允许用户在面对问题时面对它。

错误消息还告诉用户解决方案,同时准确和友好。

 缓解用户负面情绪

微复制案例的使用应该考虑具体的场景,因为微复制案例本身就是指导性文本,它的存在是为了解决用户心中的疑虑。例如,在支付宝的付款设置页面中,我们可以在页面底部看到“帐户安全”的副本。由于用户在进行货币交易时非常谨慎,因此支付宝在使用过程中会尽力提高用户的安全性。这里使用微拷贝是为了通过强调资金的安全性来消除用户心中的不安。

 留白

空白(或负空格)是设计者未放置任何元素的页面区域。消隐并不意味着您必须使用白色,而是保留一些空间来组织页面空间中的其余元素。虽然许多人认为留空是浪费宝贵的空间,但不可否认的是,它仍然是UI设计中的一个重要元素。

 提升页面可读性

页面上的信息过多会增加用户查看的难度。对于那些认为页面应该已满的客户,我们会向他们展示以下图片。

对于用户而言,杂乱的排版没有任何吸引力,特别是如果当前页面没有任何层次结构,并且用户对阅读没兴趣。

白色空间的使用主要受人类短期记忆的限制。我们的短期记忆可以保存很少的信息(在没有复述的情况下,大部分信息短时间内保存在短期记忆中,通常为5-20秒,不超过1分钟)。用户看到一个页面,如果显示的信息太多,用户将无法处理它。使用空格可减少当前页面中的元素数量并提高页面的可读性。

△Medium通过合理的空白应用提高了文本和图像的可读性

  吸引用户注意力

用户的注意力是一种宝贵的资源,应该合理分配。我遇到了很多客户,他们说他们想要使用大红色突出显示,你想放大字体以吸引用户的注意力。在他们的愿景中,应该强调页面中的任何元素,但不知道页面上只有一个视觉焦点。太多的捐赠实际上是用户的负担。少即是多,这是互联网时代的信条。

谷歌搜索网站有一个很大的空白区域,用户的眼睛自然会被搜索框吸引。这符合谷歌的初衷,他们希望用户在此页面上完成搜索操作,因此不要显示太多其他信息来分散用户的注意力。

建立层级关系

根据交互设计中的接近规则:当对象之间的距离太近时,用户会认为它们在潜意识中是相似的。我们可以使用空白在不同元素之间建立层次关系。例如,下图中的几乎每个人都会看到两组而不是16分。

集成的信息分组将提高内容的可读性。下图中的右表将15个字段分为3组。相同数量的内容,但用户的印象是非常不同的。

 总结

小心设计,即使是最小的细节也应该给予足够的重视,因为设计是相互关联的。

« LeTV.com发布公告披露累计诉讼和仲裁案件 | 说一个月内会有成千上万的人。我应该被杀? »