转载

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

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

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

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

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

语音交互在场景化的体验中能发挥更好的效果，是因为语音本身就是一个对话的过程。当你置身于特定场景下时，你的语音指令才具备特殊的意义！当你在骑行的时候，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.

我们做用户体验的不能将系统过失/产品过失迁就于我们的用户。因为用户永远不会错，用户也没有必要为产品和过失负责。我们要做的就是穷尽我们解决问题的能力帮助用户获得最佳的使用操作，并能带来一丝的惊喜。

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

之所以把设计和Jalebi放在一起说，就是因为设计本身其实和制作Jalebi如出一辙，设计师的经验和对设计投入的思考才是核心所在，而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

——Source: SuperDryCleartrip is a very good example of what I am talking about……

随着ui设计的不断发展，引导页的形式也在随着变化，根据不同产品的特性，其作用与意义也不尽相同。本文将分别从“静态引导页”与“动态引导页”两种形式与大家分享我对于“引导页”的一些认识。

想起之前有一个朋友私我说，想知道英文排版怎么设计？为什么同样的页面英文排版起来就很好看呢？想必大家也非常想知道吧？那么，下面我们就立马来分析分析，听完你们就会恍然大悟！

到目前为止，我已经写了好几十篇关于Banner设计的文章了，目前应该还没有人把Banner设计讲出这么多门道出来吧（脸红ing……哈哈）。但是，我今天想升级一下，不讲Banner设计了，而是给大家讲一下Banner设计的进阶版——专题页设计（做好专题页的前提就是做好Banner设计，这也为什么我会在前面那么大篇幅讲Banner设计的原因咯）。

天猫官方的双十一预热页面刚刚上线，本文作者就帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等。干货+趋势，绝对值得一读！

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

2016 双11，“All in 1” 主标识，意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。All in 1！将全平台、全品牌、全球融合到一点，迸发出更精彩的世界！

转换率优化（Conversion Rate Optimation, CRO）逐渐受到越来越多的关注。资本雄厚的公司通过增长黑客团队与持续优化作后盾，也影响越来越多人搭上 CRO 的风潮。整体来说，重视对网站效果的测试是一件好事。转换率（Conversion Rate）= 欲望（Desire）─ 障碍（Friction）

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

现时代的设计师不应只看到美感，从长远而言，需要从商业/产品/体验/视觉多个角度综合考量构建设计形态（集创思维）。体验分析_方案1_产品提供的原始方案
方式：点击条目>输入数值或点击加减>点击确定完成
最大操作次数23次：点击条目1次，点击21次+号到最大值，点击确定1次，少数用户会使用此方式。
常规操作次数6次：点击条目1次，点击输入框1次，输入数值3次（如3.5），点击确定1次。
最小操作次数3次：点击条目1次，点击+号随即完成1次，点击确定1次。体验分析_方案2_提前防止用户出错
方式：点击条目>滑动弹窗>点击完成
最大操作次数4次：点击条目1次，滑动到最底部需要2次，点击选择1次。
最小操作次数2次：点击条目1次，无需滑动，当前已有他要的选择，点击选择1次。体验分析_方案3_减少操作
方式：点击数值选择
最大操作次数1次：直接点击选中
最小操作次数1次：直接点击选中
屏占比：半屏
扩展性：低
操作点击次数降低，但屏占比过多，且不适用于当数值更大时（如果以后数值扩展到100%，那么整几屏都是按钮）体验分析_方案4_减少操作，防止出错
方式：拖动圆点选择
最大操作次数：1次
最小操作次数：1次
屏占比：低
扩展性：高
操作次数低，效率高，屏占比少，具有适用性，可以多个此类操作叠加使用

关于淘宝的登录页设计中的BUG，本文作者就用所学的用户研究、交互设计以及产品经理相关的知识来分析一下，并提出了自己的解决方案。