产品设计五部曲

  1. 第一步:产品架构图
    产品架构图,真的很重要。
    通过产品架构图,可以从宏观角度去梳理整个产品的重要组成部分及如何组成。
    通过产品架构图,来判断我们所设想的系统本身架构是否合理,与公司已有系统组成一个解决方案时是否合理,从而进一步指导、约束我们进行接下来的工作。
    这里有一点需要提醒部分同学,尤其在前几次绘制产品架构图时,会把架构图搞得很复杂,结构也不够清晰,这个需要下功夫去苦练,去学习别人绘制的架构图,要表达哪些重点内容。
    随着不断地积累,你会越来越得心应手,它也会由一项极度困扰你的工作,变成你产品规划及设计时的利器。
    一张好的架构图,结构是简单的,清晰并且合理的。

  2. 第二步:业务流程图
    分享一下我的个人经验。
    通常我会绘制多张业务流程图,一张用于梳理整体主流程的业务流程图,针对部分无关紧要的环节,不需要在该流程图中呈现。
    通过这张流程图,可以让研发更好的了解整个系统的主要业务流程是如何的。
    如果事无巨细的在该流程图中呈现,往往可读性就会降低,同时会让初次接触该需求的研发同学摸不到产品的重点,在进行底层构设计时可能会出现头重脚轻的情况。
    然后再基于各个大的功能模块,绘制多张详细流程图。通过局部详细流程图,可以帮助我们梳理所有可能遗漏的小流程,同时也有助于研发在开发时针对各个模块都有十分详细的开发参照。

  3. 第三步:功能脑图
    完成上述两步,可能我们感觉已经可以进入到原型设计的阶段了,其实还没有。
    完成了系统整体架构的设计,梳理完流程,接下来就是一个更需要耐心的工作了:绘制功能脑图。
    这里只有一点提醒:能多细就多细,把所有涉及到的功能点都放到脑图中,这样才可能最大限度防止功能点的遗漏。

  4. 第四步:原型设计与PRD
    原型设计是入行开始就必须要具备的从业技能,在此就不多做赘述。
    仅一点提醒:对照第三步中制作的功能脑图,每完成一个页面都需要逐项检查,是否覆盖了在初期构想系统时所有的功能点。
    当然也会出现在原型设计时发现脑图中有遗漏的功能点,此时千万别偷懒,将该功能点老老实实补充到脑图中,在此也不赘述原因,实操过程中,你会发现他的益处。
    PRD不在字数多,最重要都就是是否够清晰明了。有时我们写了上万字的PRD,研发同学真的不会逐字去读,冗长的PRD可能最终只能变成我们和研发据理力争时的呈堂供正。
    但好像此时也不会起到什么积极的效果,所以一定要有条理,争取不写一句废话。

  5. 第五步:复盘/迭代
    ok,你已经完成了90%的工作,马上就要成功,但是,最后这10%的工作如果做不好,可能会让之前付出的努力大打折扣。
    一定要复盘!!!!
    去重新审视一、二步制作的架构图、流程图,最终输出的原型是否发生了偏离?如果有偏离,哪个是更合理的?你需要大量的思考。
    当然也不必非要坚持一开始构想的东西,毕竟原型图更加具象,更有助于我们去整体的看待本次设计。思考之后再慎重作出决定要在哪一步进行修改。

给产品人的小建议

  • 不断纠结的过程其实很有意义

  • 那些容易被忽略的细节杀死了用户体验

  • 适当考虑实际情况,但不能被过分影响

  • 碎片化的思考时间会有奇效

交互设计

交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反馈和指引。

  1. 酷炫的动效
    好的动效会给产品增加不少色彩,比如path的按钮一度成为经典,QQ的一键下班也广为流传。这些交互能够在使用过程中给用户带来不少惊喜,也是我们广大PM们不断追求的。对于一个已经存在的产品,设计这样的动效则更加困难,首先要风格要与整个产品相同,其次则要让用户觉得这样的动效很自然,不突兀。这就是需要靠PM自己的经验了,具体的可以看看《度· 体验》《身边的设计》这些大厂出的经验总结。
  2. 隐形的操作反馈和指引
    这是我们今天探讨的重点,操作的反馈指的是点击反馈、警告反馈、确认反馈这些在实际使用中对产品进行操作后的提示,而指引则是用户进入应用后如何能快速进入下一步,比如说UI提示、手势交互、引导操作以及特殊情况的处理。

