产品 功能 画布 整个产品的生命周期,竞品分析都一直相伴,早在《孙子兵法.谋攻》就有,“知己知彼,百战不殆;不知彼而知己,一胜负;不知彼不知己,每战必败。” 竞品分析已是我们产品设计的一项必备技能,但在竞品分析时,也常陷入各种误区:流于表面,缺乏深度和广度,结论无参考价值过于主观,只收集对自己有利的信息乱套模板,交作业平时没有跟踪记录,要做分析了无从下手分析方法太多,不知道用哪个如何总结提炼出最有效的关键信息、为后续的业务决策/设计工作带来较大参考价值,仍然值得我们不断去思考。竞品分析流程1. 明确目标2. 选择竞品3. 确定分析维度4. 收集资料5. 信息整理分析6. 总结报告8 种常用的竞品分析方法结合工作经验,我总结了 8 种常用的方法,根据适用场景我们一起用起来吧~1. 评分比较法难度指数:适用场景:用户体验设计评估、$APPEALE 要素评估是用评分的方式对竞品做出评价,以找出自身产品的优势和劣势。这种方法通常给出 1~5 分的区间,根据产品中的某一个方面或某个点的表现情况进行评估~注意事项:1)最好请多个目标用户评分,并加权平均,避免带入个人偏见2)使用评分比较法时要给出参考标准,例如尼尔森十大可用性原则、android 和 ios 两大移动平台的设计原则等用超多案例,帮你掌握尼尔森十大可用性原则尼尔森设计原则是人机交互学博士 Jakob Nielsen 于 1995 年发表的“十大可用性原则”。阅读文章 > 2. YSE/NO 法难度指数:适用场景:横向比较产品功能、特性等通过对比产品与竞品的功能,可以全方位了解竞品的功能分布,为自己产品的功能规范做参考。通过与竞品的功能一一对比,有的话就在表格上对应位置打勾,不存在就空着或打叉,符号可自定义。注意事项:1)产品功能比较复杂的,还要拆解成 2 级功能/3 级功能/4 级功能…2)功能多不一定是优势,甚至,大而全可能是劣势3)“竞品有的功能我也要有”这一点需要根据具体情况而定,你的用户不一定喜欢3. 矩阵分析法难度指数:适用场景:了解产品定位、竞争优势、市场机会以四维矩阵的方式分析自己的产品与竞品的定位、特色或优势,从而明确自己产品的竞争优势;也可以帮助我们判断现有的产品是否需要重新定位,并帮助我们重新找到合理的定位。也可以梳理清楚市场中存在的空白点。这种方法需要确定 2 个关键竞争要素,分别来做为 XY 轴,根据竞品在关键竞争要素的表现而放到对应的位置,从而思考自己产品的定位。注意事项:1)矩阵是一个模型,帮助我们抓重点、把握关键,也意味着会舍弃一些次要因素2)矩阵空白区代表竞争相对较弱,但也需要看你的用户是否需要或感兴趣4. 功能拆解法难度指数:适用场景:深入全面地了解竞品功能、预估开发成本周期、探索新需求功能拆解可以按菜单导航拆解、按使用流程拆解、按交互操作拆解、看版本更新记录拆解。注意事项:1)功能拆解时要拆解充分,不要遗漏,特别是一些隐藏操作的功能,如长按、拖动等2)可以通过穷举法检查拆解结果5. 竞品画布难度指数:适用场景:低成本快速验证竞品分析思路、新手快速上手竞品画布是一个简易的模板,通过一页纸的内容覆盖做竞品分析的 6 个步骤,引导分析者更规范的做竞品分析。注意事项:1)分析的目标要明确2)选择竞品时先发散再收敛,最后聚焦到 3 个左右的竞品做重点分析3)分析维度取决于目标,并写出选择该维度的理由6. 精益画布难度指数:适用场景:产品商业模式规划、商业模式分析精益画布出自于《精益创业实战》一书,更侧重于产品层面的商业模式。通过精益画布可以帮助产品经理更全面的思考、决策,从系统、商业的角度来规划产品、分析产品,建立产品的全局观。注意事项:1)按 1~9 的顺序填写会更有逻辑2)填写时需要关注多边用户的不同需求3)不要把假设当真,精益画布上填写的内容都是你的假设,未经过市场验证7. PEST 分析法难度指数:适用场景:预测市场、宏观环境分析PEST 分析法是对宏观环境进行分析,以便找到机会,认清威胁与挑战。所谓 PEST,P 是政治(Polotics),E 是经济(Economy), S 是社会(Society),T 是技术(Technology)。这种方法就是将这 4 个元素分别写在 4 个格子中,并罗列出这 4 个元素相关联的与产品有关的环境因素,最后投票选出 3~5 个点子作为 PEST 分析的结果。注意事项:1)除了 PEST 的分析框架,还有其他宏观环境的分析框架,如 PESTLE(增加了法律、环境)、DEPEST(增加了人口统计学、生态学)。可根据产品特性来选择最合适的2)宏观环境随时都会发生变化,PEST 的分析也要及时更新8. SWOT 分析法难度指数:适用场景:企业战略分析、竞争对手分析SWOT 分析法是将对企业内外部条件各方面内容进行综合和概括,进而分析它的优劣势、面临的机会和威胁。通过 SWOT 分析,可以帮助企业把资源和行动聚集在自己的强项和有最多机会的地方;并让企业的战略变得明朗。这种方法先分析产品相对于竞品的优势(S)、劣势(W),再分析产品面临的外部机会(O)与威胁(T),将外部机会和威胁与产品内部的优势劣势进行匹配,形成竞争策略与行动计划的方案。注意事项:1)优势与劣势是内部因素,机会与威胁是外部因素2)优势与劣势一定是跟竞品比较后得出的,必须客观3)所列出的要素要与此次分析的目标相关,每种要素的数量最好控制在 5 个以内温馨小贴士1. 有明确的目标有明确目标是竞品分析的基础,关系到后面整个流程到分析方向的正确,不会跑偏。竞品分析做的好不好,主要就是取决于能不能达到竞品分析的目标,解决了该问题。在制定目标到时候,还不宜把目标设定的过大,导致支线过多,时间过长,结论过散,不便后期的策略制定。2. 长期观察记录任何竞品分析都不可能是静态的/一次性的,整个市场在变动,产品在不停的迭代发展,你的分析也应该⻓期保持更新。推荐 2 个小方法动态跟踪:团队组织每周/月对竞品的改变进行记录,并与团队进行共晒,随时了解竞品的变化。版本库:对竞品的每个大版本变化进行截图保存,整理成文档,找到竞品各版本的发展规律,从而推测竞品下一步的行动计划和策略。3. 新产品的分析要全面无论你是新接手一个产品,还是做一个全新的产品,都建议你可以对其竞品做一个全面的分析,这样可以让你无论是从公司战略层面、用户需求还是产品结构、用户体验上都不会有大的偏颇,能提出合适的解决方案。分析的内容大致有:1. 商业背景(公司背景、融资、公司信息、盈利模式、产品数据…)2. 用户路径(主流程)3. 产品分析(核心路径、核心功能、设计细节…)4. 视觉分析(形、色、字、质、构、设计亮点)5. 用户评价最后,分享迈克尔·波特的一句话 “如果你所做的一切都与你的竞争对手本质上是一样的,那么你就不太可能成功。”参考文献:《有效竞品分析》–张在旺竞品分析别乱套模板!我总结了这4个关键点竞品分析,成本低又容易实施,可能是大家日常工作中最常见的调研分析方法了。阅读文章 > 欢迎关注「58UXD」的微信公众号:本篇来源:优设网原文地址:https://www.uisdc.com/competitive-analysis-guide
图层 对称 画布 Hello,大家好,我是手绘班的讲师阿森(微博@Asen-阿森)距离上一次给大家分享 PS 板绘小技巧竟然已经过去快两年了!还没有看过的小伙伴可以戳链接阅读:1.《绘画熬出黑眼圈?7 个小技巧,提升画画效率嗖嗖嗖!》2.《实用有奇效!7 个相见恨晚的 PS 板绘技巧,画画效率提升 80%!》3.《衣服褶皱怎么画?4 个手绘初学者必看的衣褶通用公式!》4.《国风插画入门秘籍!中国日报、故宫品牌都在用(附国风笔刷+金箔)》5.《头发绘画技巧!直发马尾大波浪、板寸卷发飞机头,4 大口诀画出 99%发型》6.《新手向—树的画法教程!3 大要点教你画树、树叶以及树桩》今天这篇文章@Asen-阿森再给大家介绍一些你可能不知道的板绘热知识!这些小技巧都是 PS 和 Procreate 非常基础的工具操作,保证新手朋友们一看就会,提升效率!如果恰好你全部都知道,欢迎大家在评论里把自己画画的骚操作贡献出来一起学习~*写在前面,阿森的吃饭工具版本分别是 PS CC2018 和 ipad 2018+pencil 一代。*写在前面,文中涉及到的快捷键,请 mac 同学自动将 ctrl 替换成 command.alt 替换成 option。PS 工具篇1. PS 的对称不会吧不会吧!还有人不知道 PS 也有对称功能吗?当你在画国风插画中的建筑时、当你在捏正面的人脸时,打开对称,事半功倍。打开对称线之后,我只需要画一半线稿,另一半也同步画完。如果你的画笔工具栏没有对称,请「ctrl+k」调出「首选项-技术预览-启用绘画对称」,就可以在使用画笔工具的时候选择对称工具啦!还有点击变换对称,可以右键之后利用变形、斜切等操作来调整对称线。注意:对称工具只对画笔有效哦,钢笔、套索等工具都是没办法用对称功能。2. 油漆桶填充颜色时去白边我们都知道,用油漆桶填充时很容易留白边,还需要手动涂一下,比较麻烦。效果图:仍有白边那么在填充的时候可以勾选「所有图层」并调整「容差」参数,就可以解决这个问题。注意:容差参数太大,会填充整个画布。效果图:去掉白边当然放大的时候其实还有一点点小白边的感觉,如果强迫症患者依旧觉得不舒服,可以利用魔棒选中中间需要填充的部分,然后找到到「菜单栏-选择-修改-扩展-x 像素-alt+delete(填充前景色)」,保证一点白边都不留。3. 让图案融合到衣褶上更自然有时候画衣服上的复杂图案会很麻烦,在网上找了一些 png 素材直接贴上去效果又不自然,那么就需要用到 PS 里的扭曲来解决啦!这里我直接拿照片素材来示范:注意:这种方法适合薄涂或厚涂、明暗对比强或体积感强的风格,不太适合扁平的风格哦。4. 快速做水波纹这里的水波纹只针对于画面精度要求不高的作品,能快速达到一个平静水面上水波的感觉。顺着上面置换的思路,我们可以再来试一试水波纹。这里我直接在网上找了 2 个不同的素材作为置换的 PSD 文件,效果是不一样的。想要更细致一点的话,可以再用「液化」推一推波纹,或者笔刷再画一画更自然。Procreate 工具篇1. 手势操作里的实用操作(1)快速选择图层图层很多的情况下,想快速找到某一个图层,可以把手势控制里的触摸或者触摸并按住打开。这里以勾选触摸的操作为例:(2)防误触:勾选「禁止触摸操作」。这里只是防止手不小心碰到画布留下笔触,不影响手势操作。2. 移动位置时要注意当把画面中的元素移到画布外的时候,会被自动裁掉!这个小点一定要注意。比如下面刚画好的小白鸽,一不小心移动到外面,拉回来的时候,就被自动裁掉了一部分。3. 复制图层到另一个画布中选好图层后选择「操作-添加-拷贝」,然后打开新画布,粘贴就可以。直接用手势拖拽过去也很方便。4. 编辑形状的用法「编辑形状」就是将我们手画的不规则形变成规则的形状。在画完形状之后,笔尖不要离开屏幕等待几秒,会自动创建规则形状。以直线为例:创建好之后可以随意调整角度;另一只手单指触碰屏幕会以 15 度为间隔旋转角度。以三角形为例:画完之后,单指触碰屏幕会将三角形变成正三角形,圆形、方形同理。还可以在顶部的下拉菜单中选择不同形状并调整锚点;画一条直线时有弧线的选项,可以调弧度。形状工具还可以画虚线,需要先画一条小短线,停顿之后继续画,就会出现虚线。当然我个人还是觉得直接在画笔工作室里调整间距更方便一点。5. 单独看某个图层长按图层的对号,可以单独看某一图层,隐藏其他图层,反之一样。注意:PS 中这个功能需要鼠标按住图层小眼睛的同时,按快捷键 alt6. 插入私人照片在「操作-添加-插入照片」里,单指左滑会出现插入私人照片,即可以直接放在画布上做参考。录制缩时视频后,回放的时候并不会显示出来。还有一种方式是把照片放在旁边参考,在「操作-画布-勾选参考」,这里既可以看整个画布的小图,也可以单独导入照片。歪理:这样即使描图了也不会被发现?哒咩!7. 快速选择当前的橡皮擦/笔刷有些笔刷自带肌理,想用相同的橡皮擦时可能需要重新选,这里直接长按橡皮图标就会「使用当前画笔抹掉」直接擦,当然切换画笔工具、涂抹工具方法一致,提高效率~8. 从照片新建色卡看到一些好看照片想要提取色卡,一个个吸色点击很麻烦。可以直接从调色板里添加照片直接建立色卡,非常方便。9. 图层的参考功能大家都知道 procreate 的颜色可以直接拖拽到闭合的图形里快速填色,但这只是针对同一图层的操作,不方便后面修改。这个时候就可以点开图层的「参考」,然后新建图层进行填色,依旧会按照线稿层的闭合区域填色,还可以建立多个图层哦,非常方便。文章到此就结束啦!如果你想系统学手绘,却依旧处于低效率、东画西画的状态,这里推荐一下我们正在讲课的「优设手绘就业衔接班」,即将在 4 月 8 日开课(添加咨询师的薇信:uisdc2,询问更多手绘衔接班的详情,立马进阶成为一名小小插画师。)给 iPad 手绘新手的 10 个有用的小贴士大家好,我是插画师 @Lady不慌。阅读文章 > 7 个常用手绘技巧!每个都能让效率翻倍!Hello~大家好,我们是优设手绘就业衔接班的讲师橙子和阿森今天我们俩来分享一些画画小技巧,看起来好像挺简单,但是学会就能节约大把时间哦!阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/13-painted-techniques
图层 英文 画布 最终效果1、首先,根据自己的喜好设计画布大小,我的仅供参考。将画布颜色改为黑色,方便观察效果,而且会很好看。2、输入想设计的文字。我这里以英文“photoshop”设计,设置文字大小、间距、以及文字类型等。3、将文字复制两次,为后面做准备。4、隐藏“ps拷贝1”和“ps拷贝2”图层。双击“ps”图层,出现图层样式,将“R”勾去掉,其余保存不变 ,“ps”图层英文变成蓝色。5、隐藏“ps”和“ps拷贝2”图层。双击“ps拷贝1”图层,将“G/B”勾去掉,其余保存不变 ,“ps拷贝1”图层英文变为红色。6、隐藏“ps”和“ps拷贝1”图层。双击“ps拷贝2”图层,将“R/B”勾去掉,其余保存不变,“ps拷贝2”图层英文变为绿色。7、将所有图层前的眼睛打开,通过调整三层图层相对位置,呈现出如图的效果。8、按住“shift”,单击三个文字图层,如图。然后,松开按键单击如图中的文件标志,从而将三个图层打成一个组。9、点击打成组的“组一”,单击鼠标右键,选择“合并组”。10、点击工具栏中的矩形选框工具(如图)。在英文上选取需要出现“故障效果”的部分,选取好以后,选择“移动工具”,将选取的部分进行移动,不断重复该操作。11、“故障效果”感觉合适后,进行设置“定义画笔预设”。 隐藏“组一”和“背景”,选择矩形工具,画出矩形,选择菜单栏的“编辑”选项,选择其中的“定义画笔预设”出现如图的命名框,命名为“fangkuai”,确定。12、点击“画笔工具”,找到定义的画笔“fangkuai”,并新建画布。13、选择不同的“前景色”,在画布上点缀出小方块,以此增加美感。最终效果