交互设计

第一次去宜家是在2007年。那年大三，学校组织在上海为期一周的参观和考察，除了各大博物馆、美术馆，宜家是我们这帮学设计的人必须去的地方。那时候逛宜家没有用户体验的概念，只感觉我能想到的家居宜家都有，我没想到的宜家也有，每一个样板间都很有格调，很有家的感觉，让人忍不住想赶紧结婚，赶紧买房子，然后照着宜家的样板间好好装修一把。

iOS 9如今已公开发布。带来了一些细微的变化，但iOS 9的系统字体变成了苹果新推出的旧金山字体，代替了之前用的Helvetica Neue。

Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏，为你找设计的灵感。

Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

先说Android平台，自从material design面世以来，市场上很多Android app在设计上参差不齐。可能由于设备及用户使用习惯等各种原因，大多数app都还在以Android 4.0的规范在做设计，当然也有很多app为了省事，直接从iOS上照搬过来。因此，真正以MD为设计基础的应用并不多。下面是一些整体的框架记录，更为详细的交互细节以后再说。

Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个全屏图片背景的网站设计欣赏，为你找设计的灵感。

本篇文章属于很初级的内容，之所以写下来，一是为了整理一下自己的思路，二是为了方便初学者们快速了解 Android和IOS在交互上的很多区别。可能有些地方不是完全正确，望多交流。

写这篇文章最初的想法是来自我看过的一篇关于汉字与英文阅读习惯差异的文章，可惜现在想起来的时候已经找不到那篇文章了（有知道的人请务必私信我）。

设计师和理发师其实有点像，理发师基本分为三种：一种是只会搞基础发型的，比如寸头、中规中矩的长发、老太太卷头等；一种是只会剪流行发型的（这种发型师还很容易 摇身一变成为造型大师，告诉你你应该改变，应该剪目前最流行的某款发型，但实际上可能是他只擅长这款发型）；还有一种是最可遇不可求的，他根据你的脸型、 性格等，用最简单的手法量身设计发型，让顾客的气质度立刻得到提升。

译者语：本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章，很多词句用的可能不太妥当，在这里给大家作揖了！knock knock……

