PS

用户体验是引领，而不是跟随。美学之上，预见未来。我发明了这个词，因为我觉得人性化界面和易用性太狭隘。我希望能用一个系统涵盖人类体验的方方面面，包括工业设计、平面、界面、人机交互和指南。
——唐·诺曼  1998

尽管B2B网站和B2C网站有很多相似的地方，但B2B的客户却有着截然不同的需求。

本文通过展示UI设计稿、需求分析报告和交互设计文档，全面详解养成APP的交互体验与视觉设计。

沉浸式体验，虚拟助手，个性化的购物体验，这些都是未来的购物方式的进化方向，影响用户购买的因素更加复杂，而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关，同时，它们也意味着，电商行业任重而道远。

卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前，但是它同样有无法满足用户需求的时候，今天的文章我们就在实战中聊聊这件事。

大浪淘沙，就像2.0时代最火的人人、开心网没有把握移动互联网的机遇纷纷衰败，转型脚步落后的互动公司也逆流而逝，很多互动设计师都被迫找寻新的方向。本文作者将给大家介绍什么是互动设计，为什么要那样做网站以及互动行业的兴衰史。Infecting your screen for your enjoyment
为你的愉悦而感染你的屏幕被遗忘的是
那些放开手的人
被遗忘的是
放开手的人梦里南柯，且无痕，浮生若是；
生非苦短，知天命，则无所怠。

一个好的用户体验究竟是什么？它与可用性易用性的差别有多大？这是从事这份工作后没有停止思考过的一个问题，因为对用户体验不同的解释会导致不同的测量范围。哪些用户体验信息（从我们的定位用户处直接或者间接可测量的数据）是对你们的组织有用的？起到什么样的作用？

卡片式设计依然是目前UI设计的热门，虽然我们在前几天的文章《不是万能！卡片式设计并不能支撑所有的设计需求》当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手，为你展示卡片式设计的最佳实践。小贴士：Material Design 中常常会让卡片拥有微妙的阴影，这种设计是非常有道理的，阴影和深度会给予用户以视觉感知力，强化它的可见性，以及知觉上的“可点击性”。小贴士：卡片中的正文部分只需要一个Normal 字重的非衬线体就行了。

做设计久了，设计师很少能够真正站在用户的角度看待网站和APP。今天的文章，我们来聊聊普通用户眼里的设计细节~我们应该迎合用户，如果连对的东西都不能坚持，产出物的最终目标就会发生偏离，甚至完全无效。 ——@冯铁

作为设计师，虽然我们都喜欢最新的流行趋势，额外的白色空间和大图像，但对于新闻和数据，列表式是更好地解决基本的用户目标的方法。卡片是提供详细信息的入口。——来源：Google Material DesignGoogle的搜索结果可能会更加丰富多彩，但每页提供的信息较少。——来自：GreenBot

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。

我们常常探讨用户体验，那么用户体验到底是什么？许多人认为，用户体验更多的是关乎产品的可用性（产品是如何运作的）。而实际上，用户体验远不止于一个“能用”的东西，它是关于用户的主观感受的。通过设计为可用的产品增添令人愉快的体验，同用户产生情感联系，这才是用户体验设计所要做的事情。个性是一种神秘的力量，它吸引一部分人，并且让我们与另外一部分人区分开来。

这次带来的是Adhithya的一系列的关于思考车内人机交互的文章。这是一个系列哈，今天带来第一篇关于仪表盘的重构。

在交互稿的标注中，我们经常会忽略键盘的说明，这是不对的。键盘在用户的交互过程中起到了非常重要的作用，尤其在多个输入框的场景下。

“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误，有时是系统错误。无论错误原因是什么，它们——还有解决方式——对用户体验影响深远。但它往往不被重视，草草处理错误、组织混乱的错误信息会使用户沮丧，最终抛弃你的应用。相反，处理得当的错误提示，能把失败变为惊喜。在本文中，我们会讨论如何优化app的设计，来尽力防止用户错误，并建立良好的错误信息。

对于一个优秀的产品来说，视觉设计是重要的组成部分。译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：点击查看

圣诞节即将来临，如何突破固化思维，开阔新的思维，让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢？不妨跟随作者的脚步，发散下思维，一起来寻找灵感？活动主题：惊艳圣诞Party
大标题：够红才够女王范儿
小标题：口红新品／限量发售
定位分析，先理解一下这个活动要表达的几个意思：
（1）这是圣诞节活动；
（2）这是卖口红的圣诞节活动；
（3）买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人；
（4）这只口红是新品，谁先买了谁就能抢一步体验当女王的感觉，价格多少是其次；
（5）买这只口红的人应该是爱玩的年轻少女或少妇，内心是渴望放纵渴望变美渴望变时尚的。

我习惯从层级的角度由高至低地排查各个交互层面可能存在的问题——首先是信息架构与流程这一最高层级，然后是界面的具体呈现，以及基于界面呈现的交互过程，最后才是以上自查中均未涵括的其他特殊情形。(1)确定当前阶段 → (2)阅读设备、数量、所属项目、请购人员、发起时间等基本信息 → (3)确定自己在本流程中的身份（因为部分场景下，当前用户的身份可能有多种可能性，需要用户再做确认）→ (4)在列表区阅读此前的流程历史，必要时可上下滑动或点击查看附件 → (5)确定当前步骤等待自己完成的是什么任务 → (6)执行该任务。

图片不仅仅是装饰，更是强大的设计工具，可以帮你进行视觉传达，让你的产品脱颖而出。