面向研发 UED 教程系列：（一）交互设计四策略（小白入门）

# 前言

在一些中大型公司，很多技术平台往往是由研发同学发起的，研发即是产品。但由于大部分研发同学不了解「交互设计」的一些知识，在功能没得借鉴的情况下，经常会设计出非常难用的平台。

因此，笔者开启了「面向研发 UED 教程」系列文章，旨在帮助研发同学更好的设计产品。

作为系列文章的第一篇，我们首先来讲「交互设计四策略」，简单易懂，适合研发快速上手。

本文不会讲理论性的东西，而是通过一些示例来讲解常用的设计策略

因此本文非常适合研发同学，特别是对交互设计感兴趣的前端同学

源自人机交互，指任何机器互动的过程，交互设计通过了解人的心理、目标和期望，使用有效的交互方式来让整个过程可用、易用

图片原始来源未知

交互设计师的职责就是把复杂的实现机制转化为符合用户预期的操作界面

各个概念互有交集，简单理解：

UI(User Interface): 用户界面，对应需求开发中经常对接的视觉设计同学。
UE/UX(User Experience): 用户体验，即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面(来自ISO 9241-210标准）。对应需求开发中经常对接的交互设计同学。
UED/UXD(User Experience Design): 用户体验设计，是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。

对于某些交互较为简单的应用，没有交互同学介入，交互工作由产品和视觉同学共同承担

难用的遥控器

先思考 3 分钟：图中的遥控器存在什么问题？如果让你优化，你选择如何优化？有没有可以遵循的套路（方法论）？

现在，我们将介绍一种称之为「交互设计四策略」的方法论。先看看应用这个方法论后传统遥控器交互的改进效果，后面再逐一介绍每个策略的含义。

我们设计的过程中，可以用到这些策略的 1 种或多种，但通常会倾向于其中一种策略。

不管怎么设计，展示形式不同，本质上还是删除、组织、隐藏、转移。

以上这4策略适用于简化功能，也适用于简化内容。而且，无论项目大小，是整个网站，还是一个页面，这四个策略都同样适用。

接下来，我们具体看下每个策略的具体应用。

可以从三方面考虑：

只保留有价值的信息

删减非必要信息
删减页面元素

精简文字，能用5个字能表达清楚的，就不要用20个字；

简化布局，去除多余元素，减少分块，突出核心元素；

精简样式，去除多余样式，如多余的线条、色块等。
避免错删

例如，把一切难以实现的功能统统抹杀掉就是典型的错误做法

e.g.: MVP 版本制定后，由于某项功能难以实现而将其去除，导致流程串不起来。此时应该选择推延排期而不是删除功能