设计师

本文作者是从一个工业设计毕业的学生，走过平面设计，做过UI设计，一步步转行到现在所喜爱的UX设计，并且一直处在努力开心地进步着的状态中。在本文中，也只想通过结合自己的经历和周围同学、同行的状况给大家一些实在的帮助。

日期控件，相信行业内所有的同学都不会陌生，尤其是交互的同学，可能会看得更加的仔细，日前，我们所接触到的各类app很多都有日期或时间的选择，而这些同功能的控件都以各式各样的姿态及交互呈现在我们的面前，出于自己的好奇，对这些不同行业、不同使用场景下的同一功能做了一个收集及总结的分析。

作为一名交互设计师，在输出交互稿件之时，要考虑的不仅是如何将需求转为具体页面，而且还要清晰的将其中的思想传达给对方。

过去一年，和人工智能相关的新闻铺天盖地。身为设计师的你可能会问：人工智能和我的日程工作有关吗？我应该为此做什么准备？Design will be less about delivering on a user’s request, and more about responding to the needs they haven’t expressed yet.
（未来，设计会更多地去响应用户还没有表达的需求，而不是去为了响应用户主动提出的需求）「Alexa，把客厅灯关了，把我的床头灯开到一半的亮度」
「Alexa，再买一袋我上个月买过的那款猫粮」
「Alexa，我今天早上的会议几点开始？」

从接收需求到产出？这过程中到底经历了什么？不妨来阅读本文作者的文字，一起来了解了解吧～【需求概述】
商品，增加商品类型，分为普通、赠品两种。赠品可下单购买，也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别，设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品，配赠条件满足时，在支付订单前提供选择赠品操作，代理可选择配赠金额范围内的任意赠品，也可不选择；选择赠品，并支付成功后，对应订单增加配赠商品信息。
注：配赠金额=订单面价金额×对应等级配赠率。目标用户：某护肤品牌微商代理
年龄：18-40占绝大多数
性别：女性占98%
职业：微商
设备：iphone及以上
场景描述：某天，代理a在清点仓库库存的时候，发现最近热销的某品牌商品库存都不多了，想着，到时候缺货会影响自己的销售及客户的满意度，暗想着，要再进些货才行，于是她对库存不足的商品进行了一下盘点，盘点完毕后，她拿出手机，将需要订货的商品一一加入购物车，加入完毕后，她核对了一下商品的金额，正准备点“支付“按钮进行付款，忽然看到付款按钮上方有一条提示，说”还差500元就可获得免费赠品“，她心一动，反正要买，只要加500块钱，就能免费获得赠品，有何不可？于是她当即便在某一商品下面增加了数量，满额后，提示文字就变成了”可获得免费赠品“，确认金额后，她立即点了支付按钮，来到确认订单的页面，快速浏览了一下自己的收获地址及信息，便赶紧看获得什么样的赠品，果然，在支付的上方又看到了配赠说明的提示，提示我”选择赠品“（这里说明一下，之所以将提示语都放在同一位置，是为了让前面界面的视觉路径在同一水平点上，使页面结构更整洁），点击进入”选择赠品“界面，参照页面给出的赠品金额提示，选择了想要的赠品，由于选择的赠品太多，从上下拉到下浏览起来效率太低，于是她又点击了按钮”已选赠品“进行复核了一遍，确定完毕后，回到确认下单的页面，便满意的点击了”支付“按钮，发现金额与未选赠品前的金额一致，便放心的提交了订单，订单支付完毕后，引导代理来到了订单列表页面，上面还特意标明了”含赠品“字样提示，a点击进去再次看了一下所购的商品及赠品，准确无误会，抱着愉悦的心情关闭了应用与手机。
”1、商品列表及商品详情，赠品类型的商品须显示对应图标；
2、赠品类型商品同普通商品一样可正常下单购买；
3、购物车，根据代理当前所选商品的总面价金额及当前代理对应配赠率，如果配赠金额不为0，则显示相应配赠金额及提示信息（若当前配赠金额暂不足以购买系统当前上架的任意赠品，则显示提示信息：“还差××就可获得免费赠品”；若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时，则显示提示信息“可获得免费赠品”）；如果配赠金额为0，则不显示相应配赠金额及提示信息。
4、确认订单界面，若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时，则提供选择赠品操作项。未选择赠品时，操作项显示配赠金额、及“选择赠品”文案。已选择赠品时，若配赠金额-已选择赠品的总面价>0，操作项显示“已选择××元赠品，还可选择××元”；若配赠金额-已选择赠品的总面价=0，操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
若当前配赠金额暂不足以购买系统当前上架的任意赠品，则不提供选择赠品操作项；
5、选择赠品列表，列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品，用户可点击选择，也可取消选择，当前选择的赠品总面价金额=配赠金额时，不可再继续选择更多（若再点击选择赠品，则提示“不能再选择更多了”）；提供显示选择提示信息“还可选择××元赠品”（××为配赠金额-已选配赠商品总面价）、“查看已选赠品”操作、“确认”操作。
点击“查看已选赠品操作”，可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮，可点击关闭浮框；
点击“确认”操作，确认当前已选择的赠品信息，返回确认订单界面。
6、个人中心，增加显示当前代理的配赠率信息。
7、订单列表，若对应订单含有配赠商品信息（注：如果只是正常下单购买的赠品类型的商品，则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品），则显示“含免费赠品”标签；
8、订单详情，若对应订单还有配赠商品信息（同7），则列表显示用户选择的免费获赠的商品信息（注：正常下单购买的赠品类型商品，显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品），并显示总的免费配赠金额信息。

