在小公司,经常会遇到的情况就是:人力资源短缺,用户数据不足,时间紧迫等。这种现实情况下,很多方法论设计师根本没有时间去一一实施,但是我们依然要去解决问题,依然要去面对产品的改版升级,具体应该怎么做?这篇文章就站在设计师的角度聊聊,当我们在小公司的情况下,产品升级迭代应该怎么做,以及其中遇到的问题和思考,希望对你有用。

在小公司,如何进行产品改版升级?

在小公司,如何进行产品改版升级?

2. 用户体验不好,不好在哪里?用户操作没有反馈部分功能用户操作路径繁冗页面内容多,重点不突出3. 用户难上手,为什么会很难上手?功能设计复杂设计体验不好缺少新手引导在小公司,如何进行产品改版升级?

1. 分析竞品,取其精华,确定产品功能逻辑选择竞品,可以选择行业排名前列产品,或者垂直领域做的好的产品。多人(产品,UI,市场)根据功能模块体验竞品梳理竞品优缺点开会共同讨论优缺点,对于优点是否适合我们产品,我们需要有嘛;对于缺点,我们产品是不是也有,如何改进。工具:使用蜘蛛表格,整理需要改版的功能点,并根据优先级排序,确定本次改版的范围。2. 根据流行趋势和产品定位,重新定义产品风格,并输出视觉规范

在小公司,如何进行产品改版升级?

(1)风格确定:年轻,简单

由于产品面向的用户群体年龄段分布范围是中青年和中年。所以希望整个产品呈现出年轻化的感觉,结合现在的流行趋势增加了插画的元素,提升产品的年轻感。

插画主要用于空状态、网络异常、链接无法打开,视图无法查看等页面,我们希望通过情感化的插画设计不仅帮助引导用户更容易的使用产品而且能够在特殊情况下缓解用户的负面情绪。

B端产品多数属于内容较多,功能复杂的产品。所以为了提升产品功能的操作体验,我们希望以更简单直接的方式面向用户,让用户专注于产品功能本身,解决用户需求。

在小公司,如何进行产品改版升级?

(2)色彩规范

色彩不仅是品牌的第一外化特征,在用户界面中,也承担了一部分信息的功能属性。所以本次改版的主色依旧沿用产品本身的品牌色。

辅助色根据主色调整。建立产品的色彩库,并标注使用位置。辅助色的选择可以切换到HSB模式调整H数值,根据实际效果对S和B稍做调整。

灰度色。主要是文字颜色。

在小公司,如何进行产品改版升级?

(3)文字规范

一级标题,二级标题,正文,次要、辅助文字、提示文字、不可点击、悬浮等文字颜色(反白):一级标题、正文、次要

在小公司,如何进行产品改版升级?

(4)布局

在布局框架的选择上,功能内容决定形式。我们采用卡片样式,板块分割清晰,可灵活定制。专注内容体验。

在小公司,如何进行产品改版升级?

(5)加载效果

根据功能和场景设计体验友好的加载样式。例如,在新建应用-推荐应用处可选择占位加载,不影响页面整体的效果。

在小公司,如何进行产品改版升级?

3. 根据原型图出设计稿

(1)用户进入产品第一屏看到的就是首页,所以可以先出首页和一些重要的功能页面,和老板确认整个产品的风格。

(2)根据原型图出设计稿的时候,先要自己清晰整个功能点的交互逻辑, 再去思考用户实际的操作路径是否合适,有没有遗漏。

例如,如果老板经常需要查看销售报表,实际操作路径需要经过4步,并且每次查看都需要重复这些步骤。改版后,利用【自定义首页】功能可将报表视图放在首页,打开工作表就可以看到随时查看销售报表。

在小公司,如何进行产品改版升级?

(3)页面要凸出内容重点,内容层级要区分清晰

例如,app表格视图。改版前内容层级不清晰,改版后,将一些不常用的功能隐藏,页面设计做了调整,可以清晰看出视觉优先级:数据表-工作表列表-添加数据按钮-其他

在小公司,如何进行产品改版升级?

在小公司,如何进行产品改版升级?

(4)考虑空状态页面

空状态页面时的情感化设计。

在小公司,如何进行产品改版升级?

4. 建立Icon库采用圆角,体现亲切感。去除细节,强化功能性。通过网格规范绘制,保障图形简单统一可识别。Icon上传到Iconfont上,命名要保证统一可识别,可以和开发商量。我的规则:类别_名称_填充/线性,仅供参考工具:Iconfont,zepline

在小公司,如何进行产品改版升级?