User Experience is “a person’s perceptions and responses that result from the use or anticipated use of a product, system or service”.— ISO 9241-210The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.— ISO 9241-11— Baekdal, T., 2006. The Battle Between Usability and User-Experience [Online] Available at: The Battle Between Usability and User-Experience–Nielsen Norman Group, 2007. User Experience – Our Definition [Online] Available at: http://www.nngroup.com/about/userexperience.htmlBy Alan Penn, director of the Virtual Reality Centre for the Built Environment at University College LondonReference:Why User Experience Cannot Be DesignediA | Can Experience be Designed?文章一：Eric Baczuk, Design and the (Ir)Rational Mind: The Rise of Affective Sensing
https://designmind.frogdesign.com/2014/05/design-irrational-mind-rise-affective-sensing-2;
文章二：Daniel H. Pink, A Whole New Mind Moving from the Information Age to the Conceptual Age
http://www.goodreads.com/book/show/99315.A_Whole_New_Mind“做项目久了，难免就会职业病发，没成想现在最大的爱好就是拆字玩儿，总想着能从字本身的意思去弄点洞察出来。现在哪哪儿都在说用户体验，说实话，这个概念本人听的是真有点腻了，凡是个东西都要扯上“体验”二字。顺手在网上搜了下在线词典，这下面倒是有对于体验的几种原生态解释：1.亲自处于某种环境而产生认识2.指通过亲身实践所获得的经验3.所谓亲身经历与实地领会4.也含有查核，考察的意思
从这些个解释里不难看出，从1，2，3的解释中，体验是包含有时间概念的：体验当下的那一刻，体验后的回想总结，以及建立下一次体验的心理预期和评判标准，其中反复强调的是“亲身”一词，这个时候，人的概念就被带出来了，不难看出所谓“体验”又包含了多少亲历者的主观意识；从4的解释中，个人觉得特有嚼头，这似乎是来了个总结：大多数的人都是带着“挑刺儿”的情怀去走完整个时间线的。
最后，简单的总结下我想说的1.体验设计的who 是别人，体验包含太多主观因素，设计师要懂得如何充分提炼每个人情怀背后的深层共性。2.体验设计是围绕过去，现在和将来这条完整时间线的设计，绝对不是一锤子买卖。3.只要是人，就会对你为他们所架构的体验进行“审核”，所以作为设计师，千万要宽容要大度，那个被“骂”的点或许就是支撑前行的机会。文章中揭示的“互联网产业中对于User Experience和Interaction Design的混淆”可谓是一针见血。作为一名有着一点用户体验sense的互联网从业者，我往往会花费很多时间去说服决策者将投入更多地精力去研究用户，用更加宏观的角度去看待用户体验，但由于自己对于用户体验理解和阐述的局限性，这样的尝试往往无疾而终。我觉得这篇文章提供了很好的逻辑结构和对比佐证，让设计师能够更好地理解用户体验的同时也可以更好地把这个概念传输给别人。
对于文章中提到的两个工具，Customer Journey Map和User Experience Questionnaire，在我看来虽然被证明在设计咨询和设计用户研究领域非常有效。但是在产品迭代迅速的互联网行业，决策者往往会更倾向于快速地推出产品、快速地试错、快速地更新迭代这样的“野蛮”方式来获取更加直接与准确的用户反馈。在这样的一种大环境下，相对传统的用户研究工具似乎因为周期长与结论的不确定性显得有些“笨重”，这也间接导致了部门互联网公司的决策者对于类似调研方式的抵触。如何做出改变，让这些有效地工具和理论在这样相对“野蛮”的环境中显得“接地气”，我觉得是作为一名设计师需要思考的问题。这篇文章很是解答了大家对于“用户体验”，“易用性”，包括“体验设计”的差别。非常赞同对于未来设计世界和人类世界对于情感化消费需求的方向，很多时候人们看似理性的消费实际上也是出于背后难以明状的亦或是潜意识亦或是外界的多重的信息刺激。神经科学（neuro science) 主张的决策下达从来都不是由内而外的，而是由外而内的。从这一点看，似乎“体验“还是可以被”设计“的，这种预设，结果当然越接近最终的现实越好。在《Thinking fast and slow》这本书中提到了诸多人们下决定的包括背后存在的偏见，所谓主观的意见实际也掺杂了背后潜意识的，本能的，直觉的迅速的判断，在这样的情况下，消费者的“体验”可以”被操控”的因素也大大增加了。说到底，人都是很有同理心（empathy）的动物，再正经地挣扎表现出理性的样子，也不过是那层薄如蝉翼的外壳罢了。“用户体验”就是在不停地触碰这层外壳，让“体验”直入你心。作为一个Service Design背景的设计策略师，用户体验之与我并不是虚拟产品中的手势，按钮，和A/B测试。用户体验融合在一整套服务系统里无形或有型的用户触点中。正如文章所提到的，实体体验的内容层级要远远超越互联网产品的易用性，它是一个更加复杂而庞大的系统，它需要深入挖掘人类需求的本源与动机，而并非只是依照某种需求本身位用户提供某类的便捷工具。
正如Pine II和Gilmore在The Experience Economy一书中所述，任何企业在喝消费者互动时都是在导演体验，以一种个性化，令人难忘的方式与消费者建立联系，以服务为舞台，产品为道具，以品牌故事为剧本，当我们购买的是体验时，我们花钱享受的事商家为我们提供的一场难忘的回忆，就如同参与一场戏剧演出，其价值将长久地存在于我们的心里。
试想一下MM巧克力世界，乐高积木世界，苹果体验中心，以及把体验做到极致的迪斯尼。他们永远不可能收到互联网产品的冲击。许多人说随着互联网服务的发展，电影院，商场，美容院，餐厅，所有的产业都将受到影响。然而，良好的体验是在一个人心理，生理，智力和精神水平处于高度刺激状态下形成的，这并非是互联网产品的良好易用性就可以轻易满足的需求。
对于“用户体验”而言，“易用性”是衡量整个体验过程中所需要的某一工具的标准之一，而体验则应该思考如何通过全方位的营造让服务变乃至于整个生活状态变的更加丰满和人性。“用户体验”被广泛的使用和探讨，说明随着经济发展，消费者的需求已不再单薄。以设计为主导商业创新挑战才刚刚开始，作为这个时代的设计师，我们更应该以开放和学习的心态来迎接新的挑战！关于用户体验的未来的展望非常有趣。说到底是对人的更深入的了解是用户体验的根本。传统上来说，用户体验是基于对于用户更深切的研究，是以用户研究为基础的。也就是根据用户的所说，所做，所想，甚至所感挖掘出真实的用户的能力，需求和期待。而从上文用户体验不能被设计上来说，Context of use和User两个都是影响的因素。也就是说，未来对于User本身的了解的加深， 以及Context of use的改变也会对用户体验本身有着极大的影响。

