交互设计的流程

用户头像
合肥/UI设计师/5年前/309浏览
交互设计的流程
用户头像
钱彦君

学习分享

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



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
举报
|
10
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
平面设计 吊牌设计
金色颗粒质地的平面
平面人物插画
金色颗粒质地的平面
平面插画设计女孩喝咖啡
平面花卉图案扁平简约无缝拼接插画
平面书法字手写
玄关入门地毯印花图案红地毯
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
倒计时,海报,平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
空的平台平面和自然景观
城市园林平面布局航拍
平面男孩喝咖啡插画设计
金色颗粒质地的平面
古风平面仕女与瓷器
海底世界插画
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
平面插画情侣/矢量
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
你可能喜欢
相关收藏夹
大家都在看
登录注册