个人总结:交互贯穿用户进入应用到用户退出应用的每一步,在应用中每时每刻都在产生交互,只有基础的交互做好了,再去实现一些酷炫的动效会让产品加分,如果基础的交互有缺陷就急于实现动效,那么对产品是不利的。

一、交互设计师的含义?
交互设计,就是把产品的功能进行重新划分,按照重要等级、推荐等级等因素,进行功能划分,然后对操作流程进行梳理,使用户在使用产品的时候能够更简洁有效的进行任务。

二、 交互设计的原则有哪些?
交互设计可以遵守以下11个原则进行:

  1. 对于交互设计的原则,一切都要从用户使用的角度出发,首先是可用性,这个是重中之重。
  2. 第二个就是任何操作必须要有回应。
  3. 第三:合理性,交互的功能布局、操作都需要合理。无论是跳转页面、悬停变化、选中变化等等,都需要在操作中有相应的回应,否则用户看到没有回应,会猜疑的。
  4. 重点要突出,布局要合理,操作要符合用户习惯。
  5. 简洁 界面尽量简洁,使用最少的界面显示达到最大的效果,避免给用户产生视觉负担 。
  6. 规避用户出错。
  7. 在用户使用时,让用户可以去识别产品内容,而不要让用户通过回忆去使用。
  8. 我们的设计要符合现实生活。
  9. 不能让用户感觉脱离自己的掌控,感觉自己是被控制进行使用产品的。
  10. 时刻记得操作过程中的说明。
  11. 我们设计每一个内容时,都要知道自己为什么要这么做 。一定要用户使用最少的操作达到最大的效果,太多步骤,太多操作,容易导致用户厌烦。

三、交互设计师应该具备什么样的素质?

交互设计师需要具备以下9个基本素质:听、看、想、说、磨、做、验、写、讲:

  • 听:我们能够听得懂,会听需求方、开发等等他人的需求和意见。因为我们做的是体验,所以要听专业用户、普通用户、领导、团队等等所有让人的意见。让我们的设计更贴近实际使用场景。
  • 看:要看同类型的产品、博览群书,让我们的知识面广起来。看:要看同类型的产品、博览群书,让我们的知识面广起来。
  • 想:看别人的设计时、压马路时、旅游时,看看别人的东西是怎样的,如果自己做,会做成什么样。
  • 说:我们要会说,能说会道,否则在我们的设计评审时,遇到不同的意见,我们如何说服别人同意我们的设计理念和设计作品。
  • 磨:在对待前端开发时,他们告诉我们这样的设计实现起来太麻烦,需要重新换个设计,那么我们就需要最大可能的软磨硬泡,让他们帮我们实现。
  • 写:我是这么理解的:把自己的做过的项目都分析、归纳总结写出来,以给自己作为总结和勉励。
  • 做:这个当然好理解了,就是我们实际设计的能力了。
  • 讲:就是我们在给别人讲解我们设计时,需要用言语带入他们进入我们设计,从而认同我们的设计理念和设计内容。

四、交互设计应该在什么阶段进入整个产品研发流程?
交互设计最好是需求阶段就开始介入,因为在需求调研的时候,交互设计师可以最大程度了解用户使用场景,了解用户在使用过程中最容易出现什么样的问题,对什么问题最关注,这样在设计的时候就可以规避这些问题以及重点突出用户在意的。

五、如何进行交互设计?

  1. 参考同类产品;找出同类产品的优缺点
  2. 用自己产品与同类产品进行比较,整理出差异;
  3. 整理自己产品的功能点(最好是功能重要等级也一起出来);
  4. 根据以上这些进行初稿设计;
  5. 完成之后进行讨论;
  6. 让其他完全不了解这个产品的人来体验(参与式),让他们说出自己感受;
  7. 修改;
  8. 再体验(最好还是完全不了解产品的人);
  9. 再修改;
  10. 重复;
  11. 直到完成。

六、如何有效正确地评价交互设计的好坏?

  1. 重点是否突出;
  2. 是否能够快速的实现用户的目的
  3. 布局、操作是否合理简洁;
  4. 是否在最大程度上贴近用户的使用场景;
  5. 是否能让完全不了解此产品的用户较为容易的上手,中间不会出现中断。

竞品分析大致内容
测试环境、行业市场分析、产品架构、核心流程、功能结构、交互、界面设计

