5.3.产品设计之交互设计

Posted taojiahui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了5.3.产品设计之交互设计相关的知识,希望对你有一定的参考价值。

了解市场→了解需求→产品设计→产品运营

产品设计:产品理念,产品方案及规划,产品架构设计,交互设计,原型及需求,项目管理,验收及发布,用户体验,实战点评。

综述:01.产品规划

产品设计理念:02.产品设计基本理念

产品设计的术:03.产品结构、04.交互原型、05.需求设计

项目管理:06.产品研发过程管理、07.产品发布及反馈

08.用户体验

交互原型:

01.课程回顾与作业点评

02.初识交互

03.交互设计基本原则

04.互联网交互设计方法

05.产品经理与交互


 

01.课程回顾与作业点评

技术图片

 

 

技术图片

 

 

我们做的产品结构构建,就是把原本无需的各个需求加以归类,通过合理的结构展现出来。 

作业点评:

抖音:

 

 

技术图片

 

 

 可以归为个人信息。

 02.初识交互

书籍:dont make me think

技术图片

 

 

几个概念:

UI:User interface 用户界面

UE:User Experience用户一眼

IXD:Interaction Design 交互设计

什么是交互设计?

技术图片

 

 

不同的交互设计-PC端、移动端、网页端、体感VR、智能AI

相同点与不同点:

相同点:都是人机交互

不同点之一:手机和PC的差异:

技术图片

 

 

03.交互设计基本原则

好的交互设计,让人感觉不到设计的存在。

举个反例:用户需求>交互体验

交互设计的基本原则:

技术图片

 

 

用户心理:基于用户心理设计

 产品经理要有一秒钟变小白的能力VS引导用户

用户可用性测试是很好的检验方式

思考:利用用户心理设计的反例

展示原则:

技术图片

 

 

一致性:

左侧:左滑删除-系统一致性

技术图片

 

 

操作可预期:

技术图片

状态可感知:

看过的可以变黑

技术图片

 

 

单一任务,逐次呈现:

技术图片

 

阻断与非阻断的平衡 

技术图片

 

小结:

好的交互是可以学习的

研究透一个平台的性质 对你对用户都是有好处的。

04.互联网交互设计方法

交互设计的核心任务:

使用界面语言向用户传递信息,并接收用户的反馈。

交互设计三步走:

技术图片

 

例子:用户注册登陆

技术图片

 

技术图片

技术图片

 

 小结:

 

 交互设计之前,需要对需求有充分的了解

功能点的归类,重要程度也需快速形成思路

功能流程图等作为交互设计的辅助手段

5.产品经理与交互

产品经理必须懂交互

技术图片

 

产品经理要不要画交互? 

技术图片

 

画成什么样?

技术图片

 

用需求的角度去讲

小结:

产品经理必须要懂交互

从需求的角度切入交互

 

以上是关于5.3.产品设计之交互设计的主要内容,如果未能解决你的问题,请参考以下文章

5.2.产品设计之产品架构设计

前端的UI设计与交互之图标篇

5.5.产品设计之项目管理

闲聊产品之二:交互设计还得自己来

设计模式之中介模式

前端的UI设计与交互之反馈示篇