一个完整的产品设计都要哪些设计流程

2023-11-09

设计理念是抽象的,它描述了一个产品从概念到完成的一般过程。然而,真正的产品设计过程要复杂得多,也要具体得多。因此,我们将分解这个过程中最重要的部分,并给实践中使用的建议。

1.设计前期

通常,设计过程的第一步在产品设计之前就已经开始了。这是因为设定目标是任何特定项目的必要步骤,为未来几周、几个月甚至几年的所有设计提供了结构支柱。首先,建立产品策略,定义产品最终解决问题的愿景,最终通过整个产品设计过程解决问题。此外,这可以帮助我们找到可能遇到的坑,以及产品设计部门必须克服的困难,然后组织和定义挑战。一般来说,产品策略提出了一个问题"我们要去哪里,怎么到那里?“

其次,建立价值主张图对于任何产品的设计过程都是可取的。与产品策略相比,价值主张图更注重产品与受众的关系,而产品策略更注重与团队的关系。在价值主张图中,如提出和回答"谁用这个产品?","该产品何时使用?"等待问题,团队更容易站在用户的立场上思考。

​2.产品调研

在第二阶段,产品设计开始产生。此时,设计师需要完全沉浸在问题中,以便更深入地了解用户和问题的本质,并开始思考如何解决这个问题。重要的是要记住,如果早期研究做得充分,它会节省很多时间,避免一些头痛,所以不要急于成功,在这一步必须投入超出预期的时间。

用户研究是设计过程中最关键的步骤之一,因为创建产品的目的是为用户服务,而根据他们的需求进行设计是产品设计本身的目标。这就要求设计师与需要解决问题的用户进行直接沟通,可以通过用户访谈直接与用户进行面对面的对话,也可以进行在线研究,对大量用户进行问卷调查。情景研究方法最近也很流行,设计师有机会在用户的日常生活中看起来像"身影"同样,观察用户在更自然环境中的状态。

实际的产品研究阶段还包括竞争产品分析的任务,假设产品有竞争对手。这涉及到对竞争对手的产品进行深入的研究,看看如何改进它们,或者产生多样化。因此,这也为整个产品设计过程增加了另一个需要考虑的层次。

3.用户分析

在用户研究阶段之后,设计师获得了大量的初始数据,他们必须将这些数据转化为有用的洞察力,以促进项目的进展。如果用户研究是数据采集,那么用户分析就是数据生成分析。在这一步中,设计师根据他们的研究材料建立了一个模型,以简化创建产品的过程。

首先,需要建立用户肖像或用户感觉肖像。用户肖像本质上是一个或多个虚构的角色,作为设计对象的替代品。他们强调了用户的需求、愿望、爱好、厌恶以及设计师可能选择的更多关键细节。这可以作为设计师设计的参考,即设计师可以简单地参考用户肖像来回答产品设计过程中可能出现的问题,而不是在前一阶段收集的大量数据中来回奔波。

在这个阶段,将使用同理心地图,一个至关重要的产品UI设计工具。同理心地图,顾名思义,帮助设计师从用户的角度来看待问题。“为什么用户需要这个产品”这个问题将在同理心地图中得到解决。本质上,同理心地图描述了用户所说、所想、所做和感受。

4.创意

产品设计过程的第四阶段是创意。此时,设计师应该整理出所有关于这个项目的想法,他们在这个阶段交流、辩论和讨论各种想法、产品"创意火花"萌生在这里。

​在这个阶段,建立场景和故事板是一个有效的工具。设计师可以构思产品将如何融入用户的生活,以便在用户需要时更有效地满足和解决他们的需求。这个工具涉及到产品设计的故事,优秀的设计师会利用它来发挥他们的优势。另一个有效的工具是用户旅程图,包括用户完成任务的基本动作,这是由设计师在一个非常广泛的意义上制定的。同样,这也有利于为产品建立初步的原型,让那些设计产品的人在脑海中建立产品原型。

