序

在平常做项目中经常会发现一个问题，就是很多前端不太注重用户体验，不知道如何提升交互。

不管三七二十一，先把功能实现了再说，不考虑如何设计，如何提升用户体验。

有的人会说：用户体验是产品的事，项目管那么多干嘛，做完拉倒，功能实现就行了。

但是你要知道：所有的产品都是从项目中积累出来的，也就是从经验中积累，从经验中积累就需要大量的思考与实践。

纵观(不要脸一点的说)现在整个互联网，基本你常用的应用都是用户体验做到极致的。

微信打败了飞信、支付宝打败了一众银行APP、抖音横空出世。这都是在不断完善用户体验，增加用户粘性的情况所带来的。

如果一个产品抛开用户体验，天天只盯着资源分配就是一件很搞笑的事情了。

很多时候我会说写代码是一门艺术，艺术是给人欣赏的，不是让人吐槽的，也不是让人诟病的。

在可能的条件下，把项目当成产品做是对自己提升最快捷且有利的捷径。

今天就探讨下什么是交互与体验，也算是个思考回顾的过程。

什么是交互

交互，指替换着；互相；彼此。语出《京氏易传·震》：“震分阴阳，交互用事。”

不知道咋开头，装个逼吧

在个人看来，交互主要有两点 探索 与 尊重

探索主要是定义产品的内在核心竞争力，以目标导向的角度做产品的设计，做成用户希望的使用方式，培养用户行为的行为习惯。

拿一个按钮打个比方

普通点击是一种交互，提供功能

有图标是一种交互，提前告知功能作用

悬浮跳动是一种交互，提示用户准备点击

按钮悬浮翻图标有动画是一种交互，提示用户点击后可能发生的动作

将这种交互设计、完善、组合在一起，然后能够达到用户预期效果的，能使人愿意一直使用的就是交互追求的目标。

尊重就是字面意思，尊重用户。客户爸爸是上帝，客户用的爽了，你就有活了。客户用的爽了，你也就有钱了。

很多时候在做交互的时候问自己这样一个灵魂问题

你做的这个功能让你自己天天用，你愿不愿意用?

你手机里微信是聊天框能把菜单栏挡住？你打开的网站能发生奇怪的变形？你平常点击的按钮点一下会莫名其妙没有任何反应？

估计早就卸载或者关闭浏览器窗口了，自己都不愿意用，客户怎么可能愿意用呢?

忽然想到了这个动图

所以在做交互的时候要从不同的用户交互出发，更加全面的、细致的对要做的东西进行整体的设计，有的人叫宏观视角，有的人会说格局

其实吧，大家做的东西其实都差不多，无非就是把东西做的**简单而不简陋，轻盈而不笨重**

什么是体验

出自《朱子语类》卷一一九：“讲论自是讲论，须是将来自体验。说一段过又一段，何补！……体验是自心里暗自讲量一次。”

同上

体验无非就是扣细节和找方向

细节满满，一个像素的差异，动画的顺滑程度，友好的提示，合理的提示信息，简单而符合直觉的功能排布等等

最近做的就是这三个提示页面，其实吧也不算挺好，但是相比于原来枯燥的文字会好很多。

这东西一般不会看到，而且也不希望看到。但是一旦出现会让人感觉友好一点，而且眼前一亮

找方向就是不断试错的过程，你的所有的交互和设计是不是能和用户的电波对上，很多时候可能做的设计本质方向就是错的

扁平化设计其实是微软在widnows平台最初进行尝试的，但是现在只要一说到扁平化设计你最想想到的肯定是苹果IOS。

为啥，因为不合适。

面向普罗大众的你设计一个20多个要素的表单，而且都是必填的，这显然很不合理，需要做精简

面向聋哑用户的，你放一个上传录音，这很奇怪，需要做取舍

给企业用的要专业，给个人用的要方便。

理财应用放社交，社交应用放理财这真的非常奇怪，基本没人用支付宝联系家人和朋友，也太看到有人用微信买基金股票。

破支付宝越来越卡。膨胀了，哈哈哈哈

如何提升

首先可以很明确的说，好的交互与优秀的用户体验，是要给你多加活的:smile:

• 多想多思考，尝试做立场交换，把自己换成使用者，而不是开发者
• 抄或者也可以叫模仿，模仿别人的成果和经验。徒手造火箭还是很难的，但是把造好火箭的发动机拆回来装在自己的自行车上还是可以试试的
• 多实践，多收集。再好的设计没有反馈，也就只是设计。
• 有好的点子要多尝试，多分享。

尾

啰啰嗦嗦吐槽一大堆，最近的看到的代码最直观的感受就是下面这个动图了