产品设计和交互设计总结相关推荐

  1. 什么是交互设计?交互设计是做什么的?

    交互设计这个词大家应该都不陌生,那么到底什么是交互设计?交互设计是做什么的呢?这篇文章我们就来简单聊一聊. 什么是交互设计? 首先我们来看看,百度对于交互设计的定义.交互设计(英文Interactio ...

  2. UI设计、交互设计、UI交互设计的联系和区别是什么?

    UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼.别担心, ...

  3. 【产品]如何建立交互设计自查表

    对于移动应用来说,移动情景非常复杂,设备也很多样.那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特殊状态的描述是否有遗漏,你是怎么提前发现一些问题并查漏补缺的?为解决这个问题,我们团队 ...

  4. 用户体验设计、交互设计、产品设计的联系和区别

    我觉得设计师的核心是他的逻辑,是他的严谨. 首先说一下什么是UED,UED是User Experience Design,中文名的全称:用户体验设计.从字面意思上来看,就是在做用户体验.平时稍微接触过 ...

  5. 画出的点做交互_设计之下交互设计原型设计之概念设计

    目录 //交互设计// 「设计之下」---交互设计:交互设计师是做什么的?上线的产品中那一块是交互设计师的产物呢? ·项目启动 1.1「设计之下」---交互设计:项目启动之从想法到项目,什么是项目? ...

  6. 什么是交互设计?交互设计是用来干什么的?

    交互设计是近几年在设计师领域中经常被提到的一个概念,也是很多大厂热门的职位之一,下面小千就来给大家介绍一下交互设计到底是干什么的. 何为交互设计? 百科的解释是:交互设计(英文Interaction ...

  7. 开发辅助 | 前端开发工程师对 UI设计、交互设计的认知

    1.UI 用户界面 UI:User Interfase 用户界面 UID:User Interfase Designer 用户界面设计师,多指移动 app 的界面设计: 2.一个合格的 UI 设计师, ...

  8. UI设计技巧|交互设计中七大常见定律

    交互设计之父阿兰·库珀说过,"除非有更好的选择,否则就遵从标准",各行各业都有自己的行业标准,那么你知道在交互设计中常用到的七大定律都有哪些吗?       1. Fitts' L ...

  9. iPhoneX适配之UI设计、交互设计

    前言 苹果近日发布了全新的iPhone X全面屏手机,这也是首款采用OLED屏幕的iPhone手机,它的正面设计被更多人吐槽,之前被戏称为"刘海"的凹槽现在有了更多其他名称,&qu ...

最新文章

  1. Callgrind--函数调用分析工具以及可视化方法
  2. Android 访问WebService
  3. 异步消息队列zeromq实现服务器间高性能通信
  4. 【Qt】Qt手动布局
  5. 计算机设备操作与讲解,计算机组成与操作系统简介
  6. Linux time()函数解析
  7. kotlin获取属性_Kotlin程序| 属性获取器和设置器方法的示例
  8. 安装vsphere update manager及注意事项
  9. 【嵌入式Linux】嵌入式Linux驱动开发基础知识之第一个驱动
  10. stats | 线性回归(四)——显著性检验和模型评价
  11. Lazarus 1.6 增加了新的窗体编辑器——Sparta_DockedFormEditor.ipk
  12. Linq Expression
  13. base64 img图片按父div等比例显示
  14. 淘宝客淘客6合一系统小程序APP返利饿了么外卖美团代理分销系统
  15. java有理数类的封装_java-有理数类的设计
  16. 爬虫-爬取中国诗歌网中中国好诗栏目 - 统计词汇出现频数 - 副本
  17. 学习Python必备的8本书
  18. perl中CPAN的安装
  19. Globally and Locally Consistent Image Completion 实验记录
  20. [WARNING]:登录失败:密码错误或账号被冻结

热门文章

  1. 区块与共识(一):解决竞选记账权的问题
  2. c++中的类成员函数指针
  3. 订餐系统jsp模板_基于JSP的网上订餐系统的设计与实现
  4. getline()的用法详解
  5. 【C语言】数据结构实验报告--单链表
  6. 分布式与集群的区别?
  7. PRESTO SQL总结分享
  8. 上蔡一高2021高考成绩查询,上蔡一高高考录取名单1
  9. 河南科技学院教务管理系统服务器,河南科技学院教务管理系统:http://jwc.hist.edu.cn...
  10. 大数据项目(BP神经网络)