所有这些努力都是为了最终建立一个信息架构。这是一个类似于流程图的计划,解释了整个产品将如何运行。在这里,创建一个间隙连接的路线图,页面和屏幕相互连接,并从更广泛的角度来看APP作为一个整体布局。与传统建筑学一样,设计师逻辑地建立了产品空间的人流趋势。

草图和线框图是创意阶段的下一步。独立的屏幕或页面以最低生活保障的形式显示,以可视化最终产品会是什么样子。在这个阶段,还需要排除故障,这可能需要设计师回到研究阶段来解决以前可能出现的遗留问题。确保这些问题不会出现在最终版本中,这是对测试过程的补充,这一点非常重要,我们将在后面提到。如果说信息架构是在宏观层面上规划产品,那么最低生活保障的真线框图就是在微观层面上展示产品的外观、感受和主要功能。

5.设计

在创意阶段之后,设计阶段是大多数人认为最重要的阶段。在这个阶段,从原型设计开始,我们开始建立产品的功能模型,以观察所有元素如何相互配合。原型的起点通常是主屏幕/页面,最后扩展到产品的所有内容。这就像一个框架,设计师可以在此基础上实现自己的想法,追求视觉效果或更多的模型,这是产品可以实现的最完整的版本。这也形成了一个"原型设计循环",包括三个步骤。

原始形状阶段是指建立高保真原型,不断接近产品的最终形式。然后,设计师彻底梳理原始形状,找出所有存在的问题或可改进的地方,使产品更加完善。在审查阶段,用户和利益相关者检测原始形状,并向设计师反馈哪里可以修改和改进。最后,在改进阶段,设计一次又一次地迭代,最终努力达到完美的状态,或接近完美的状态。

6.转交

最后,当设计阶段即将结束时,会有一个交接过程。在这里,当设计师对产品的设计感到满意时,他们会把它交给开发人员进行代码,或者从某种意义上说是产品的实际情况"制造"。为了做到这一点,设计师会给开发者一个"设计标准",本规范强调从宏观信息架构到最小颜色变化,使开发人员能够完全按照规范开发和生产产品,甚至满足设计师对任何细节的要求。

7.检测

设计流程的倒数第二个阶段是 测试和验证。这个过程的开始有一个很有创意的名字 — “吃自家的狗粮"(dogfooding),正如其名,在此过程中,设计团队自己来测试自己的产品的最新版本。在这里,团队可以决定产品的结果与他们的设想有多接近。这同样也是发现问题的阶段,发现问题并立即通过设计解决,从而力求产品接近完美的状态。

然而,同样重要的是,在此阶段要 以设计师之外的角度 来看待产品,由设计师开展,对 APP 的真正终端用户进行 可用性测试。例如,一款由年轻的设计师设计的 APP ,目的是为了解决老年人面临的问题,由于环境的差异,特别是技术方面的差异,设计师不能很好的发现一些问题,因此需要进行可用性测试。用户体验设计之父 Jakob Nielsen 说过,85% 的可用性问题只需要对 5 个用户进行测试就可以解决,我们有什么好争论的呢。在整理和解决了所有内部和外部的反馈之后,产品最终被推向市场,并以其(暂时的)最终版本面向用户,去解决最初我们在问题陈述中所强调的那些问题。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

