界面设计

想了解用户体验（UX）并进一步学习？美国的UX达人Witney Hess列出了20本UX爱好者必读的20本书。你可以收藏这个书单。

标签可能看起来像一个微小、乏味的图形用户界面设计，但我们合理的运用Tab的特点，易用易理解，就能为你的用户体验加分。

做好一份竞品分析、输出优秀的设计观点，可能是衡量一个团队专业与否的第一步。

在未来，当对微小细节的关注渗入用户体验设计的每一寸土壤；当对像素级完美的追求成为设计的基本要求；当将简单便捷的设计理念融入用户的日常生活，那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非，但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在，他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说，他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手（AI）之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是，我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切，赋予了你能触碰到的东西意义。”

互联网空间不像现实世界，它完全是一个平面化的二维虚拟空间，所有的物体都处于一个空间平面上，但是信息内容却是有层级关系的，那么应该如何在一个平面空间里来展现多重层级关系的信息呢？

产品设计流程中，有必要对设计进行评审是大家的共识。在我每周的工作内容中，参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的，也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审？设计师应该如何应对设计评审，更好的表达设计意图，并收集意见改进方案？怎样避免设计评审变成竞稿或PK？如何确保设计评审这样的流程能带来更大价值？带着这些问题，我们一起看看原文作者Jason的观点。*在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息？对于允许索取这条信息我们设置了哪些期望？我们会用它做什么？如果我们能回答它们，再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。“为什么”引出一个故事，解释某件事情的真实性。如果你问为什么，一切都无法奏效，你更想要创造一个故事，无论真实与否。这是让你感到糟糕的危险领域。 与询问“为什么”不同的是，考虑询问“如何”能够引出一个创造流程的故事，不必为它的存在辩护。然后你可以问设计师之前考虑过的各种可能，认真倾听设计师在提供方案之前做过的尝试。他们也许过于看重某些东西，不过没必要深究。优秀的适时交互是让产品（服务）吸引或失去客户的关键区别。将间歇性的互动变为持久关联的秘诀在于一系列精彩微交互，以及当用户需要时恰好出现的信息内容。 在设计评审流程中，应当询问每一个行动、每一次询问或者每一次数据展示是否出现在正确的时机，以确保界面在切换时传递信息时顺畅。随着扁平化设计与用户体验趋势的摇摆变化，我们能预感到页面部件缺少视觉线索的风险，因此动画能减少这种风险。 这种动效可能是颜色、透明度的变化，也可能是用猴子的手臂延伸页面这种细节，或者用户完成任务后展示太阳升起的效果。询问在UI设计中加入逐步动效的可能将极大的推动设计师改善设计，使得设计师思考时间维度的设计细节，而不只是局限在空间维度。这是一个很好的问题，我认为它是每个人都应该吸收的教训，尽管并非如此。我总喜欢提到：对用户的真实目标来说，页面或屏幕上的任何元素都不是解决方案的一部分，而是噪音和干扰。 在设计的每一步中，我们都需要自问：我们如何能够创造更小思考成本下能发挥同样作用的产品？在设计评审中，这是要求把方案简化的最佳表达。在设计中保持界面清晰很重要，使用尽可能少的点击、文案和输入框来达成目标更好。踏踏实实的把用户需要完成工作的消耗降到最低，用户会感激不尽。我们认为，很棒的产品描述（比如产品手册）对用户来说就跟“坐在60码时速的车上看到的广告牌一样”，UI设计师们比较难理解用户是如何忽略这些产品界面细节的，尽管设计师为此付出诸多努力。 优秀的设计评审放慢节奏，考虑每个元素，但是能认识到这些设计细节可能不会被用户注意到。如果参加评审的人员在颜色、字体及体验设计方面没有专业知识，他们可以考虑以下重要因素：经验告诉我，不要试图一概而论。例如我会问“我不确定开放的banner是否足以传达品牌？”，而不是问“哇，用户根本不会理解我们的品牌价值。”这就是为什么我认为每个设计师应该花时间观察用户并且使用自己的产品（又称可用性测试）。

