如何深思熟虑地优化产品界面中的细节设计

所属分类: 网站运营 / 网站策划 阅读数: 233
收藏 0 赞 0 分享

  你的产品的成功是基于一系列因素,但是整体上看用户体验至上。当设计一个新的应用程序或一个网站时,坚持最佳实践是一个必要的途径,但是在创建大画面的过程中,撇开那些看起来不错但不必要的设计元素是非常容易的。然而,好与坏的体验差异往往归结于我们如何深思熟虑地设计这些细节。

  视觉反馈

  视觉反馈可能更容易在很大的设计方案中被忽视,但它实际上将整个体验结合在了一起。当没有任何反馈时,就没有适当的互动。想象一下,与不给你任何方式回应的人说话——你根本不能沟通。所以你的应用程序也是如此。

  缺乏视觉反馈能够使用户混淆。

  您必须确保对用户操作总是有一些反馈意见,因为它让用户感到受控。视觉反馈

  确认应用程序已收到用户的操作。

  沟通互动的结果,使其既可见又可理解。给用户一个信号,告知他们(或应用程序)执行任务是成功还是失败了。

  使按钮和其他控件有形

  在现实生活中,按钮、控件及其他物体响应我们的互动,这就是人们所期望的行为。人们期望应用程序的元素具有类似的响应能力。

  操作结果

  当你需要通知用户有关操作的结果时,视觉反馈也是很有帮助的。您可以用现有元素提供反馈。

  系统应该告诉用户他们的状态

  用户希望在任何给定的时间内知道他们当前在系统中所处的环境,应用程序不应该让他们猜测-?他们应该通过适当的视觉反馈告诉用户发生了什么。对于频繁和次要的行动,响应可能不大,而对于罕见的和主要的行动,响应应该更大。

  动画通知使用户能够快速了解当前状态。

  加载动画提供应用程序进程状态的实时通知,使用户能够快速了解发生的情况。

  加载栏与用户互动,并防止应用程序忙于加载数据时出现混淆。图片出自:马克

  微视图

  微视图是引导用户体验的一小部分文字。显微技术的例子是错误信息,按钮标签,提示文本。一目了然,这词与整体应用程序设计相比微不足道。但令人惊讶的是,它们对转换有巨大的影响。

  在应用程序中编写好的微视窗与使其正常工作,以及用户界面易于使用和高效使用是同样重要的。

  证明你是人类

  一个快速的方法,使你的用户界面更温暖,在副本中减少机械性的人的语调。如果你的产品听起来很人性化,那么人们会更容易信任你。

  在故障时刻使用友好和有用的副本

  如何传达错误会对用户的产品体验方式有很大的影响。通常被忽视,一个用错误构造的错误信息可能会让用户感到沮丧。

  诸如“发生错误”的警报信息对所有用户都是神秘的,并且可能会使经验丰富的用户感到烦恼。

  另一方面,精心设计的错误信息可能会使一时的沮丧变成一时的喜悦。因此,使用人为,而不是技术性的错误信息,去适应你的观众。

  错误状态必须包括关于下一步做什么的简明、友好、和指导性的副本。

  缓解用户的担忧

  微视图是特别情境。这就是为什么它如此重要。它解决了人们和他们所关注的点这一非常特殊的问题。例如,微视图可以在根本安抚用户的订阅或共享的细节。虽然 '不要垃圾邮件/自动鸣叫' 可能被视为理所当然的良好的营销时,要求电子邮件地址/访问社会网络帐户连接,用户是不确定的。因此,当人们添加他们的电子邮件或连接他们的Twitter帐户,说:“我们讨厌垃圾邮件。”

  微视图涵盖所有潜在用户的关注在一个紧密的句子中。

  空白区域

  空白(或负空间)是设计师没有设计元素放置的区域。空白的元素是文本内容中的图像,边距,填充,行间距和字母间距的空间。虽然许多人可能会认为这是浪费宝贵的屏幕空间,但空白是用户界面设计的基本要素。

  提高对用户界面的理解

  混乱是不好的。用户界面过量载入信息:每一个添加按钮、图像和文本使界面更复杂。如果你认为你设计的任何部分不应该有故意空白的,看看下面的例子,你会看到当有太多的对象吸引你的注意力时,会发生什么情况。

  混乱的用户界面是没有吸引力的,用户不会看它,尤其是当视图中没有可视化层次结构时。

  白色空间的力量来自人类的记忆和注意力的极限。我们的短期记忆可以容纳少量的信息(通常约 7 个或更少)铭记在一个活跃的,随时可用的状态,在很短的时间内(通常从 10 至 15 秒,有时甚至一分钟)。

  用户关注是一种宝贵的资源,应相应地分配。

  如果你的用户载入过量的信息,导致界面混乱。因此减少混乱以此提高对用户界面的理解能力。空白可以使一些混乱的界面看起来更简洁。空白减少了大量元素,让用户看一次就能够便于搜索。使用空白技巧是为你的用户剥离掉多余的细节,以提供易理解的内容(大块的内容)。

  媒介是一个不错的例子,使用空白来改善内容和用户界面的理解。

  关注点

  空白创建设计元素的空间,帮助它们脱颖而出,或从其他元素分离。它有助于沟通什么是最重要的,什么是需要注意的。

  元素周围提供的空间越多,它的聚焦就越大。

  Google搜索首页是使用空白的一个很好的例子。布局立即通过将主要交互元素(搜索框)放置在前面和中央位置,在任何一方有足够的空白以增加重点,从而有助于用户目标。

  缺少其他元素将使现有元素更加突出。

  明确关系

  接近法则描述眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域。看看这张照片。几乎每个人都看到两组点,而不是简单的 16 点。

  把信息分成相应的组可以使它更清晰且具有可读性。在右边的表格,把 15 个领域分为三组,使过程更容易。内容的量是一样的,但对用户的影响却大不相同。

  图片来源:nngroup

  结论

  精心的设计。应用程序的用户界面的每一个小细节都是值得密切关注,因为用户体验是所有细节的工作协调的总和:

  “细节不是细节。它们造就设计。”——Charles Eames

  原文链接:https://uxplanet.org/the-details-that-matter-8b962ca58b49?source=---------0-----------

  作者信息:Nick Babich

  译文出自:SKYUI