一个完整的产品设计都要哪些设计流程 的相关文章

  • Android中实现全屏、无标题栏的两种办法(另附Android系统自带样式的解释)

    在进行UI设计时 我们经常需要将屏幕设置成无标题栏或者全屏 要实现起来也非常简单 主要有两种方法 配置xml文件和编写代码设置 1 在xml文件中进行配置 在项目的清单文件AndroidManifest xml中 找到需要全屏或设置成无标题
  • Qt 信号与槽

    Qt 信号与槽 在这章节里 我们学习 Qt 的信号与槽 这里分一个章节来学习这个 Qt 的信号与槽 可见 这个信号与槽有多么重要 在学习 Qt 的过程中 信号与槽是必不可少的部分 也是 Qt 编程的 基础 是 Qt 编程的一大创新 其实与
  • Android4.0 SDK功能详解

    我在eoe的论坛找到的 就复制过来了 跟大家分享一下 Android 4 0 平台API等级 14 Android 4 0 是一次重要的平台发布版 为用户和应用程序开发者增加了大量的新特性 在下面我们将讨论的所有新特性和API中 因为它将
  • 使用代码启动 Photoshop 操作

    是否可以使用代码启动 Photoshop 操作 我的意思是通过批处理文件在 Photoshop 中启动该操作 或类似的东西 较新版本的 Photoshop CS5 和 CS6 是我使用过的唯一版本 支持一项称为Droplets它允许您创建可
  • 【干货】如何实现WinApp的UI自动化测试?

    WinApp WindowsAPP 是运行在Windows操作系统上的应用程序 通常会提供一个可视的界面 用于和用户交互 例如运行在Windows系统上的Microsoft Office PyCharm Visual Studio Code
  • CSS中有什么尖锐的样式吗?

    我想使用 Photoshop 中的 style sharp 在我的 css 中设置一些字体的样式 有谁知道路吗 Photoshop 使用自定义字体渲染引擎 您无法使用 CSS 来模拟该引擎 此外 每个平台都有自己的渲染引擎 CSS无法控制
  • 【QView】基于QML的UI组件框架 之 AImage (图片)

    先上结果演示 环境 不说版本就是耍流氓 硬件 通用PC 手机 Jetson Xavier NX 套件 均测试有效 系统 Ubuntu 20 04 Android Windows 均测试有效 软件 基于QT6 2 4 Qml 功能描述 AIm
  • 如何在 open gl 纹理的 alpha 中编码发射或镜面反射信息

    我有一个带有 UV 贴图的 OpenGL 纹理 我读过有关使用 alpha 通道来存储其他一些值的信息 这样就无需从某处加载额外的地图 例如 您可以在 Alpha 中存储镜面反射信息 光泽度 或发射贴图 因为您只需要一个浮点数 并且不使用
  • WPF-UI HandyControl 控件简单实战

    文章目录 前言 UserControl简单使用 新建项目 直接新建项目 初始化UserControl Geometry 矢量图形 额外Icon导入
  • UI 易用性测试 以及自动化实现!

    GUI 是指图形用户界面 UI 是指用户界面 对于纯软件系统 这两者没有本质的区别 GUI易用性测试与 UI 易用性测试内容一致 但是如果测试的对象是一个产品 这两者则存在区别 对于产品 UI 则不仅仅包括 GUI 还包括产品硬件部分的测试
  • 模拟 Photoshop 的“色彩范围”算法

    我正在尝试用在服务器上完成的自动过程来替换在 PhotoShop 中完成的手动过程 目前 在 PhotoShop 中 颜色范围 工具用于使用 模糊度 系数来选择一系列颜色 并根据处理的部分从黑色或白色开始 我最初的方法包括使用 L a b
  • Photoshop Javascript 获取活动文档中的所有图层

    我确信 Photoshop 脚本编写者之前应该讨论过这个问题 我写了一个解决方案如下 我认为逻辑上是对的 但结果却不对 任何人都可以帮助检查代码中的错误 或者对这个主题有想法吗 我想获取文档中的所有图层 Code function getA
  • 创意无限,绘图轻松——Sketch for Mac矢量绘图软件全面介绍

    在现代设计领域 矢量绘图软件是设计师们必不可少的工具之一 而在众多矢量绘图软件中 Sketch for Mac凭借其强大的功能和友好的用户界面脱颖而出 成为众多设计师的首选 Sketch for Mac是一款专为Mac用户开发的矢量绘图软件
  • element ui backTop源码解析-逐行逐析

    backTop 回到顶部 组件简介 基础概念 返回页面顶部的操作按钮 代码
  • element ui backTop源码解析-逐行逐析

    backTop 回到顶部 组件简介 基础概念 返回页面顶部的操作按钮 代码
  • HarmonyOS鸿蒙开发指南:容器组建 stepper开发指导

    目录 创建Stepper组件 设置index属性 设置样式 添加事件 场景示例 创建Stepper组件 在pages index目录下的hml文件中创建一个Stepper组件 div class container div
  • HarmonyOS鸿蒙开发指南:容器组建 tabs开发指导

    目录 创建Tabs 设置Tabs方向 设置样式 显示页签索引 场景示例 创建Tabs 在pages index目录下的hml文件中创建一个Tabs组件 div class container div
  • Vue + Element-ui组件上传图片报错问题解决方案

    在使用Vue和Element ui组件上传图片时 可能会遇到一些报错问题 以下是一些常见的问题及解决方案 报错 TypeError Cannot read property name of undefined 解决方案 这个错误通常是因为在
  • UI自动化测试之Jenkins配置

    背景 团队下半年的目标之一是实现自动化测试 这里要吐槽一下 之前开发的测试平台了 最初的目的是用来做接口自动化测试和性能测试 但由于各种原因 接口自动化测试那部分功能整个废弃掉了 其中和易用性有很大关系 另外 也和我们公司的接口业务也有关
  • 将 PSD 格式转换为 Gimp 可以读取的格式的方法

    我有一堆 PSD 文件 还有更多 我想将它们转换成我可以使用的格式 我之前曾 一些 成功地使用 Gimp 读取 PSD 但这些文件无法正确读取 有没有办法将 PSD 转换为 XCF 我尝试过 IrfanView 它可以正常显示 PSD 但无