东东导读：对于社交类产品来说，优秀的设计，应该是不争强好胜般凸显在用户面前的，而电商类和社交类产品很不一样，电商类的产品经理想的首先是GMV（成交金额），一切是为着GMV转的举例：用户刚购买了眼镜，那么给用户推荐眼镜盒，而不是推荐洗脚盆；用户刚订了周六上午的话剧，那么给用户推荐话剧院旁边的餐厅，而不是继续推荐其他的话剧；当用户刚购买了一张飞往巴黎的机票，那么给用户推荐机场的接送机，而不是一股脑的推荐旅游产品。举例：用户明天飞往曼谷，提前一天发短信提醒用户航班信息，告知用户曼谷明天的天气，若有紧急新闻事件也可一并告知（比如曼谷突然发生恐怖爆炸事件，只要跟用户切身相关的，请第一时间告知用户）。然后顺带可以推荐接送机服务。

“用户体验”从字面理解，即用户的感受，具体一点：用户与物（有生命的人或无生命的客体）交互过程中的感受，我们对用户体验做进一步抽象，用户体验=感受。感受是非常复杂的情感交错系统，情感很难精确捕捉，因为它受到了太多因素的干扰：目标用户类型、情境、用户当下的目标，但一定程度上我们可以对对其进行量化，正如前些日子看到的一句话：We can’t design user experience, but that we can design for UX。

天下武功，唯快不破。体验也是如此，往往app的反应越快越流畅，用户的体验就会越好。尽管移动设备的硬件、系统、网速等都不是你能所控制的，但仍有办法让你的app看起来加载得很快，一起来看看这些小技巧吧。

经常看到一些讲如何学习设计的文章，坦白讲感觉有些千篇一律、且不痛不痒，都说要看点书、学点画、练软件、多观察……唉，练软件这事还要说么，难道你还需要告诉一个人学开发是需要学习编程语言的？

用微信时，你是否遇到这样的情况。你正刷着朋友圈，享受着各种鸡汤，这时候，你收到一条微信，一看是女王大人，不得不回。你诚恳的回了一条，等了二十秒不见有什么回应，于是就退了出来，进入朋友圈找到那篇没看完的文章，没看两行字，那边就回复你了，于是你又乖乖地回过去，来来回回，很麻烦！那，为什么聊天和朋友圈间不能有一种更快捷的切换方式呢？其中A代表微信聊天页，B代表微信其它功能页，X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例（不要为为什么），其它类似，一共可以分为三类，共14种操作，与手指间的交互动作共有5种。定义好问题、了解好现状后，我做了改善的尝试，下面将有可行度的一些方案与大家交流一下。

译者语：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而，“理解”和“实践”还是相差十万 八千里的，特别是在网页设计中，“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站，但我想你们中可能很少有人知道什么是响应式排版吧。

网页设计 师目前在设计界是一个最为尴尬的存在，一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖，另一方面他们又苦于网页中被局限的自由而无法在创意上得到最大延伸，设计师本人无法给自己准确定位。