微博是一款典型的信息流产品，早期微博IM复用了信息流的一些设计，并且已经很久没做大的更新迭代，导致现有的设计与实际场景不符。

我们一开始为什么去安装应用程序？是为了使我们的生活更方便。但当一个应用无法满足这一要求时，用户肯定就会离它而去。一个应用的成功是受多种因素影响的，其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

用户体验这系列的文章要素，已经写到第三篇了，前面写的两篇《做好用户体验，掌握这些要素就够（一）》和《做好用户体验，掌握这些要素就够（二）》，更多的是偏向交互设计。而从这篇开始，会更多的偏向情感，也就是从人的情感、欲望、感觉方面来聊用户体验。

哪种设计师价值更高？如何才能更好地理清自己的发展方向？本文将对交互设计师（或者称UI设计师）发展的三部曲——器、势、人分别进行讲述。全是干货分享，好好吸收吧，因为这三部曲基本会贯穿你的职业生涯。我要不要学XX软件啊？软件要不要报班啊？一个四十岁的土老板，每天最多的事就是接打电话。老板每天可能会打几百个电话，这个频率是你们想象不到的，他可能随时随地都在打电话，而很少用微信、QQ。传统手机接打电话非常方便，按下按钮或翻盖闭眼都能接电话，用智能机反而不方便，所以他希望自己用的还是传统手机。但是传统手机太低端了，老板担心同行和下属嘲笑他，就很纠结——于是我们的手机就诞生了。任何项目第一保证的都是效率。

小Q在《细节体验｜你离用户只差一个好的交互》一文中较为详尽的归纳了反馈给用户体验带来的好处，那么，今天我就继续讲讲“动作”（即为手势）是如何让你的产品体验可以“飞“起来的。本文所指的直接操作内容的自然人机交互方式，不仅符合用户的感知习惯，也能很好地节约屏幕空间，创造沉浸式的阅读体验。一是滑动过程中页面要跟随手指，这样能让用户形成对产品的控制感和更明确的层级感，二是滑动过程中，用户的视觉可以看到的空间更整洁，体验更纯粹。

从方法、标准、协同、软技能和创新五个方面说说我对用户体验设计进阶修炼的思考与实践。

译者感言：面向未来，要么突破，要么随波逐流。我们的技能和职责不应该局限在职称描述上。产品设计是界面设计更高层的拓展和思考世界就是你所塑造的模样。成为变革者而非跟随者。 —— Alex Osterwalder

当商业目标和设计碰撞在一起之后，商业模式使设计的目标更明确，而设计能为商业模式带来更好的体验。

本文内容来自于《交互式系统设计：HCI，UX和交互设计指南》，交互设计框架一章的思考。空间：空间关系到页面的布局，以及用户操作的方便性，不同的人手指大小不一样，我曾经在想，NBA球员使用iphone4的时候是不是真的很方便？关于MD设计空间方面的标准可以参考排版与布局章节，如果有兴趣的话还可以深究一下，为什么他们要将行距，图标和边框的距离定义为这么宽，这么高。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。“想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。”“心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。”（如果你仔细观察，会发现这个时候的设计师将纸的纹理运用到窗口上，此处的设计和Material Design 中纸的隐喻不谋而合，这又何尝不是一种潜意识的引导呢？）

新人入职3个月，有幸参与到一个新项目，感觉既充满机遇又面临挑战。在与项目一起成长的时间里，踩了很多坑，趁此机会记录下来，希望对跟我一样的交互新人有所帮助。

符号，通常是指具有代表意义的标志。人类运用图形符号来传达信息远比文字传达信息早，它的起源可以追溯到原始社会中部族的图腾标志。随着人类文明的发展和科技的进步，符号设计有着由简至繁再至简的波浪式发展过程。今天很多的图形符号从古至今不断的发展演变，日趋精简，成为经典的视觉符号设计。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。