设计

我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

根据最近惠普针对600多个专业的软件开发人员做的一个调查，由于能够加强协作，增加用户的满意度以及缩减成本，所以敏捷开发是目前大多数被调查的组织采用的工作方式。然而当把用户体验集成到敏捷开发的周期中时，很多公司会问我们采取什么样的方式才能在满足每一个敏捷时间框架要求的同时确保成功。

作者第一次拿实例产品进行文字和图片的分析。如果有兴趣的朋友可以回复文末的关键词进行体验产品。

前几天参加起点学院的“产品总监修炼之道”北京站培训，K叔的用户研究课程中提到了“人类学民族志”这一“很上流”的用研方法，由于时间关系老师当时并没有展开来说，只是讲了一个小小的例子。正好我对民族研究也很感兴趣，最近又读了一本《我的凉山兄弟》，也就不揣冒昧来谈一谈人类学民族志这一高端用研方法。不妥之处，还请各位指教。

之前阅读了原研哉大神《设计中的设计》一书，书中提到了一个很有意思的概念：再设计。再设计的理论，是想让我们通过忘掉设计对象已有的现状，追根溯源，对设计对象进行再次设计，从而加深大家对设计对象的理解。

「一致性」可以理解为统一或者更通俗的规范，这篇文章有一定深度，作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。下面让我们来阅读发表在Medium上的，由交互设计师兼工程师的Joe Toscano创作的文章。我们在创造某些体验后，需要一些理由给它们做出定义。伟大的设计是无形的，因为他们具有一致性，并让人熟悉。

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。

转到交互岗已经有一阵子了。原来在做产品的几个月里没少和技术、设计进行沟通，每当自己把意思想法传达下去的时候，反馈回来的结果基本都要进行进一 步的修改，这种返工和修改在产品快速迭代的过程中很浪费时间。当时自己没有觉得表达有问题，已经把需求的目的结果都表达清楚了。可能是自己没写过代码、没 做过设计所以在一些专业的术语的表达上，方案实现方式的选择上存在偏差，导致技术、设计没有完全按照自己设想的预期做出结果。

想必大家都见过下图所示的著名的“交互文案”反例吧？如果文案写成这样，无论设计师在文案出现方式、时机等方面再怎么优化，这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

一个产品完整的设计流程中，交互与视觉定稿后，后续视觉规范的输出、UI控件的整理与标注、开发的高还原度，都会影响产品最终的用户体验。作为视觉设计 师，在视觉设计 的最后阶段则是繁琐且像素级别的精雕细琢，设计讲究的不仅是美感还有严谨态度与逻辑。

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

Dribbble，国内比较追捧的媒体。上面聚集了很多项目的视觉设计图，有的配色很漂亮，有的表现手法很新颖（一定程度上会激发我们灵感的火花），但我们在不了解设计场景、目标的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是没有生命力的更谈不上产品体验、服务体验，只有视觉和体验统一起来才能更好的占有市场，设计才具备了商业价值。

让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。

每个界面都应该有一个清晰的起点。用户应该从哪里看起？要设计清楚。△ UX策略1 – 在页面标题部分添加视觉对比

平时经常会有人问我“什么样才算是好的Banner ？”、“我这个Banner 有什么问题呢？”之类的问题，还有时候大家会分享一些作品但是我觉得并不是特别好，所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧，因为我们常说设计师要多看，但是多看的前提是要学会辨别一个东西的好坏，要多看好的而非不好的东西哈，要不然怎么提高审美提高眼界呢？

工作中接触了一些banner设计的工作，借着本次整理思路的机会顺便和大家分享下，不周之处欢迎沟通指正。

预测用户的意图，让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

信很多视觉设计师 会有这样经历，当接触到一个新的项目；如果是熟悉业务类型产品，设计起来轻松熟络，如果是一个陌生的业务类型，则需去摸索与尝试，找到合适的设计定位与视觉风格。当视觉对交互的业务性质、框架逻辑、层级关系不熟悉时候，视觉效果是画出来了却漏洞百出.

不要让视觉效果过重以至于霸占了整个网页的重心
视频比起文本和图片更容易吸引用户的注意力
女性和孩子的形象更容易吸引用户的注意力
用户浏览页面的视觉轨迹是“F”型的

动机
能力
触发