【giszz笔记】产品设计标准流程【5】

(续上回)

目录

五、原型设计

1.写在前面的话

2.原型是什么

3.画原型的工具

4.产品经理的复合能力

5.关于原型图



PS:这个系列,主要讨论的是产品设计的一般标准流程。这个流程也许每天都发生在我们的身边,我们也常常对此熟视无睹,实际上,更系统的理解每个环节的核心目标,成果,对提高团队的效率,确保产品的成功,有很重要的作用。

五、原型设计

1.写在前面的话

在本流程中,UX设计过程被单独拿出来放一个章节来讨论,但是设计最初的原型图,我的建议是产品经理来主导,UE设计师参与。此外,评审我也当做一个独立的章节来讨论,但是在设计原型时,如果你有一个极大POWER的甲方,最好能经常去沟通和汇报,不要总怕太快被否定,导致你多花工时,永远不要让你的设计作品等到最后评审会上,去大家一起来“掀开盖头”。实际上,在一些最佳实践的案例中,经常和甲方沟通,可能会让你的产品设计中,体现了很多甲方关键人的思路,在评审时,他就会自动的,成为你的辩护者,让你的产品设计更轻轻和顺利的过审。

评审会,当然要求,提前发会议物料到各个干系人的手中,但是你能强力要求他们提前看、并且规定好完成的时间、反馈的详细程度吗?即使要求了,他们就能很好的执行吗?执行了,就能真的理解你的设计吗?

等到会上,大量的信息涌入,……,这种沟通实际上是效率比较低的。大家经常有感受,自己的思路,不被anyone else理解,感觉领导不专业,客户太傻X,实际上,我们和自己的亲爹亲妈,也是很难沟通的吧。所以,并不是这个世界和我们格格不入。

好吧。

原型设计,是最重要的激动人心的环节了,因为大家一直期待的产品,到底长什么样子,即将小荷露出尖尖角。

2.原型是什么

原型(prototype)这个词来自拉丁文的词proto,意谓“最初的”,意义是形式或模型。在这里我们主要讲的是软件原型,便于快速沟通、确定明确需求。在软件开发中,一个原型是产品或数据系统的一个基本的实用模型。
软件原型包含但不限于:功能、交互、UI。

3.画原型的工具

工具非常多,在线设计,团队协作,几乎成了时代的主旋律,但有时一些产品的服务器能力,确实还不过关,当然,客服会赖带宽。

比较经典的,人人都知道的,就是Axure。实际上,全名是Axure RP,文件的扩展名也是rp,啥意思呢,RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。

人人都可以用Axure,就像人人都可以用思维脑图一样。

此外在线的工具,基本都是互相参考,并且做集成。参考(重点是拷)、模仿国外优秀产品、集成各种功能、加自己的理解改造、设置付费节点和套餐、发布、买流量,这也是一个标准流程吧。

4.产品经理的复合能力

产品真是无所不能,在大的集团,有PMO等部门和职位,或者另一种PM,项目经理,但是很多公司,产品经理,就是一个项目的全部入口和出口。客户来访,产品经理来聊下,顺便给客户倒杯水;内部协调资源,产品经理做个脑图汇报下;领导要预算,产品经理牵个头,把产品分解下和技术开个会,拍个数出来;前端技术储备不足,想要的页面效果无法按期达成,产品经理过去干一架,打赢了前端加个班,自己买会员发问答去,大输了就简化下设计;外采个系统,产品经理参与下,去谈谈价格,调研下竞品;……

当然,这都是极端的情况,可能碰到,碰到了也是纯属巧合。不管是几百人的团队,还是几十人的团队,产品确实是产品最大的owner,产品的再生父母,就是要对这个孩子负责的。即使没有人让做的,很多产品也会主动去做,因为一个负责人的产品,真的希望做出来的东西,人人喜爱,客户点赞。

当然,上面说的产品经理都是十项全能,再加上专业的画线框,画原型,做分析,做设计…….。

但是真正检验一个产品经理的业务能力和设计素养的就是他做的prototype。通过这个原型,产品经理要把你独特的理解、能力,淋漓尽致的表达出来,准确的传递出去。

有些复合型的产品经理,确实在交互设计上,有更深入的理解,有设计方法,而不是简单的把客户的用例画成简单的界面,还缺这缺那。也不是狂热的加上很多自己的理想抱负,让客户害怕,让技术抓狂。

5.关于原型图

低保真的原型图,在前面的PRD的环节,实际都做了。有的公司,PRD中,就已经包含了高保真的原型。这看项目的大小和类型。

低保真:包括页面的框架逻辑,导航逻辑,交互逻辑,标签逻辑,内容组织逻辑等。低保真在实际项目中,并不是可以“粗略”的做,只是不用配置更多的美化,图糙理不粗。

高保真原型在低保真原型的基础上,还加入了信息内容,视觉元素,交互细节等。