5. 创建组件库

组件不仅可以让界面更加统一,还可以让我们在做设计的时候跳出当前页面去看全局,思考每一个组件是否在后续界面依然可以用到。

例如,仪表板的【视图组件】,产品的自定义首页的功能和仪表板类似,但是没有添加文本和图片的功能,仪表板是有的,第一次就没有考虑全局,而简单的统一了两者的组件,结果就出现,视图组件无法完美的适配文本和图片,会出现在文本和图片上面功能性icon显示不清等情况。后期做了调整,把仪表板中的文本和图片做了新的组件。

具体到方案设计阶段,需要平衡的因素有很多,准确率、效率、可用性、美观度、一致性等,要考虑很多极端场景下的展示效果是否会有问题,制定相应的处理规则等。面对不同的场景,我们更要做到有全局观,考虑全面,灵活定制不同的方案。

在小公司,如何进行产品改版升级?

整理组件目录,根据目录去建立组件库。组件复用,不仅提高了设计生产力,也会提升页面的一致性。将设计稿和组件上传到Zeplin中,页面上的组件会显示出来,方便和开发协作。组件库的创建过程可以参考上一篇文章。工具:zeplin6. 和产品以及开发确认设计稿开会确认设计稿效果是否可以,以及开发实现时要注意的点。根据现实情况,开会确认设计稿可以按照模块化去确认,当一个模块的设计完成后,开一个小会,碰一次。这也要求设计师对于整个产品的要有整体性的把控,由于是阶段性的,所以对于一些细节的更改时,要去从全局考虑,否则会出现,样式不统一,或者是交互不统一的情况。7. 交付设计稿,备注信息

将设计稿上传到Zeplin,备注上详细信息:包括页面上一些hover效果,长度限制,不同分辨率怎么显示等一些规则。

8. 检查设计稿还原度根据功能模块去测试开发实现的效果和设计稿中有区别的地方,报bug。对于设计中遗漏的小点,进行整理设计,重新交付开发。

设计走查很重要,身为设计师我们要对产品负责,要对使用我们产品的用户负责,测试版本实现之后,设计师一定要去实际体验产品,检查产品还原问题,及时和开发测试去沟通。

最后

本次改版已经接近尾声,产品快要上线了。但是产品的设计升级并不会就此结束,我们始终坚持以打造最优用户体验为目标,关注用户反馈,解决并发现用户需求,专注行业的精细化设计。

本文由 @小太阳不爱吃辣椒 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash, 基于CC0协议




阻力设计在产品中的应用

阻力设计在产品中的应用

阻力是指物体在流体中相对运动所产生与运动方向相反的力,不仅在自然间中常见,在互联网中也广泛存在。本文作者从五个角度,深入分析阻力设计在产品中的应用,希望对你...

2020-06-18
如何成为一个合格的数据架构师?

如何成为一个合格的数据架构师?

数据架构师在互联网行业中是个很重要的职位,是企业数据资产最重要的“奠基者”。那么,如何成为一个合格的数据架构师呢?本文作者基于自身经历,从三个方面展开介绍,推...

2020-06-18
倒推“抖音短视频”APP产品需求文档

倒推“抖音短视频”APP产品需求文档

文章是倒推“抖音短视频”APP产品需求文档,但由于作者是第一次写需求文档,所以仅对核心需求进行了需求分析与说明。一起来看看~ 目录: 一、文档综述 1.1文档属性 1.2产...

2020-06-18
微信“拍一拍”,真的是一个没什么用的功能吗?

微信“拍一拍”,真的是一个没什么用的功能吗?

昨天微信上线了“拍一拍”功能,用户点击2次头像,会产生头像抖动,震动反馈,且在聊天框中显示“XX拍了拍XX”。 这个功能推出后,很多微信群都在疯狂拍一拍,引起了一波拍...

2020-06-18
数据大屏设计师,我不信你没有这些困惑(上)

数据大屏设计师,我不信你没有这些困惑(上)

从事互联网行业的人,每天都在接收新知识,时常也会有迷惑的时候,尤其是数据大屏这样比较少有人踏足的领域。本文作者以自身经历出发,对数据大屏设计提出了自己的一点...

2020-06-18
客户关系管理的15个模型总结(下)

客户关系管理的15个模型总结(下)

对于ToB产品,仅仅基于用户需求来设计产品架构是远远不够的。B端产品服务的是有着几年,甚至几十年管理积淀的企业,必须依靠一定的理论知识来支撑系统的设计规划。本文...

2020-06-18
B端产品设计:价值主张与需求对应的价值

