[译] 细节是产品设计的重中之重

简介: 本文讲的是[译] 细节是产品设计的重中之重,一个产品的成功是由各种因素共同造就的,而其中最重要的因素,就是整体的用户体验。在设计一款新的应用或是网站的时候,坚持最佳的实践规范是一个可靠的方法,但是在创造宏伟蓝图的时候,人们很容易就会省略掉那些能让人有更好的体验但却并非必要的设计元素。
本文讲的是[译] 细节是产品设计的重中之重,

一个产品的成功是由各种因素共同造就的,而其中最重要的因素,就是整体的用户体验。在设计一款新的应用或是网站的时候,坚持最佳的实践规范是一个可靠的方法,但是在创造宏伟蓝图的时候,人们很容易就会省略掉那些能让人有更好的体验但却并非必要的设计元素。然而,设计的优劣往往在于我们能设计出多么体贴的细节。

在这篇文章中,我将会重点关注 可视化反馈小的文字信息 还有 留白 这几个方面,你将会发现为什么这些不起眼的细节和那些显眼的设计元素相比同样重要,而这些细节又是怎样决定你产品成败的。

可视化反馈

可视化反馈在较大的设计方案里很容易就会被忽视掉,但它实际上贯穿整体的用户体验流程。可以说,如果没有反馈就没有所谓的交互,你能想象和一个人聊天,可他一点反应也不给你吗 —— 你根本就聊不下去。而对于你的应用也是同样的道理。

缺乏可视化的反馈会让用户感到困惑。

你必须要确保对用户的每个动作都有相应的反馈,这样才能让用户感觉应用运行一切正常。可视化反馈

  • 首先表明这个应用接受到了用户的操作。
  • 然后它通过一种可视化而且易于理解的方式告诉用户这次交互的结果是什么,通过给用户一个信号,来告诉用户,自己对于这个任务的执行是成功还是失败。

让按钮或是其他开关看起来是可触摸的

在现实生活中,按钮、开关还有其他东西都会对我们的动作有所回应,人们觉得世界就是这样运转的。而同样,人们也会期待应用里的元素能有类似的回应。


操作的结果

当你需要告诉用户他的操作结果是什么的时候,可视化反馈就很有用了,你可以利用现有的元素去传递反馈信息。


系统需要告诉用户他当前的状态是什么

在系统中,用户任何时候都会想知道他此刻的状态是什么,而这不应该让用户自己去猜 —— 所以系统应该通过恰当的可视化反馈告诉用户此刻正在发生什么。对于一些常见而且次要的操作,简单的反馈就可以了,而对于不寻常而且重要的操作,反馈就需要更明显一点。


  • 加载动画是对于应用进程的实时提醒,可以让用户立刻明白现在加载到哪里了。


少量的文字信息

少量的文字信息是一些用来是指导用户行为的一点点文字。举一些例子就是,错误信息、按钮对应的标签、提示信息。乍看之下,这么少的文字和整个应用设计比起来一点也不重要,但出人意料的是,它们对转化率有着极为重要的影响。

在应用里写出好的文字信息,和让应用正常运行、用户界面易于使用一样重要。

让应用看起来像是一个人

有一个快速的方法能让你的 UI 变得温暖而不呆板,就是用人说话的口吻去描述内容。如果你的产品听起来好像是一个人,用户就会更加的信任你。


报错的方式要友好而且有效

表达错误信息的方式会严重影响产品的用户体验。通常来说,省略错误信息或是没有正确描述错误信息都会让用户感到挫败。

像“出错啦”这种警告对所有的用户都会造成困扰,而且还会惹恼专家级用户。但是,一个精心设计过的错误信息,会顿时化失望为欣喜。所以,把报错变得人性化、不用技术性的语言并且适合你的用户群体。

错误状态一定要具体、友好而且有用,要告诉用户下一步怎么做。

减少用户的担忧

这些少量的文字信息是很情景化的,这也是为什么它很重要的一个原因。它可以解答用户具体情况下的问题,并针对他们所担忧的事情进行直接地交流。举例来说,当用户选择订阅或是提供了具体信息的时候,一些文字信息对于消除用户担忧会起到相当关键的作用。对于优秀的营销人员来说,“不会有群发消息或是自动关注”是理所当然的事情,但用户自己会存疑。因此,当用户添加了他们的邮箱地址或者绑定了 Twitter 账户的时候,一定要明确表态“我们和你一样讨厌垃圾消息”。

留白

留白(或者说是负空间)是设计师没有摆放设计元素的地方。而设计元素间的留白是指处在图片间距、内边距、外边距、行间距和字间距的空白。虽然很多人觉得这些空白浪费了宝贵的界面位置,但其实,留白是用户界面设计的一个重要元素。

让用户界面更容易理解

杂乱的堆砌是很糟糕的一件事情。在界面上杂乱堆砌元素会给用户带来过多的信息:每一个被添加的按钮、图片和文字都会让界面显得更加复杂。如果你不想你的设计有任何刻意的留白的话,下面这个例子就能很明白的告诉你,有太多东西一起吸引你的注意力是多么可怕的事情。


杂乱堆砌的 UI 尤其是没有视觉层次的 UI 会让用户没有一点想要审视的欲望。

留白之所以很重要,是因为用户的注意力还有记忆力是很有限的。我们的短期记忆只可以在短时间内(通常来说是 10 到 15 秒钟、或者是 1 分钟以内)记住一点有效的既有信息(通常来说是 7 个事物或者比这个更少)。

用户的注意力是很宝贵的资源,所以必须合理的分配。