随机推荐

  • 【U盘量产工具】windows无法完成格式化——芯邦主控CBM2098S

    2022 2 15 前言 这次我爸又让我修U盘了 起因是他买了一个条形的音响 插U盘可以放歌 但是插上后却啥反应也没有 于是我拿来试了一下 参考另外一篇 U盘量产工具 热插拔导致U盘进入写保护 安国主控AU6989SN GT 解决 插上后就
  • Nature最新封面:两大数学难题被AI突破!DeepMind YYDS

    点击 凹凸域 马上关注 更多内容 请置顶或星标 量子位 报道 公众号 QbitAI 现在 AI不仅能参与数学研究 甚至还快人一步 开始帮助人类提出数学猜想了 就在今天 这只由DeepMind与顶级数学家合作研发的AI 登上了最新一期Natu
  • Nginx 常用命令及"nginx -s reload"重载未生效问题

    1 启动Nginx start nginx windows下 service nginx start linux mac下 2 关闭Nginx nginx s stop 立即停止nginx 不保存相关信息 或 nginx s quit 正常
  • vcs编译vivado原语:

    使用vcs verdi问题较少 使用vlogan vcs verdi三步编译 vlogan vlogan V sverilgo ignore unique checks libext sv vp vlib svh l vlogan comp
  • include_directories和find_package

    通过一个自己要写的工程文件 终于弄明白了CMakeLists中的include directories和find package是什么意思了 简单而言 cmake本身不提供任何搜索库的便捷方法 所有搜索库并给变量赋值的操作必须由cmake代
  • Typora 语法说明

    Markdown介绍 Markdown 是一种轻量级标记语言 它允许人们使用易读易写的纯文本格式编写文档 Markdown 语言在 2004 由约翰 格鲁伯 英语 John Gruber 创建 Markdown 编写的文档可以导出 HTML
  • Docker Desktop 如何运行容器

    第一次使用windows环境下的DockerDesktop记录下使用方法 1 配置镜像源 虽然配置了镜像源 但是在界面你还是搜索不到镜像 应该默认使用的是官方dockerhub的原因 后面可以手动创建避开这个问题 2 运行系统的window
  • IntelliJ IDEA里Maven默认情况下编译版本为JDK1.5

    2019独角兽企业重金招聘Python工程师标准 gt gt gt IntelliJ IDEA里面Maven插件 如果pom xml里面没有设置编译版本 便采用默认的1 5版本 即便安装的JDK是jdk1 7 jdk1 8也是采用1 5版本
  • flutter中TextField光标偏移处理

    在flutter中当使用localizationsDelegates国际化之后 TextField输入框的光标出现了偏移错位的情况 只需要在style中加入textBaseline TextBaseline alphabetic就可以解决光
  • Java(变量+int+double+String+boolean四种数据类型)

    JavaDAY2 变量 int double String boolean四种数据类型 1 变量 表示变化的量 2 变量的简单运算 3 整数int与小数double 4 字符串String 5 布尔boolean 非此即彼 1 变量 表示变
  • Docker基本操作

    镜像命名规范 镜像名称一般分两部分组成 repository tag 如 mysql 8 1 在没有指定tag时 默认是latest 代表最新版本的镜像 Docker常用操作 在docker官网中输入你要的镜像名称 https hub do
  • 宋浩高等数学笔记(十)重积分

    本章更新第10章重积分 关于三重积分的应用部分暂时略过 本部分在考察的时候不会很难 困难在于对重积分本质的理解 以及极坐标下相关公式的计算 类比普通的定积分 如果对一个宽度不均匀的函数 求积分分后相当于计算总的面积 而对1积分则是相当于这段
  • HTML页面添加自定义水印(watermark)

    在需要引入HTML页面添加方法 document ready function 开启水印 watermark set 雨天路滑 小心驾驶 关闭水印 watermark del 页面添加水印效果 页面添加水印效果 method set 设置水
  • vue elmentui 日期选择器 多段时间 不可选

    日期选择器 实现动态的多段时间禁用
  • dijikstra 旅行商问题_『数学建模』TSP和MTSP问题

    2020 7 14更新 补充一下后续获奖情况 这次比赛我们小队获得了三等奖 为本次比赛中唯一获奖的大一学生队伍 完整问题及详细地参赛论文地址 2019 12 02 校内数模新手赛 blog csdn net 数模问题梗概 先给出一张地铁路线
  • 基于pygame的消消乐小游戏开发

    1 简介 今天向大家介绍一个帮助往届学生完成的毕业设计项目 基于pygame的消消乐小游戏开发 计算机毕业生设计 课程设计需要帮助的可以找我 2 设计概要 21世纪是信息化时代 随着信息技术和网络技术的发展 信息化已经渗透到人们日常生活的各
  • 用引用函数找出包含20个元素的整型数组中的最大值最小值以及其平均值(使用随机数初始化数组)#C++

    用引用函数找出包含20个元素的整型数组中的最大值最小值以及其平均值 使用随机数初始化数组 利用选择排序法 代码如下 include
  • 磁盘一把锁一个感叹号_硬盘上面一个感叹号是什么东西。求高手帮忙解决下。谢谢(下图)...

    出现这个提示是我隔热觉得是系统临时文件太多了 或是磁盘坏道出了问题引起的 看看下面的方法 不过还是要看看你的D盘 能不能进去读取数据 1 任务栏右下角出现这种提示 某文件损坏 请运行运用chkdsk工具修复 一般是系统垃圾文件太多导致的 主
  • 个人安装Ubuntu20.04和修复BIOS引导的过程(2022年5月)

    记录一下我个人安装Ubuntu20 04和修复BIOS引导的过程 不建议全部按照我的方法做 步骤9建议按照这个链接 https askubuntu com questions 1314321 select device boot insta
  • 一个完整的产品设计都要哪些设计流程

    设计理念是抽象的 它描述了一个产品从概念到完成的一般过程 然而 真正的产品设计过程要复杂得多 也要具体得多 因此 我们将分解这个过程中最重要的部分 并给实践中使用的建议 1 设计前期 通常 设计过程的第一步在产品设计之前就已经开始了 这是因