概念介绍

产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。自上而下的分析可用来分析已有的产品,自下而上分析则可以用来创造新的产品。下面是各个层级所包括的内容:

战略层:产品目标和用户需求(做什么、为谁做?)

范围层:功能及其内容需求整合(需要做哪些?)

结构层:交互设计及其信息架构(怎样做?)

框架层:界面、导航设计和内容设计(要做成什么样子?)

表现层:功能及内容的视觉呈现(做成了什么样子?)

产品设计的五层结构

下面详细说明一下每一层所包含的内容:

战略层

整个产品设计、研发周期很长,战略层可以理解为产品设计的主要目的,通常来自于用户需求或是企业的产品目标

  • 用户需求:特定的人在特定的情况下产生了特定的问题,并且这种问题是可以被解决的,就可以把它叫做需求。此外,需求通常来自于痛点、痒点,旨在帮助用户解决某个亟待解决的问题
  • 产品目标:产品目标可以理解为商业目标,包括产品的预期利润、用户数等

用户需求决定了产品的原则,而产品目标则更倾向于产品的定位。

范围层

战略决定范围,功能承载产品价值,范围层是为了实现战略层意图。

在范围层,从讨论战略层面的抽象问题——“为什么要开发这个产品”——转而变为“我们要开发的是什么”——功能和需求的收集筛选。 进行需求采集、分析工作,明确产品应该具体提供哪些内容及功能,以及提供内容、功能的先后顺序,从而落实成具体的需求文档。

结构层

在结构层,需要考虑两个问题:“交互设计”和“信息架构”。

  1. 交互设计:根据用户的操作,产品给予用户何种反馈
  2. 信息架构:所要表达信息的呈现、组织方式

交互设计关注那些影响用户执行和完成任务的元素。也就是交互设计关注与“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。信息架构研究的是人们如何认知信息的过程,对产品而言,信息架构关注的就是呈现给用户的信息是否合理并具有意义。

此外,好的交互设计与信息架构的设计,更是为了降低用户的认知、学习成本,尽可能的让用户直接地体验核心的功能。

框架层

经过了上面的结构层,我们可以看到,我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层,就需要进一步地进行设计了。框架层包含了:界面设计、导航设计以及信息设计

  1. 界面设计:选择合适的界面交互控件,帮助用户易于理解其含义,又能够让用户借助于此来实现具体功能
  2. 导航设计:让用户明确当前的位置、状态,提供用户访问其他功能(页面)的路径
  3. 信息设计:信息设计将各种设计元素粘合在一起,并呈现出来,让用户很好地理解和使用它们。

在产品设计中,经常用到线框图。线框图可以将上述的界面设计、导航设计、信息设计的三者有效结合,并通过草图的形式展现出来,是产品的雏形和大体形态。需要注意的是,线框图与产品原型不同,原型是对线框图的更细致描述的产品体现,包括了一定的交互及高精度的艺术设计,而线框图则是静态的,更倾向于表现各部分之间的连接。

表现层

表现层是用户真真切切地可以感受到的产品外在,也用户直接可视的一层。在这里先前的内容、功能和美学汇集到一起来产生一个最终设计,从而满足其他层面的所有目标。可以充分研究和利用用户的感知方式,通过设计产品的配色、排版、风格等,将产品的风格完整呈献给用户。并且能够带给用户流畅的使用路径,并且为用户提供有效的、可选择的“引导”

另外:

  1. 产品的战略层设计应当是灵活的,在其他层次的设计过程中,可以回过头改进战略层的设计
  2. 线框图、原型设计,能够有效的向团队中的其他人传达设计者所要表达的效果,但高保真度的原型有时会限制设计的思路
  3. 在分析、解构其他产品的时候,可以遵循表现层->框架层->结构层->范围层->战略层的顺序,从表面设计开始,挖掘产品的核心战略、功能。

