人机交互

用户体验是个筐
什么都能往里装
——李白

现在，所有基于Web进行设计的人都需要对交互设计 原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练，但只要你了解这些学科的基本原理，依然会大大提高了你设计的成功机会。这一点对视觉设计师尤为明显。大多数视觉设计师都在艺术学校或者在培训机构经过正式或者非正式的训练。

交互设计起源于网站设计和图形设计，但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片，而是负责创建在屏幕上的所有元素，所有用户可能会触摸，点按或者输入的东西：简而言之，产品体验中的所有交互。

做交互设计近4年，参与过Web网站和移动App的设计，前者依托于PC的浏览器，后者则是依托于手机/平板电脑。不同的设备/平台均有各自的特点，以至于在设计这两类产品时也有些许差异。

定风格—查现状—设标准—推落地

“你以你的方式做你的事，我们想让你以完全相同的方式做你的事，但是是用更少的时间并且和更多的远程的人一起做这件事。““如果产品设计是为在各自职务中被束缚的人们解决问题，那么很多自称产品设计师、UX设计师的人事实上是职业的数字艺术家。他们是艺术家、是装饰上的设计师、是美工，但是不是一个职业的产品设计师……”仅仅是目前服务于我们设计师的技术，是不再会领导我们走向成功的。“我们相信制造降低软件开发门槛的产品是非常有必要的。事实上，我们对这类新的程序非常感兴趣。这可能是人们编写程序的更好方式，一旦诞生就将带来巨大的冲击。构架更合理，语言更精简，但很可能我们会去做同样的事。思考这样一个事情：程序语言接下来会面临什么呢？”

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

“hey各位！我们要开始做一件重要的事了！”陈老湿已经走到我们的工位前，兴致昂扬地说道，“竞对已经上线了类似的功能，我们得抓紧了。上海那边出了方案，看，在这里！”

“我躺在沙滩上，感觉到细碎的沙子在后背陷入；我踩在小溪里，感觉到脚底的乱石和流过脚面的溪水。我和沙子，我和溪水，产生了交互。”如果是静态的画面，我们恐怕不能确定画面中人是先吼叫被抓住，还是先被抓住再吼叫：
“疯狂罪犯终于落网！”
“魔法界警察暴力执法！”
——这两者之间的差别可大了。“大页面的设计是焦点的设计，小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗？反正我信。”——“李白”“使用APP，你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档，只要遵循这些规范，用户不会因此犯错。
Ps：规范可以帮我们“不出错”，但要达成“绝妙的设计”还需更多创造力。突然！你被人打晕了！
醒来的时候你发现自己到了一个陌生的地方。
现在你在想啥？——
“我在哪？”
“我是谁？”
“我该怎么办？”“我在18层1806，我要去3层0303。出门左拐坐电梯，出了电梯再右拐“

毕业后加入百度成为一名交互设计师已经整整一年了，现在把一些和工作、职场的相关经历和感受写下来。希望能对即将踏进职场的学弟学妹有所帮助。

设计师和用户如同在跳交际舞，既要顺应着对方的步伐，也要进行一定的引导。对方是一个人，不只是你感受的到他的温度，他也闻得到你身上的味道，对你时时刻刻进行着评价。

问：贴满一张卡需要多久，A和B是否相同？答案当然是不同，尽管同样需要买10杯咖啡，但往往B方案会更快地贴满。

交互设计严格上来说是没有什么套路而言，但是，对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候，对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义，而是从琐碎的知识点开始，一点点讲解，让我们掌握。当我们掌握了足够多的知识点，工业设计也自然在我们的知识框架中形成。

在未来，当对微小细节的关注渗入用户体验设计的每一寸土壤；当对像素级完美的追求成为设计的基本要求；当将简单便捷的设计理念融入用户的日常生活，那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非，但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在，他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说，他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手（AI）之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是，我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切，赋予了你能触碰到的东西意义。”

上一篇我们简单的提到过“在合适的时机出现”这个交互细节打磨点，今天我们继续沿着这个点，剖析一些常见的交互细节点及案例。

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

这可能是UX领域没有人能真正全面回答的问题，我也只是根据经验给大家分享一下自己的看法。本文将从UX为出发点，阐释了什么是好的UX并与大家分享了UX界的一些新观点。

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

本文内容来自于《交互式系统设计：HCI，UX和交互设计指南》，交互设计框架一章的思考。空间：空间关系到页面的布局，以及用户操作的方便性，不同的人手指大小不一样，我曾经在想，NBA球员使用iphone4的时候是不是真的很方便？关于MD设计空间方面的标准可以参考排版与布局章节，如果有兴趣的话还可以深究一下，为什么他们要将行距，图标和边框的距离定义为这么宽，这么高。