交互设计的流程

Recommand
合肥/UI设计师/4年前/260浏览
交互设计的流程Recommand
钱彦君

学习分享

作为交互设计新人,了解交互设计如何一步步落地的,以及有哪些方法论做支撑,可以达到快速掌握和有效输出的作用。本文将分享从产品定位到撰写交互文档的思考过程,简单聊聊工作中交互落地的关键环节。希望对大家有所帮助。



PART 01

——————————

产品定位


在拿到产品需求前,先明确产品的定位。产品定位模糊,换句话说内部未达成共识,会影响需求分析阶段的准确判断。产品定位包含两部分:用户需求和产品目标。



PART 02

——————————

需求分析


有了明确的产品定位后,接下来要思考如何获取需求并分析需求?这里提供4种获取需求的方式和2种筛选分析需求的方法。


获取需求的4种方式:用户调研、用户反馈、竟品分析和大数据。


1)用户调研

用户调研的方法有很多,常见的有观察法、单人访谈法、焦点小组、问卷等方式。


2)用户反馈

上线后的产品,可以通过客服、评论区、用户论坛等渠道收集用户的需求。


3)竟品分析

实际工作中有些产品经理会通过直接“抄”竟品的方式,完成自己产品快速迭代的目的。所以交互设计师需要知道一些方法来分析竟品,而不是直接搬用别人的。一种方法是从用户体验五要素(战略层、范围层、结构层、框架层、表现层)层面进行竟品的分析。另一种是通过第三方的数据网站了解竟品。并输出竟品分析报告。


4)大数据

如果产品已经上线,可以获取产品的数据。或者从第三方渠道:艾瑞、百度指数、淘宝指数、易观智库等采集需求。


通过上述的方法得到各种需求,接下来要分析和筛选需求。对用户需求进行分类和优先排序。这里提供两种方法:方法1/KANO模型,将需求按照KANO模型里面的五种类型(基本、期望、魅力、无差别、方向)进行分类,筛掉不合适的需求。方法2/考虑成本:从开发投入、时间投入、商业价值三个维度看。产品的资源是有限的,在实际工作中人力、时间和商业价值也是影响需求筛选的重要因素。



PART 03

——————————

信息结构


筛选出需求后,不着急画原型,而是梳理好信息结构,将主要功能和内容组织起来。其中网站导航、电商物品分类、软件菜单等,常见的分类方法:卡片分类法。信息结构需要注意深度和广度的平衡,过于宽和广都会影响用户的体验。



PART 04

——————————

流程图


信息框架梳理完毕后,再“跑通”用户操作任务的历程,规划出合理的任务流程图。不管是任务流程图还是其他的流程图都有一套图形规则。



PART 05

——————————

绘制原型


绘制原型阶段,常用的绘制软件有:Axure、Sketch。为了减少与UI设计师反复沟通的成本,绘制原型时可以注意一下几点:

1、主次层次清晰,可以用明暗对比表达;

2、颜色单一,不用过多颜色在原型里。

3、排版工整,布局合理;




PART 06

——————————

撰写交互文档


撰写交互文档包含:变更日志、版本说明、信息结构、流程、原型图、标注说明(限制、状态、操作、反馈)


PART 07

——————————

交互走查图


实际工作中涉及的环节较多,为避免遗漏。可以根据项目的特点,整理一份走查图,检查一遍。


0
Report
|
10
Share
相关推荐
机·智——第十八届上海青年美术大展
Homepage recommendation
内容含视频
Typeface Collection ①
Homepage recommendation
假面绮宴 | 心动的王者系列视觉
Homepage recommendation
内容含视频
ui
ui
ui
ui
作品收藏夹
得物野人30项 | 带上顶配,玩点野的
Homepage recommendation
内容含视频
手写logo字体设计209辑
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ui
ui
ui
ui
作品收藏夹
作品集思路
作品集思路
作品集思路
作品集思路
作品收藏夹
交互
交互
交互
交互
作品收藏夹
交互设计
交互设计
交互设计
交互设计
作品收藏夹
设计知识
设计知识
设计知识
设计知识
作品收藏夹
交互
交互
交互
交互
作品收藏夹
大家都在看
Log in