产品设计-产品设计五要素相关推荐

  1. 产品设计2.1五要素-①战略层

    产品设计2.1五要素 ① 战略层 战略层是从宏观角度说明产品主要面向的用户和提供的核心服务是什么. "产品目标"和"用户需求"内外两者就组成了战略层.定义该产品 ...

  2. 朱晔的互联网架构实践心得S1E9:架构评审一百问和设计文档五要素

    朱晔的互联网架构实践心得S1E9:架构评审一百问和设计文档五要素 [下载文本PDF进行阅读] 本文我会来说说我认为架构评审中应该看的一些点,以及我写设计文档的一些心得.助你在架构评审中过五关斩六将,助 ...

  3. 产品设计2.3五要素-③ 结构层

    ③ 结构层 范围层决定了产品定位.功能规格后,结构层定义系统如何响应用户请求. 考虑如何将信息或功能合理地组合到一起,形成高效地信息构架呈现在产 品中. 比如:用户从哪里来,到哪里去,遵循什么样的路径 ...

  4. 产品设计---产品从0到1,阐述各阶段的产品方法论

    产品从0到1,阐述各阶段的产品方法论 产品分析的"五要素法"是什么?需求采集的"Z字采集法"又是什么?如何用"KANO模型"对需求进行分类及 ...

  5. 产品设计.从用户体验五要素出发,谈如何设计产品

    用户调研--产品定位---产品方案---视觉设计 作者 | 渐渐见减减简https://www.zcool.com.cn/article/ZMTEyNDA2NA==.html 用户体验五要素是一种产品 ...

  6. 【产品】《用户体验要素》结构层(交互设计和信息架构)

    结构层--交互设计和信息架构 在传统的软件开发行业,涉及"为用户设计结构化体验"的方法被称为交互设计. 在内容建设方面,主要是通过信息架构来构建用户体验. 交互设计和信息架构都强调 ...

  7. 【产品】《用户体验要素》框架层(界面设计、导航设计和信息设计)

    框架层--界面设计.导航设计和信息设计 界面设计:确定框架,提供给用户做某些事的能力. 导航设计:呈现信息的一种界面形式,提供给用户去某个地方的能力. 信息设计:呈现有效的信息沟通,传达想法给用户. ...

  8. dtree 后台管理例子_产品的后台设计整理与总结

    做B端产品有三年吧,最近闲来无事,对于产品的后台设计进行了整理与总结. 一,什么是产品后台 产品后台就是是对前端信息页面的映射,也就是说,前端有什么展示,我后端就显示什么.产品后端是适用于产品的前端, ...

  9. 用户体验五要素_【产品经理】如何理解“用户体验要素”5层模型?

    -经验实验室-每日求职经验分享 如何理解"用户体验要素"的5层模型? 经验总结/理论导入 1)要素一:战略层 战略层需要定义清楚两个核心维度的内容: · 用户需求: 用户需要这个产 ...

最新文章

  1. c++获取可用端口号_PG高可用架构实施方案
  2. ADO.Net五个对象
  3. fraction在java_Fraction.java
  4. 一张图理清ASP.NET Core启动流程
  5. python中列表的排序方法_在python中对小列表进行排序的最快方法
  6. 区块链 用户身份权限模式 方案
  7. mysql中如何将一个表中的部分记录合并,mysql - 如何从一个表中获取所有产品并从另一个包含多行的表中合并一行? - SO中文参考 - www.soinside.com...
  8. 结构方程软件Lisrel 8.7 和HLM5.5
  9. 如何在物理机上安装Centos操作系统(实体机物理机)
  10. julia的安装以及三个报错解决(包安装、dot函数无定义、定义变量无法在循环中使用)
  11. 52单片机C语言如何用间接寻址,单片机要如何寻址?
  12. Android手机中取得当前时区(以GMT形式)
  13. 高等数学:第十一章 无穷级数(2)函数的幂级数展开式、傅里叶级数
  14. Web全栈架构师(三)——NodeJS+持久化学习笔记(2)
  15. 【Python】​​​​​​​turtle八边形绘制
  16. 5.0 数据库完整性详解(PRIMARY KEY、REFERENCES、CHECK、CONSTRAINT、DOMAIN、TRIGGER)
  17. [分享]包饺子全攻略
  18. 智能经济时节已至,百度智能云扬起风帆
  19. 阿里巴巴离职DBA 35岁总结的职业生涯(转)
  20. 行业elasticsearch容器化存储分离调研报告

热门文章

  1. 面试,你准备好了吗(下集)
  2. 偏门推广方法,日流量10000的网站是怎么推广的?
  3. STM8S903K3T6C基于IAR开发GPIO点灯示例
  4. 拍一张图片,设计成海报
  5. 快速搭建个人博客系统
  6. node.js搭建个人博客系统
  7. 二次元属性被稀释,B站还剩什么?(下篇)
  8. 命运永远掌握在自己手中
  9. CTF练习——MISC密码学部分
  10. Python 斑点检测 SimpleBlobDetector