交互设计方法和思考过程小记

我常被问起：“你是做什么的？”
“交互设计师。”
“交互设计是做什么的？”
我很尴尬的解释一堆：“！@#￥%…….”
对方更是疑惑：”那….是不是网页的视觉设计？”
………
网上搜到一张图，发现不只是我，很多交互设计师都存在困惑。缺乏职业存在感。

交互设计的特色之一——“虚”

交互设计似乎是个很难解释，有点”虚、空、玄“的东西。互联网的快速发展，交互设计少了些可以借鉴的方法。交互设计这个行业似乎只能靠前人经验、自身灵感、悟性体会，江湖中野蛮发展着。简直就是武林中的内功了得。

交互设计的特色之二——纠结，有木有！

JJg在《用户体验要素》中，将交互设计设置在结构层。

一方面，交互设计恰恰处在抽象的战略向具体实现页面的转化过度阶段。从产品开发流程中，交互设计上从产品经理接到需求，分析需求并最终交付网站高保真的原型。要把“抽象”的点子和想法如实贴切用界面语言表现出来。满足公司商业需求。

另一方面，交互设计师的诞生某种程度是为了提升产品可用性。其实就是要满足产品使用者——用户的要求。

说起来简直就是吃饭靠公司，目标是用户的“无间道”。要不断平衡公司“商业”利益（不能丢饭碗），和用户体验利益（专业道德）之间的矛盾。具体来说，就是在交互设计思考的过程中，考虑用户逻辑+公司的特殊需求两部分内容。

能不纠结么…..

交互设计的内容有哪些？

有人问我交互设计难么？我说“不难，你想，用户的操作行为就俩：点击、拖拽。”：）

其实，我理解的交互设计主要分为两块：信息架构和操作细节。交互设计的产出物（交付物）也应当包含这一静一动两块。

下面谈谈我自己交互设计方法和思考过程：

1. 需求分析——>翻译成界面语言

俗话说，Think first，Design next.对于接到的需求，第一件要做的事情就是仔细分析和讨论下需求的逻辑、内容和目的，而不是马上风风火火的开工。

忍不住引用臭鱼博客的一个灰常贴切的案例：

第一步. 概括信息

•
•您选择了回邮方式办卡，概括解释这个办卡方式。
•
•接下来您应该 下载申请表
•
•回邮办卡的全过程是这样的…
•
•一系列注意事项。



1. 多角色任务流程
2. 检查点

1、站点地图（site maps）：就是用视觉的方式来表达出网站的层级结构。

2、流程图（flow charts）：表达用户或系统对某项任务执行的流程。

3、线框图（wireframes）：更像最终产品呈现的毛胚。简单来说，就是抛去配色、字体样式、图片等的原型设计。

4、视觉样式（screen designs）：几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。

以上均为个人观点，如有雷同，算我抄你的。如觉得不好，板砖扔来。

设计师都该有自己的一套设计方法，设计分析思路和习惯。这只是我一个小白设计师对过去一些思考的总结，便于未来检讨。不一定对，求分享批评。

源地址：http://www.zhangyq.com/in……nd-processes/