更多精彩内容其他人还在看

神级营销! 网络营销哪家强,中国山东找蓝翔

中国山东找蓝翔,最近经常能听到这个口号,无论是生活、八卦、还是专业课里都是神般的存在感,下面我们来看看蓝翔营销抓的那些点,需要的朋友可以参考下
收藏 0 赞 0 分享

中小企业网站如何打造持续外链圈的策略

中小企业网站在外链建设方面同样也存在着较大的难度,因为这样的网站本身很难有更高的权重和排名,那么想要获得其他网站的青睐并与之合作就显得尤为困难,而且外链建设的主动权往往很难掌握到中小企业网站运营者的手中
收藏 0 赞 0 分享

从零流量到日均150UV 淘宝新手需知科学定位的重要意义

这篇文章主要为大家介绍了一位店长今年4月份开的淘宝到现在一天都发二三十个包裹的原因,据他描述淘宝店最核心一点就是关于定位的,只要定位好,卖东西没烦恼,需要的朋友可以参考下
收藏 0 赞 0 分享

你不露面谁知道你 浅析如何利用020营销让客户找到我们

有好的产品还要让人知道才可以销售,我们该如何利用020营销让客户找到我们呢?外链和软文应该是各位站长的第一反应,但是线上广告、社交宣传、赞助和合作同样也可以让用户准确的找到我们的产品,需要的朋友可以参考下
收藏 0 赞 0 分享

2014年淘宝天猫双11嘉年华活动营销玩法攻略详解

2014淘宝双十一网购狂欢节,淘宝1111天猫双11活动,双十一秒杀,淘宝商城双11活动,每年的11月11日淘宝商城“双十一”全场五折大促销活动。下面小编就为大家带来2014年淘宝天猫双11嘉年华活动玩法攻略详解,一起来看看吧
收藏 0 赞 0 分享

挖掘机哪家强? 解读蓝翔是如何将社会化营销做到极致

挖掘机哪家强,中国山东找蓝翔,这一具有洗脑性质的全国口号放佛在一瞬间家喻户晓。所以对于蓝翔这个出色的营销案例,我想还是有必要解读一下,或许对我们营销人员有所帮助呢
收藏 0 赞 0 分享

淘宝双11 中小卖家如何收获双十一(1)

双11以前只有淘宝才会搞的活动,现在电商都搞了,本文主要讲淘系的双十一,我们可以看到淘宝天猫平台是安排11月1号到10号做预热,11号为活动期。对于咱们大多数不能上会场的中小卖家,其实是可以借鉴其他平台的玩法,也跟着一块儿抢双十一的份额,需要的朋友可以参考下
收藏 0 赞 0 分享

淘宝双11卖家必看 中小卖家如何收获淘宝双十一(2)

这篇我们主要讲中小卖家进入十一月份之后我们要做哪些事情。在十一月份短短的10天里,我们其实要做很多的工作。下面我们一起来看看中小卖家具体要做什么
收藏 0 赞 0 分享

电商干货:电商无线端怎么优化?无线端优化全攻略

马上就要到双11了,在双11之前做好无线详情,必定为双11无线端的爆发打下坚实的基础。电商无线端怎么优化?下文主要讲了电商无线端优化全攻略,需要的朋友可以参考下
收藏 0 赞 0 分享

汽车营销案列 这样的创新营销,你买账吗?

营销对于品牌知名度提高的重要性不言而喻,但车企要找到适合自己的营销新方式并非易事。近期汽车营销事件中也存在一些“加分”和“减分”之举,接下来就带大家一同点评下近年来车企“砸钱虽易,营销不易”的创新性营销案例
收藏 0 赞 0 分享
查看更多