B端产品设计:价值主张与需求对应的价值

B端产品的需求来源于场景,产品经理通过满足客户需求从而产生价值。因此,SaaS产品经理面对扑面而来的需求时,应当更清晰理解并评判需求的价值。 01 2008年,著名商业...

2020-06-18
以知乎为例,探讨未来产品设计的几大变化

以知乎为例,探讨未来产品设计的几大变化

知乎作为一个典型的问答社区,它本身反映了内容社区产品的很多典型问题。本文以知乎为例,探讨社区类产品未来发展的一些变化,对内容社区感兴趣的童鞋不要错过。 前段...

2020-06-18
如何用产品思维打造线上课程?

如何用产品思维打造线上课程?

如何用产品思维来给自己打造一个线上课程呢?本文从市场调研、课程开发、运营推广、成交这几个方面分享如何打造自己的课程,希望对大家有所帮助~ “地摊经济”重出江湖,...

2020-06-18
「武侠连载」营销中心设计——优惠券

「武侠连载」营销中心设计——优惠券

优惠券是常见的一种营销推广的方式,但是你真的了解它吗?本文作者以武侠故事的形式,对优惠券展开了生动的分析,对优惠券感兴趣的童鞋不要错过哦。 (武侠情节接上文“...

2020-06-18
金融支付财务融合业务-实践分享1:订单、账单、交易流水、账套知识解构、原理解析

金融支付财务融合业务-实践分享1:订单、账单、交易流水、账套知识解构、原理解析

本文作者从实际工作实践出发,结合案例等分享了电商金融支付财务融合中的基本概念和相关原理解析,包括:订单、账单、交易流水和账知识解构,供大家一同参考和学习。 ...

2020-06-18
关于卡片设计的分析与思考

关于卡片设计的分析与思考

卡片是APP常见的设计形式,它既有好处也有弊端,因此需要根据场景和内容确定展现形式。本文从四个方面对卡片设计展开分析,推荐给对卡片设计感兴趣的童鞋阅读。 卡片是...

2020-06-17
内容型产品中,付费会员功能如何设计?

内容型产品中,付费会员功能如何设计?

付费会员制度让用户预付会员费,将钱留在平台,那么未来一定会有消费行为,那么会员制度要如何设计,才能激励用户付费呢? 01 为什么要做付费会员? 讨论这个问题之前...

2020-06-16
文字社区是否可以拥有弹幕?

文字社区是否可以拥有弹幕?

从社区产品的角度来思考,弹幕功能对于内容生产方,内容消费方以及平台方而言各自有什么意义?图文内容社区是否有机会拥有弹幕呢?如果可以发弹幕,用怎样的形式呢?本...

2020-06-16
FMS财务系统收支结算总结

FMS财务系统收支结算总结

本文按照FMS收支结算划分,结算流程分类及各系统交互,财务系统内部结算基础能力,收支结算整体结构的顺序来依次介绍,总结财务系统收支结算的结构,和一些作者的个人思...

2020-06-16
如何迅速提升用户好评?试试这三种方法

如何迅速提升用户好评?试试这三种方法

小编推荐:如何提高一个产品的用户评分,改变大家对这个产品的印象呢?本文作者给大家介绍了三个概念:用户体验地图、峰终定律和服务蓝图,并详细解释了该如何使用这三...

2020-06-16
对工具型产品易学习与易使用的思考

对工具型产品易学习与易使用的思考

小编推荐:易学习是指怎么让新用户的学习成本降低,能够很快地掌握产品的使用,它的前提是足够简单和容易理解。而易使用是指,如何让用户快速、高效地完成一项任务,达...

2020-06-16
比对象还懂你!推荐算法为啥这么准?

比对象还懂你!推荐算法为啥这么准?

信息过度和广告过多的社会中,推荐算法的使用也就显得理所当然,但是它是如何做到了解用户的呢?本文从用户画像的定义和设计出发,结合实际案例,深入浅出地阐述了基于...

2020-06-15
B端平台产品需要培养的4种意识

B端平台产品需要培养的4种意识

对于许多刚入行不久的产品经理来说,B端平台产品是比较有难度的一项工作。本文作者基于自己的工作经历,提出了四点关于B端平台产品需要培养的4种意识,希望对你有帮助。...

2020-06-15
广告系列:保留价

广告系列:保留价

在一次拍卖中如果所有买家的报价均小于卖家的估价时,则拍卖品不出售由卖家保留,此时卖家的估价就是保留价,也叫底价,全称市场保留价。对于卖家来说,保留价的设置保...

2020-06-15