真正的产品设计思路与流程.docVIP

前腾讯交互设计师马晓菁：真正的产品设计思路与流程 前腾讯交互设计师马晓菁告诉你：真正的产品设计思路与流程 (附实例分析) 上周在AAA数字艺术教育湖北师资交流会上，我们特邀前腾讯交互设计师马晓菁，与大家分享了产品设计思路与流程。以下是交流会部分内容，前腾讯交互设计师马晓菁将告诉你：真正的产品设计思路与流程 (附实例分析) 武汉学UI设计【AAA数字艺术教育】专注培养高端UI设计师，体验式的教育服务，每个周末，十六课时免费学! —————————— 为了更比较清楚的分析出产品由抽象到具象的过程，了解各个岗位的职责。我们把产品研发分为三个阶段六个层次，其实也就是《用户体验的要素》一书中提到的五层理论再加上一个实现层。 我们把产品定义这个层称为战略层，也就是确定这个产品要解决什么问题，面向什么用户，实现什么价值，达到怎样的市场目标; 产品实现，就是前期可行性评估、后期开发、测试、发布…… 产品设计就是把产品从抽象的定义变为具体的设计方案： 其实产品经理、策划、交互设计师、视觉设计师其实都是产品设计者。 范围层，是定义功能和内容 结构层，是定义流程、结构、行为 框架层，也就是基本形式，包括布局、控件、一些操作细节 表现层就是决定产品的最终外貌了。 在范围层中，理想的需求文档是只定义系统流程、系统入口、功能内容、规则，可以放参考图，但不要对设计师说，我就要魔兽这样太具体了。 在结构层，产品和交互需要重点讨论逻辑相关的东西，随后交互设计师会将梳理需求，找出用户的主要任务，规划用户操作流程、预测功能的表现形式和用户使用细节。 如果有多个页面，就要规划好界面结构、每个界面的功能、之间的连贯性。在此过程中，交互设计师和产品经理一起完善需求、优化方案，力求主线清晰简单。 在框架层，交互就是开始绘制用来达成行为的设计图了，包括布局、控件的类型、位置大小，一些操作细节。 在交互原型图中，需要考虑界面的极限情况，比如文字最长是多少字，原型图一般都是黑白的，但通常有颜色的内容表示另有含义，比如强调、超链接、弱化等等。 原型图要确保所用形式可以很好的让用户知道重点是什么、下一步要做什么、怎么做、不常用的功能去哪找等等。交互原型图输出时，产品经理就可以预测视觉稿是否能达到产品定义时期望的效果，查看交互图中的对内容和功能的侧重是否能满足产品需求了，审核并提出建议;但有些需求会要求交互设计师如何设计，例如说“我就要XX这个样子的”、“我不能接受这种布局”等等，这个时候，请认清各自的专业职责，让专业的人做专业的事，大家应该一起各抒己见、向用户、成本、时间妥协，讨论出对于用户和产品而言最好的方案，而不是让对方服从自己主观的想法。 做原型图时要考虑和满足的东西非常多，这也是为什么会出现交互设计会被细分出来的原因。 最后整合为面向所有环节负责人的设计说明文档,也可以将需求、交互设计说明、效果图合成一份产品设计文档，这样开发时会方便很多。 在表现层，视觉设计师会根据交互原型图进行绘制，在交互图的基础上，可以对布局、控件的形状、形式进行微调，设计图标按钮等等，此时交互设计师应该实时关注，以确保图形及色彩的认知效果，以及是否有不太合适的更改，或未达到预设的地方; 下面是QQ斗地主项目实例分析： 1、产品提出需求 2、交互参与需求分析 3、规划主要任务流程 4、设计主要界面 5、设计交互细节 6、输出详细交互说明文档 7、设计美术效果图 8、交互设计资源分工 更多学UI设计资讯和源文件请加入我们咨询QQ群： 111814984 【AAA数字艺术教育介绍】 专注于大学生CG教育培训 只培养高端UI设计师，完成保薪金就业，签协议! 零基础无压力学习，知识点难易分级，你一定能学会! 个性化资料分析，游戏化管理，你一定愿意学习! 体验式的教育服务，每个周末，十六课时免费学! ------------------------------------------------------------------------------------------------------------- 想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗? 添加 微信号：aaa_job (AAA就业联盟) 您也可以通过扫描下方二维码快速添加： 400-027-0444