交互设计语录1.0

在一个设计任务完成后，用一些精简的语句配上实际例子去记录一些自己的心得或许是一个不错的学习和提升的方法，希望能它的版本能够一直迭代下去。以下是笔者在某次设计任务完成后记录的一些心得。

Web应用中尽量给用户提供实时预览的入口。实时预览不仅可以让用户得到足够的安全感，而且用户预览效果可以让他得到一种成就感。

Eg：这是一个在线表单制作工具—“简道云”，用户在拖完控件后，点击预览可以预览实时效果

在任何一项操作完成时都必须给用户反馈，不然用户并不知道这项操作到底成功与否。

Eg：如上图，一个简单的toast会许会让用户对你的产品产生更多的好感

Web应用设计中尽量少出现模态弹窗，因为它的出现会影响甚至打断用户的行为流，增加用户的认知负担。

在一个复杂的任务流程中，操作中必须要让用户知道他当前处在的位置，并且能让他返回到任意一个位置。

Eg.在web应用或者时网页设计中，面包屑菜单通常在这样的场景中使用

在一个产品中如果有多处可以完成同一任务，那么尽量让各处的交互方式保持一直，这样才能营造一致的用户体验，同时降低学习成本。

动效的目的是吸引用户的视线，引导用户的操作。不要特意为了动效而去做动效，它可能会影响到其他关键性的内容。

Eg：取消管理旁边的按钮是由上一步点击批量管理向左弹出的，弹出的动效吸引了用户的视线影响到了条目旁边复选框的出现，使得用户没有注意到复选框的出现

避免鼠标长距离跋涉。让下一步的操作的入口尽可能出当前用户视觉焦点的附近，给用户营造一个行为流。

Eg:条目上的按钮是当鼠标悬浮在条目上出现的，在条目出现前用户视觉焦点一般都在条目的名称上，这里的三个按钮距离用户的视觉焦点过远，很可能导致用户注意不到按钮的出现，无法顺利地转移用户的视觉焦点。

交互流程中，让交互元素出现在该出现的场景和任务中，不该出现的时候消失，尤其是对于那些不重要的交互功能来讲。

Eg:条目上的按钮在鼠标悬浮在条目上时才出现，因为这个时候用户大多情况下进行的操作时点开条目产看内容而不是对条目进行其他的操作。

任何产品任何任务流程安全感是最重要的东西，在用户进行任何一步操作时都必须给用户强烈的安全感。

Eg：如上图，用户在对图表进行修改时是实时保存的，但界面上并没有实时保存的信息，左上角类似保存的按钮是进行另存为的操作，虽然你给用户说明了时实时保存但是还是会给用户极大的不安全感，会让用户不知道自己的东西到底保存成功没有。

原文地址：www.jesondesign.com