上一篇文章《目标导向设计法01：如何才能让交互方案更靠谱？》说的是设计的本质是解决问题，所以做交互设计要有设计目标；而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景：在某时间（when），某某地点（where），周围出现了某些事物时（with what），特定类型的用户（who）萌发了某种欲望（desire），会想到通过某种手段（method）来满足欲望。某理财应用要做一个续约的功能，主要针对购买的理财产品将要到期的用户，提醒他们可以续约。提供的续约信息包括用作续约的本金，续约方式（本息续约），预期增加收益，续约期限，续约后的到期日，续约说明。续约操作后需要审核，审核一般需要1~2小时，通过后会有短信通知。由于续约能够给公司带来不少收益，因此希望用户在操作上比较流畅，保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合，是人们作出推论和预测的深层知识基础。”

本文详细分析了对话式交互的优缺点和应用场景，适合产品经理、UI设计师和交互设计师来阅读。

或许在本文中，你不会得到所谓的干货。但小编相信，一旦你读完了，你的思想认知会更上一层的。具体想了解关于《从这四个点，正确完善地拆解一款 App》的，可以看下这篇文章，要从多角度去看文章去分析。

既然UI设计师的主要工作是交付，那么学会以开发的视角和分析方法来进行设计将非常重要。

2016年是一个H5满天飞的年代，如何在众多牛气的H5中脱颖而出，留住用户关注和让朋友圈永无休止的不停传播呢？这也是一枚骚气且不隐忍的运营设计师一直研究琢磨的课题。这里拿QQ音乐年终盘点H5为例来解析下我对H5的次元幻想。

“怎样才能改善用户体验设计？这是关于用户体验研究恒久不变的话题。今天给大家推送的是关于运用认知心理学中的相关理论来提升用户体验的研究。希望对大家有帮助。 文章太长，会分成两次推送，欢迎期待~“通常，飞速行驶的货车不可能轻松地停下来。因为它需要花费很多努力，运用更多的动能去改变运动状态。与其强迫人们从他们的主任务上转移注意力，不如直接带他们去他们想去的地方。”
——Luke Wroblewski，谷歌产品总监

交互设计师作为整个项目贯穿始终的一根线，除了有自身对需求的理解把控以及对页面布局的拿捏以外，充分吸取各种不同的思维方式，才能让我们在打怪升级的路上越走越远。

这几天有一些同学问我关于面试的问题，其实我对于整个面试的过程还没怎么总结过，但是对于如何阐述自己的设计思路倒是有一套方法，今天分享给大家。由于信息安全问题，我将底部的信息主架构进行了隐藏和改变，大家主要看整个设计思路的阐述，不要纠结细节。

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧，而在高清屏幕无处不在的今天，稍有瑕疵的图片都在高密度的像素下无所遁形，而不合理的图片设计也不会逃过访客的双眼。很简单，色彩会让观看者分心。

本文总结到：措辞在用户体验设计中很重要。注意使用简洁、明了、有力的词语来表达信息。它会彻底改变产品体验和心态。你：“对不起老师，我能去厕所吗？”

老师：“我不知道……能不能，你说呢？”好友：“嘿，[你的名字]！试试搬起这把椅子。”译者注：这个问题在汉语中应该不存在。原文中的Just一词，如今最常用来表达“刚好”、“恰好”、“差一点”的含义。“你差点就拿下第一名了，继续努力！”“你与第一名已经很接近了，下次反应速度得再快一些。”

一篇VR实践指导文章。Smashing Magazine好久没有这样新一些的东西了。实践指导性质的内容非常简单易行，个人感觉需要重点关注的是将传统UX设计流程及方法融入VR产品设计的思路，以及作者对于VR设计开发工作前景的观点。新技术，新事物，大风刮去之后留下的一批实践者所始终坚持的那些，才是真实的、有长期价值的东西。这是走心；集体意淫无非走肾而已。

初学服务设计，读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》（by Marc Stickdorn，Jakob Schneider），推荐并笔记。而本文基本描述了我对服务设计的初步理解，以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素，从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合，并将以人为本的理念贯穿于始终。…… 简单来说，服务设计是一种设计思维方式 ，为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能，让服务变得更加有用，可用，高效，有效和被需要 ，是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

动效的强大之处在于，它将设计以更为成熟的方式呈现出来，它赋予设计以生命力，让产品脱颖而出。

新手设计师相较于资深设计师，后者技能更丰富且全动感特效轻松get 面，很多人想要进阶资深却苦于培养新技能，笔者在经手不少视频动效项目后，对于技能进阶颇有心得。