交互设计

眼看着年纪比我们小却成就比我们高的人来说，我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来，这是第二篇，希望大家一起来探讨。

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

本文将抛开市场占有率，将腾讯的QQ音乐与阿里的虾米音乐作对比，从音乐的本身属性和对人心理的影响出发，分析用户需求，对产品提出用户体验方面的优化建议。

交互设计师的三阶段：有美感、有逻辑、有sense

UI在设计上服从于交互，形式上不拘于一格，视觉纵深也只是其中一种心理模型。
注：本文面向入门级设计师，大神请飘过~

启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态，都是容易被忽视，而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计？今天这篇好文总结了关键的几个原则。

最近在整理设计稿中出现的图标，整理除了汇总之外，还需要重新调整一下图标的大小，使他们看起来“差不多大”。调了很久，也咨询了一些设计师朋友，最后在谷歌的Material Design找到了一种规定的方式，特此来记录一下。需要注意的是，方法有很多，这只是提供一种可行的方法，可供参考，有什么问题可以留言讨论。

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

用户在填写表格的时候可能会犹豫不决，所以你应该让这个过程变得尽可能容易，这篇文章中的7个设计原则可以显著提高表格的可用性。

即使是元素与元素之间的分隔方式，都能随随便便用一整篇文章来进行探讨。

鉴于一直有人问banner背景怎么做，所以我就想要不写一篇关于背景的文章吧。

交互设计师的工作，并不仅仅是输出设计方案，我们需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职责。

由于长时间主导后台产品的设计服务，表格的大量应用，总结了些许经验，通过半个月的断断续续的整理归纳，希望对你有所帮助，欢迎阅读！

在移动互联网时代发展的今天，场景思维对于用户体验设计的影响不言而喻。大道理在此不多说，大家都懂。在这里，笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。

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

文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。

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

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

语音交互在场景化的体验中能发挥更好的效果，是因为语音本身就是一个对话的过程。当你置身于特定场景下时，你的语音指令才具备特殊的意义！当你在骑行的时候，Siri在你耳边提醒你临近会议的准确时间和地点，并为你语音导航，同时为你口述刚刚收到的短信息—所有的动作都没有打断你的骑行运动。第二个倒计时设定40分钟，现在开始倒计时。你的倒计时已经运行，还有9分42秒，想要更改它吗？引导强于记忆。User: Alexa, add milk to the shopping list.
Alexa: I’ve added milk to your shopping list.
 
User: Alexa, add eggs to the grocery list.
Alexa: Eggs added to your shopping list.
 
User: Alexa put butter on the shopping list.
Alexa: I’ve added butter to your shopping list.
 
User: Alexa add cereal to the shopping list.
Alexa: I’ve added cereal to your shopping list.
 
User: Alexa put cheddar cheese on the shopping list.
Alexa: Cheddar cheese added to your shopping list
 
User: Alexa put sugar, flour and salt on the shopping list.
Alexa: I’ve added sugar flour salt to your shopping list.