人人都是产品经理 09-06
产品经理需要有审美能力懂UI吗?
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_keji1.html

 

对产品来说,不需要自己动手做设计,不需要自己动手写代码,是不是意味着自己不需要懂设计不需要懂编程呢?而编程的问题讨论太多,我们来讨论下,产品是否需要懂 UI 呢?

产品经理需要有审美能力懂 UI 吗?这是一个极度具有争议的话题,无论是知乎还是人人都是产品经理网站上,都有很多相关的讨论。

有些人将审美和 UI 能力归纳到产品经理技能树的可选能力和非核心技能,这种理念我不做过多的评价。但我认为审美和 UI 能力对产品经理是比较重要的,要懂。

先来个案例辅助说明。

客户某笔订单内有很多样商品,在订单详情页里面可以点击展开并查看这些商品明细数据。如下左图和原版的 UI 图,右侧是优化后的原型图。

相信大部分审美正常的客户都应该会觉得新版 UI 看着更清晰、清爽一些,用户体验更好一些。

产品经理最开始做商品清单页面时,可能就没认真想过页面上的字段怎么分组怎么排列显示,或者根本就没有规划这个页面。

可能是没想到,也可能是想到了但认为不重要所以根本没有花心思。比起商品清单页面,首页或者购物车或者订单确认页面用的人更多,更值得花时间。

负责的 UI 设计师在拿到原型输出设计稿时,可能会跟产品经理沟通要不要做成上图右边这种,不负责任躺平的设计师基本就是你给啥他画啥,根本不会多加思考。开发人员在做的时候也不会考虑那么多,更不会去 battle,毕竟他俩是 " 天敌 " 的嘛。

产品的战略层、范围层固然重要,但框架层和表现层同样重要,甚至更重要。

产品的表现层是用户最快、最直接感受到的地方,良好的视觉体验能让用户产生愉悦感,精巧的细节设计能够给用户留下深刻的印象。

很多产品经理经常谈论《用户体验要素》这本书,谈论产品的战略层、范围层、结构层、框架层和表现层,但却并没有沉下心思去做好最最基本的表现层,开篇那张图就是鲜活的案例。

用户体验要素》这本书真的是超级经典的书,虽然出版 10 多年了,但常读常新,建议产品经理案头必备。产品经理不但要读,还要把理论跟实践相结合。

新手产品经理则建议从最简单的表现层开始做起,然后一路往上做到战略层。而做好产品表现层的关键点就是把产品的表现做好,把产品做出美感。而要把产品做的具备美感,就要求产品经理具备一定的审美能力。

那么问题又来了,产品经理要如何提高审美能力?

无论是 PC 端产品还是移动端产品,其实都是有一些设计规范的,遵循这个规范无法保证产品美感十足,但确可以保证产品不会丑到哪里去。

但这些规范和指南更多面向 UI 设计师,有没有面向产品经理的一些规范或者原则呢?

答案是有的。《写给大家看的设计书》里面提到的亲密性、对齐、重复和对比4 条原则就特别简单且好用。无论是产品还是运营人员,无论是互联网从业者还是传统行业人士,都可以用到书里面的这 4 条原则。

因为职场人都会遇到:邮件撰写、名片设计、PPT 制作、方案撰写、简历打磨这些事项。

一、亲密性

回到开头的案例,每个商品明细行里面,数量和价格具有良好的亲密性 ( 而且还有内在的逻辑关系,总价 = 数量 * 单价 ) ,所以将他们放在一组。仓库和发货状态更亲密,所以放在一起。

二、对齐

以我们常见的电商产品举例,你仔细观察他们的订单确认页面,是不是能发现金额部分都是靠右对齐的?这除了页面更美观之外,也能让用户更好更快地的 " 读数 "。

三、重复

作者提到:重复元素包含粗体字、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等,读者能看到的任何方面都可以作为重复元素。

上面的内容可能有些抽象,读者可以把重复看为 " 一致性 ",当一个页面中存在多个模块时,由于某些元素的重复才使得这些模块看起来属于同一类东西。

如上图所示,3 个卡片的空间关系,相对位置、字体大小、页面布局以及进度条的高度宽度都保持了一致性。

四、对比

以公众号的内容编辑器为例,这个页面底部有 3 个操作按钮,但 " 保存为草稿 " 比另外 2 个按钮的底色更深,这也是为了加强对比,突出 / 强化关键按钮 " 保存为草稿 "。

你细心观察周围的产品,无论是互联网产品设计,还是线下实物产品、广告海报以及门头的设计,都是契合以上 4 个原则的。

以上只是一些基本功,但如果你掌握了这些 UI 设计和审美的基本原则之后,便可对你的产品设计以及日常生活和工作产生重要的积极的影响。

但如果你想要进阶学习更多的内容,则需要在日常生活中不断地去观察和积累,比如看下那些优秀产品和游戏的审核、UI 和 UE 等。

审美能力是厚积而薄发的,无法急功近利,心态不好反而会适得其反。切忌不能功利地看待这件事情,而要将它视为自我修养的提升。

最后,再举一个例子,这个例子是大多数人都听过或者亲历过的。

很多产品经理或者设计师,一定遇到过老板或者甲方跟你说 " 字要大 " 这三个字。作为一个追求美的产品经理或者设计师,看到这三个字是什么感觉。那为什么一直以来,甲方 " 字要大 " 与乙方设计师的审美之间,这个矛盾永远不可调和?

得到 APP 的设计师给出了比较好的解决方案,有兴趣的可以搜索 " 得到 字要大 " 查看详情。

审美和 UI 能力是产品经理的基本功,TA 和用户研究、需求分析、数据分析、交互设计、信息架构、编程能力和运营能力等一起,将会伴随产品经理的整个职业生涯。

作者:詹老师,公众号:詹老师

本文由 @詹老师 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

宙世代

宙世代

ZAKER旗下Web3.0元宇宙平台

逗玩.AI

逗玩.AI

ZAKER旗下AI智能创作平台

相关文章
评论
没有更多评论了
取消

登录后才可以发布评论哦

打开小程序可以发布评论哦

12 我来说两句…
打开 ZAKER 参与讨论