如果是因为界面上胡乱堆砌而使得用户接收过多的信息,那么减少一些杂物就能提高用户的理解。大方地使用留白可以让凌乱的界面变得简单而有吸引力,留白削减了用户乍看之下接收到的元素数量,这使得浏览信息变得更加容易。留白的使用技巧在于,只给用户提供他能消化吸收的数量的内容(一定数量的内容),然后去掉不必要的细节。


Medium 是一个典型的例子,它善于使用留白来改善用户对内容和 UI 的理解。

让元素更具有吸引力

留白在设计中是通过在元素周围留出空白,以让元素更加突出或是和其他元素以进行区分。它可以告诉用户什么是最重要而且是需要格外注意的。

元素周围的留白越多,元素就会越引人注目。

谷歌搜索的首页就是一个使用留白的典型例子,它通过在正中央摆放其最重要的交互元素(搜索框),并且在周围留出足够的空白以凸显其重要性的布局,直接实现了用户目标。


去掉其他的元素可以更加凸显留下来的元素。

明确关系

接近法则描述了人的眼睛是如何划分视觉元素的,它阐述说距离更近的物体看起来更相似。我们可以利用留白,在不同的元素间产生视觉联系。你看下面这幅图片,几乎所有人都会说看到了两组点,而不是16个点。


将信息拆分成合适的组别可以让信息更好的被识别和阅读。右边的表单将 15 栏拆分成 3 组,这样填写表单也变得相对容易了。虽然内容的数量仍然相同,但是给用户的感觉却完全不同。

总结

用心设计,应用界面上的每一个小的细节都值得细心揣摩,因为用户体验就是由这些小的细节相互协调作用而成的:

“细节不只是细节,细节成就了设计。” —— Charles Eames

谢谢!






原文发布时间为:2017年4月12日

本文来自云栖社区合作伙伴掘金,了解相关信息可以关注掘金网站。
目录
相关文章
|
2月前
|
开发者
开发者视角:探索技术无垠,肩负时代重任
作为一名开发者,我深感责任重大,使命光荣。技术是推动社会进步的强大动力,也是改变世界的神奇钥匙。从初次接触编程起,我就被代码的魅力深深吸引,坚定成为一名卓越开发者的决心。在开发的世界里,我们保持好奇心和探索精神,不断学习新技术,挑战自我,追求创新和突破。我们注重技术的本质和原理,善于解决问题,同时也关注技术对社会、环境和伦理的影响。面对挑战,我们变得更加坚韧和成熟,提升自己的技能和素养,为社会的进步和创新贡献力量。
|
机器学习/深度学习 人工智能 数据挖掘
如何做好互联网产品需求分析?看这里!
如何做好互联网产品需求分析?看这里!
235 0
|
3月前
|
测试技术 UED 开发者
软件测试的艺术:从代码审查到用户反馈的全景探索在软件开发的宇宙中,测试是那颗确保星系正常运转的暗物质。它或许不总是站在聚光灯下,但无疑是支撑整个系统稳定性与可靠性的基石。《软件测试的艺术:从代码审查到用户反馈的全景探索》一文,旨在揭开软件测试这一神秘面纱,通过深入浅出的方式,引领读者穿梭于测试的各个环节,从细微处着眼,至宏观视角俯瞰,全方位解析如何打造无懈可击的软件产品。
本文以“软件测试的艺术”为核心,创新性地将技术深度与通俗易懂的语言风格相结合,绘制了一幅从代码审查到用户反馈全过程的测试蓝图。不同于常规摘要的枯燥概述,这里更像是一段旅程的预告片,承诺带领读者经历一场从微观世界到宏观视野的探索之旅,揭示每一个测试环节背后的哲学与实践智慧,让即便是非专业人士也能领略到软件测试的魅力所在,并从中获取实用的启示。
|
5月前
|
监控 算法 数据挖掘
系统工程是一种跨学科的方法论,它关注于如何设计、管理和优化复杂的系统。
系统工程是一种跨学科的方法论,它关注于如何设计、管理和优化复杂的系统。
DAPP公排互助拆分系统开发详情原理丨DAPP拆分互助公排系统开发玩法功能/方案设计/案例分析/成熟技术/源码版
The lifecycle of smart contracts can be summarized into six stages based on their operational mechanisms: negotiation, development, deployment, operation and maintenance, learning, and self destruction. The development stage includes contract testing before contract chaining, while the learning sta
|
设计模式
优化产品设计
优化产品设计
130 0
优化产品设计
|
项目管理
漫谈项目管理之:面对严重的技术问题,你应该怎么做?
  接到紧急电话,你匆忙的赶到用户现场。初步分析后,你大吃一惊:可以确定,这是一个方案设计阶段的重大失误,现在暴露出来,导致项目中的所有工作全面停顿。   此时此刻,作为项目经理,你马上要做那些事情?   你想到了什么? 组织技术人员进行讨论,对技术问题进行分析?非常好,这是必须要做的工作。
1550 0
|
UED
产品设计怎样做才最优雅
本文讲的是产品设计怎样做才最优雅,这个问题困扰了很多人。我在产品设计方向辅导、指导了很多学生,比如在圣弗朗西斯科艺术学院担任导师,在 AIGA Portfolio Day 作为产品复审,在 Facebook 辅导实习生等。
967 0
《伟大的小细节:互联网产品设计中的微创新思维》——2.2 必经流程简化
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.2节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1398 0
《伟大的小细节:互联网产品设计中的微创新思维》——第1章 1.0小细节的大疑问
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第1章,第1.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1094 0