画出的点做交互_设计之下交互设计原型设计之低保真原型

目录

//交互设计//

「设计之下」---交互设计：交互设计师是做什么的？上线的产品中那一块是交互设计师的产物呢？

·项目启动

1.1「设计之下」---交互设计：项目启动之从想法到项目，什么是项目？

1.2「设计之下」---交互设计：什么是项目启动会？什么时候开项目启动会？

·解析需求

2.1「设计之下」交互设计--解析需求之交互设计的“五要素”，阅读产品文档

2.2「设计之下」交互设计--解析需求之交互模型

2.3「设计之下」交互设计--解析需求之功能系统

2.4「设计之下」交互设计--解析需求之信息架构

2.5「设计之下」交互设计--解析需求之工具与方法及小结

·原型设计

3.1「设计之下」交互设计--原型设计之概念设计

--低保真原型--

在进行了大量的思考和铺垫之后,我们终于可以开始画原型了,这便是我们常说的流程图和框架图。其实我们在聊天中把它称为流程图和框架图是有一定道理的,先来看一看完成后的原型包含哪些内容(如下图)?

1)每一个界面的布局，以及解释该布局的文案。

2)每一个控件的操作方式。如果这个操作涉及界面跳转,那么便连接到下个界面。

3)在不同情況下,界面发生的局部变化。例如,弹出框或提示语,以及无网络状态等特殊情况的处理。

其中,①便是我们常说的“框架图”。它不像视觉设计师最终完成的界面,每一个元素都有细腻的表现语言。交互设计师完成的界面图一般由线条和黑白灰色块组成,所以我们称为框架图。虽然是框架图,但也需要一定的审美能力。比如,布局除了考虑体验以外,也有美观因素。而黑白灰布局合理的界面,可以便于其他同事的理解。阅读交互文档本身也是一个传递信息的过程。②主要体现的便是我们所说的“流程图”了。在这一步,我们需要把之前的功能系统和信息架构具象化,即流经一个系统的信息流和操作步骤等的图形代表。它告诉我们用户如何完成一个任务,而完成这个任务的整个过程便是一个流程。③所说到局部描述,一般会在低保真原型完成并评审通过后,继续补充完成。大多数时候会和视觉设计工作同时进行,属于高保真原型的一部分,我们在后面的章节再详细介绍。 //下期预告：原型设计之绘制低保真原型//

//术心//是一个专业做设计分享的公号，每天晚上10:00-10:30，给各位分享设计经验、解决设计问题、了解设计资讯、分享设计教程，为你捋直设计之路

———— 微信订阅号 “术心”订阅号成立三年有余，在这三年时间中，承蒙十万余名粉丝的厚爱，让我有动力坚持每天分享设计干货，相信未来我们会越来越好，我们的群体会越来越壮大，去帮助更多的设计师朋友，加油！ 你点的每一次「在看」，//就是对我最大的支持//