【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进行更新,通过一些图表,来更准确的描述业务。尽管后续有交互设计,但是随时发现问题,随时更新,同时内部拉通,这总是好的。

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

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C/C++ 运用VMI接口查询系统信息

Windows Management Instrumentation(WMI)是一种用于管理和监视Windows操作系统的框架。它为开发人员、系统管理员和自动化工具提供了一种标准的接口,通过这个接口,可以获取有关计算机系统硬件、操作系统和应用程序的信息&#xf…

若依中脱敏

SpringBoot使用自定义注解实现返回数据脱敏操作 在实际项目中,对于敏感数据的保护十分重要,数据脱敏又称数据去隐私化或数据变形,是在给定的规则、策略下对敏感数据进行变换、修改的技术机制,能够在很大程度上解决敏感数据在非可…

Redis(消息队列Stream)

Stream是一个轻量级的消息队列。 Redis中Stream的作用是提供一种高效的消息传递机制,允许多个消费者并行地消费消息,并且不会重复消费已经处理过的消息。它可以用于实现分布式任务队列、日志收集、实时数据处理等场景。Redis中的Stream支持多个消费者组…

医院绩效考核系统源码 医院绩效考核系统方案

医院绩效考核系统源码 医院绩效考核系统是现代医院管理的重要方法和科学的管理工具。良好的绩效管理,有助于带动全院职工的工作积极性,有助于提高工作效率、提高医疗质量、改善服务水平、降低运营成本,全面提升医院的精细化管理水平。 医院绩…

Springboot+vue的学生成绩管理系统(有报告),Javaee项目,springboot vue前后端分离项目。

演示视频: Springbootvue的学生成绩管理系统(有报告),Javaee项目,springboot vue前后端分离项目。 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家…

ToolJet:开源低代码框架,轻松构建复杂可响应界面 | 开源日报 No.78

ToolJet/ToolJet Stars: 25.0k License: AGPL-3.0 ToolJet 是一个开源的低代码框架,可以通过最小化工程投入来构建和部署内部工具。ToolJet 的拖放式前端构建器允许您在几分钟内创建复杂、响应式的前端界面。此外,您还可以集成各种数据源,包…

「Verilog学习笔记」数据选择器实现逻辑电路

专栏前言 本专栏的内容主要是记录本人学习Verilog过程中的一些知识点,刷题网站用的是牛客网 分析 将变量A、B接入4选1数据选择器选择输入端S0 S1。将变量C分配在数据输入端。从表中可以看出输出L与变量C的关系。 当AB00时选通D0而此时L0,所以数据端D0接0…

计算机视觉的应用18-一键抠图人像与更换背景的项目应用,可扩展批量抠图与背景替换

大家好,我是微学AI,今天给大家介绍一下计算机视觉的应用18-一键抠图人像与更换背景的项目应用,可扩展批量抠图与背景替换。该项目能够让你轻松地处理和编辑图片。这个项目的核心功能是一键抠图和更换背景。这个项目能够自动识别图片中的主体&…

SHELL中的循环语句

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

vite vue3安装element-plus

准备 参考 安装 官网 yarn add element-plus完整引入 如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。 main.ts // main.ts import { createApp } from vue import ElementPlus from element-plus import element-plus/dist/index.css import…

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 中英文本检测四、源码测试图像下载总结一、结…

LLM大模型量化原理

大型语言模型(LLM)可以用于文本生成、翻译、问答任务等。但是,LLM 也非常大(显然,大型语言模型)并且需要大量内存。 这对于手机和平板电脑等小型设备来说可能具有挑战性。 可以将参数乘以所选的精度大小以…