两种原型的用法也略有不同:

一般在产品团队中,大多是出低保证原型。因为,在设计之初,最怕的是偏离设计方向而浪费资源,所以通过低保真原型可以快速的发现问题,通过不断的迭代设计完善产品框架和主体构造。有的产品经理是强迫症,宁肯熬夜,也要出漂亮的原型,这也挺好的,避免产品设计理念由于表达不“具象”被误伤,也行。

一般在与外部进行产品工作成果说明和演示时,用高保真原型更好。因为客户就看颜值。用户更喜欢关注产品的实际模样,因为他们骨子里是代表未来实际使用者的利益,如果他们觉得色彩不好,交互细节有问题,那么他们会坚持要求团队做出响应,直至他们满意为止,我们最好将这个过程安排的越早越好,至少不要因为他们的意见而导致后期的开发工作重复。

我比较喜欢Scrum的敏捷模式,高频的沟通,确保每一天的成果都最大程度的有效,关于scrum,可以参考我的文章Scrum好用吗-CSDN博客

这里的原型图,特指高保真原型图。

原型图包括如下的要素:

  • 页面布局:页面的整体结构,包括导航栏、页眉、页脚和内容区域等。
  • 功能模块:网站或应用程序的各个功能模块,如登录、注册、搜索、商品展示、购物车、结算等。
  • 页面元素:页面的各个元素,如文本框、按钮、下拉框、复选框、单选框、图像、视频等。
  • 交互效果:用户与页面元素相互作用时的效果,如弹出框、提示框、动画效果等。
  • 页面跳转:各个页面之间的跳转关系,如首页跳转到商品列表页,商品列表页跳转到商品详情页等。
  • 用户反馈:用户与页面交互后的反馈,如错误提示、成功提示、警告提示等。
  • 页面细节:页面的其他细节,如页面颜色、字体、大小、边距等。

对于流程相对复杂的业务,原型图的辅助标注或者说明,无法准确的表达业务流程,比如跳转的逻辑。这时要注意对前述PRD进行更新,通过一些图表,来更准确的描述业务。尽管后续有交互设计,但是随时发现问题,随时更新,同时内部拉通,这总是好的。

(未完待遇,下次我们讲如何组织高效的评审)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/160654.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

生成式AI模型量化简明教程

在不断发展的人工智能领域,生成式AI无疑已成为创新的基石。 这些先进的模型,无论是用于创作艺术、生成文本还是增强医学成像,都以产生非常逼真和创造性的输出而闻名。 然而,生成式AI的力量是有代价的—模型大小和计算要求。 随着生…

java线性并发编程介绍-锁(二)

2.5 重量锁底层ObjectMonitor 需要去找到openjdk,在百度中直接搜索openjdk,第一个链接就是 找到ObjectMonitor的两个文件,hpp,cpp 先查看核心属性:http://hg.openjdk.java.net/jdk8u/jdk8u/hotspot/file/69087d08d473…

js/jQuery 的一些常用操作(js/jQuery获取表单元素值 以及 清空元素值的各种实现方式)——附测试例子,拿来即能实现效果

js/jQuery 的一些常用操作(js/jQuery获取表单元素值 以及 清空元素值的各种实现方式)——附测试例子,拿来即能实现效果 1. 前言2. 获取表单元素的值2.1 简单获取元素中的值2.1.1 根据 id 简单取值2.2.2 根据name 简单取值2.1.3 获取单选按钮的…

Python 爬虫入门

文章目录 Python 爬虫入门requests 库beautifulsoup4库函数findall(),find()函数get() 爬虫实例 1:抓小说爬虫实例 2:抓豆瓣 top 250 的电影信息后记 Python 爬虫入门 Python 的爬虫功能使得程序员可以快速抓取并分析网页中的信息&#xff0…

vite2.9.15版本不显示el-table致命问题

1.版本说明 说明:vite版本为2.9.15;element-ui版本为2.15.14。 2.不显示 3.降低elementui版本 说明:不兼容,降低elementui版本为2.8.2 npm i element-ui2.8.2 4.显示

Spring 设计模式-简洁版

Java 中包括以下设计模式: 其中Spring 用到的设计模式 1.简单工厂-BeanFactory 2.工厂方法FactoryBean 3.单例模式Bean实例 4.适配器模式SpringMVC中的HandlerAdatper 5.装饰器模式BeanWrapper 6.代理模式_AOP底层 7.观察者模式-spring的事件监听 8.策略横式exclud…

美国经典人工智能教材第3版出版!

美国经典人工智能教材,人工智能的百科全书《人工智能》(第3版)出版!新增深度学习及人工智能编程等内容,理论阐释结合动手实践。 人工智能 第3版 关于作者 史蒂芬.卢奇(Stephen Lucci)拥有纽约…

python计算脚长 青少年电子学会等级考试 中小学生python编程等级考试一级真题答案解析2022年9月

目录 python字符串输出 一、题目要求 1、编程实现 2、输入输出 二、解题思路 1、案例分析 三、程序代码 四、程序说明 五、运行结果 六、考点分析 七、 推荐资料 1、蓝桥杯比赛 2、考级资料 3、其它资料 python字符串输出 2022年9月 python编程等级考试一级编程…

基于Vue+SpringBoot的高校学生管理系统 开源项目

项目编号: S 029 ,文末获取源码。 \color{red}{项目编号:S029,文末获取源码。} 项目编号:S029,文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 学生管理模块2.2 学院课程模块2.3 学…

OpenCV C++ 图像处理实战 ——《OCR字符识别》

OpenCV C++ 图像处理实战 ——《OCR字符识别》 一、结果演示二、tesseract库配置2.1下载编译三、OCR字符识别3.1 文本检测方式3.1.1 RIL_BLOCK3.1.2 RIL_PARA3.1.3 RIL_TEXTLINE3.1.4 RIL_WORD3.1.5 RIL_SYMBOL3.2 英文文本检测3.3 中英文本检测四、源码测试图像下载总结一、结…

【广州华锐互动】VR可视化政务服务为公众提供更直观、形象的政策解读

虚拟现实(VR)技术正在逐渐应用于政务服务领域,为公众提供更加便捷、高效和个性化的服务体验。通过VR眼镜、手机等设备,公众可以在虚拟环境中参观政务服务中心,并根据自己的需求选择不同的办事窗口或事项进行咨询和办理…

【Nacos】配置管理、微服务配置拉取、实现配置热更新、多环境配置

🐌个人主页: 🐌 叶落闲庭 💨我的专栏:💨 c语言 数据结构 javaEE 操作系统 Redis 石可破也,而不可夺坚;丹可磨也,而不可夺赤。 Nacos 一、nacos实现配置管理1.1 统一配置管…

圆弧插补-逐点比较法

圆弧插补-逐点比较法 逐点比较法直线插补流程 逐点比较法直线插补流程 逐点比较法第I象限逆圆插补 在圆弧加工过程中,要描述刀具位置与被加工圆弧之间的相对位置关系,可用动点到圆心的距离大小来反映。 如下图所示,假设被加工零件的轮廓为第…

【案例分享】BenchmarkSQL 5.0 压测 openGauss 5.0.0

一、前言 本次BenchmarkSQL 压测openGauss仅作为学习使用压测工具测试tpcc为目的,并不代表数据库性能如本次压测所得数据。实际生产性能压测,还需结合服务器软硬件配置、数据库性能参数调优、BenchmarkSQL 配置文件参数相结合,是一个复杂的过…

redis集群-主从复制

目录 一、主从复制概念二、单机安装Redis2.1、安装 Redis 需要的软件 gcc 和 tcl2.2、上传Redis压缩包2.3、编辑 redis.conf 文件2.4、执行安装 Redis 命令2.5、注意防火墙配置 三、主从复制 - 环境搭建3.1、配置一个 master 节点,两个 slave 节点3.2、配置 redis63…

数组的访问

注意:如果一个数组对象指向null,那么该数组对象中不存储任何地址。 这时使用System.out.println(a); System.out.println(a[0]);会出现空指针报错

SHELL中的循环语句

快捷查看指令 ctrlf 进行搜索会直接定位到需要的知识点和命令讲解(如有不正确的地方欢迎各位小伙伴在评论区提意见,博主会及时修改) 循环结构 连续出现的功能性代码 shell循环有四种: while 条件成立,循环就开始 直到循环条件不满足或者跳出…

Vatee万腾科技引领创新潮流:Vatee数字化探索的前沿之光

在Vatee万腾科技引领创新潮流的浪潮中,我们见证了一场数字化探索的前沿之光。Vatee万腾以其卓越的科技实力和创新精神,成为数字化时代的领军者,为创新潮流注入了强大动力。 Vatee万腾积极探索数字化的前沿,不断挑战科技的极限。他…

2023-11-18 Android Linux资源限制命令 ulimit,比如ulimit -d 是设置进程占用的最大数据段大小,默认是unlimited。

一、通过ulimit -a 命令可以查看当前的各种资源限制,比如ulimit -d 是 进程占用的最大数据段大小。 # ulimit -a -t: time(cpu-seconds) unlimited -f: file(blocks) unlimited -c: coredump(blocks) 0 -d: data(KiB) unlimited -s:…

VS2022 配置 OpenCV并开始第一个程序

VS2022安装 首先下载 VisualStudioSetup.exe 下载连接:Visual Studio 2022 IDE - 适用于软件开发人员的编程工具 点击上面的链接即可进入到下载页面。进入到下载页面,可看到有几个版本可选,如下: 我选择的是企业版:E…