设计思维

交互设计的价值是什么?

seo达人

一、情感升华先谈谈交互在做什么?

借用一句传统设计行业的经典语录,一个好的产品一定是“有用的、好用的、用过还想用的”,有用的主要由产品经理把控,而好用、用过是否还想用就是交互设计的职责和价值了。工作内容,交互大概可以总结为下面这几点:

1、是针对行为的设计,让原本的物理逻辑向用户行为逻辑转化;

2、平衡业务价值和用户价值,脑海中永远不要忘记“用户价值”这几个字;

3、以目标为导向,保证产品贴合用户心智,用户能更好的理解、使用产品,并获得愉悦的使用体验;

4、是通过功能架构向信息架构的重组,提升产品框架的扩展性、稳定性等,交互更多的考虑到在不同场景下对可用性的要求,让产品能长久持续的使用下去;

5、是对使用流程设计;

6、数据分析和用户研究相关的工作,这两者是交互展开工作的基础支撑。

交互的价值是长期的和可持续的,没有交互,短期内看似不会出现问题,长期来看,对用户留存、用户满意度等会有重大影响,市场环境不同于垄断环境,功能堆砌过多后甚至都无法再动摇产品“难用”这个印象,但凡有类似竞品,放弃产品可能性较大。

 

 

二、交互设计的产出物特点——交互稿与产品原型稿有什么差别

这可能很多人关心、疑惑的问题了,本质上这个也是交互稿专业度的问题。产品经理也可以去画原型图,那问题在哪儿?下面会尝试阐述几点重要差别。当然并不排除极少数优秀、能力全面的产品能内外兼修。

1、从内到外的逻辑思维差异

行为逻辑是交互设计师思考的出发点,也是交互设计方式能否取得创新的关键点。物理逻辑或者业务逻辑是产品经理更关注的要点,交互设计需要具备丰富的同理心,产品功能不同、用户不同、场景不同都会影响到用户使用时的感受和操作行为。简单来说,交互设计师更多的站在用户角度去思考原型的价值,是否容易被理解、好用甚至转化,而产品的角度不可避免的会更多考虑业务、技术实现等方面,一个人做到面面俱到,是极其难且思维是很容易固化的,长期形成的思维差异会直接在原型图中表现,最终影响到产品可用性。

以QQ音乐几年前的版本(2017)和现版本(2021)为例,左侧过往版本在首页的信息组织形式上主要以分类的方式,而右侧现版本中信息的组织形式中首页的分类方式已经很弱了,基本倾向于按用户行为、需求去组织,比如根据用户过往听过的歌曲去推荐歌曲、歌单,每日30曲更是研究了用户每日习惯、耐心做的信息整合,30首怎么得来的?根据什么样的歌曲去推荐?这些都是行为研究的范畴,需要对用户深度了解后方有最好的解决方案。

图片

 

2.、设计规范的积累与创新

设计范式是交互设计师基本功的体现,包含设计规范和模块范式两个方面。设计规范是设计范式中的基础,对规范的理解和创新也是衡量专业度最基础的方面,这对原型稿是否成熟有很大关系,现有的交互规范大多基于iOS、Material design、微软设计规范的基础上优化的,国内比较流行的设计规范还有Ant design等,本文不对此做过多讨论,这里重点谈谈设计范式。

范式,指用户在长期对于互联网产品使用过程中产生的用户心智,比如用户对设置模块的预期、对个人信息模块的预期等。也可以理解为对于不同产品功能模块的记忆,设计时需要非常熟练的从脑海中调用,这样做的好处是不容易太偏离用户长期积累的心智,熟练应用范式是创新的前提。

比如表格编辑器的设计范式,不管是现在的飞书、谷歌文档、钉钉、石墨等协同办公产品,都在20年前微软office的ribbon设计模式中兜兜转转,尤其是表格编辑器,在长期的使用过程中记类的习惯是很难轻易被改变的,笔者亲身经历过一款表格编辑器产品的迭代,易用性(易操作、易学、易见)中易学性指标评分是最高的,现在想起来也跟行业范式接近不无关系。另外关于一些编辑器右键操作、键盘操作快捷键是否满足了用户需求都是极其重要的。不过办公类产品发展到现在已不再像20年前纯工具类属性了,协同属性必将带来编辑器再一次的创新。

图片

设计范式需要长期的积累,对范式理解不够深入,通常是要么画不出来可用的原型,要么画出来的原型会被问到一个问题——“这个…看起来有点说不出来的奇怪”。在理解了基础范式之后,我们才能做出真正的创新,虽然近两年交互形式越来越稳定,但真正理解了范式之后的创新也能帮助产品快速占领用户心智,形成特定印象,继而占领市场。设计范式并非不可创新,而是在不必要的时候尽量遵循范式能最大限度去降本增效,减少不必要的用户误解或开发成本。

 

3.、多端设计交互方式

如果不是潜心研究过多端设计差异,一般很容易出问题。比如PC端和Mobile端、小程序与App等,在设计方法上都存在巨大差异,我亲眼见过太多的产品原型稿中出现过Mobile的设计方法运用到PC,或者PC应用到了Mobile。

比如基本的差异点有:

  • Mobile的用户行为多为单线任务,而PC是多线任务,比如pc可以多窗口很便捷的切换,用户可以一边聊天一边收邮件;
  • Mobile端用户操作时间更加碎片化,PC操作时间更加系统、专一;
  • PC的界面也远大于Mobile,导致信息结构差异较大;
  • 两者交互事件也存在很大差别,PC可以针对对象进行hover,多上下滚动,少左右滑动(依据鼠标特性)等;
  • 设计控件的规范差异较大。

本文并不详细赘述差异点,总的来说,这些差异点在具体的原型稿设计中会体现的比较明显,这些也是专业性的一个方面。下面将举2个例子来说明:

1.树状结构

树状结构是一个PC端经常应用的控件,适用于层级结构的展示、选择等交互操作,高效而清晰,但其在移动端展示时却不能照搬,由于屏幕、移动端手指交互等限制,在移动端该控件既不高效也不清晰。比如常见的将文件移动到文件夹的操作,桌面端的交互可以用树状结构,而移动端更适合层级结构。

图片

2.面包屑导航

面包屑在桌面端是一个非常普遍的控件,可以有效的承载层级关系展示、快速导航定位的功能,比如不同层级的文件夹展示与导航等。但在移动端,因为屏幕大小、移动端用户操作碎片化等原因,导致用户对面包屑节点的记忆、层级操作上都远不如桌面端,甚至会影响到信息的展示效率,因此移动端在层级关系的展示与切换上通常不会用面包屑,而是左上角返回按钮或系统级别的返回。当然面包屑在移动端也并非一无是处,如果面包屑各节点承载的展示作用具备极强的参考意义,比如这些文件夹节点同时承载着组织关系的显示,则面包屑也还是可以用的。

图片

总结下来:面包屑在移动端尽量别用,但如果其各层级节点同时有极强的参考意义,则可用。

 

4.、方法论的掌握和运用

方法论在交互稿中的体现是比较隐晦的,准确来说,这一点是针对思维差异点的补充,如交互设计十原则、“F型”页面设计理论(近几年有争议)等视觉动线,也包含发现问题的一些方法,比如KANO模型、用户体验地图、卡片分类等方法论的应用,这些对于用户行为维度的研究结果也会支撑着交互稿的科学性,这里不做展开阐述。比如用户体验模型示意图如下,用户体验模型是建立在用户角色模型之上的,前提是需要大量的用户深度访谈资料为基础,用以系统、全面、科学的研究用户行为和探索用户需求。

图片

用户体验地图

除了以上列举出来的,还有一项重要的方法是数据分析,这一点是容易被轻视的,但确是最具备参考价值和衡量工作结果的,交互关注的数据和产品有很多差异,具体一点,比如对于一个项目中,产品更多关注的是衡量功能结果的数据,通常包含使用数据PV/UV、转化率等,而设计师更多关注CTR、停留时长、转化漏斗中跟操作行为相关的数据,行为是交互研究的对象,所以行为数据结果能为具体的方案设计提供衡量指标。

 

5、交互稿中的UI考量

简单来说,就是不能给UI挖坑,没有交互的设计,UI上与产品之间的沟通会非常频繁,也主要会出现以下几个常见问题。

1.信息结构与优先级的落地

信息布局既需要考虑功能的业务优先级,也需要考虑用户行为优先级,同时还需要考虑到UI排版的难度。这中间基本都会有矛盾存在,做好平衡是必备技能。有时候需要逼着产品给出功能优先级,排版是有限的,也有一定审美要求的专业度,交互稿需要为UI规避一些明显的坑,比如最典型的例子——功能都很重要、文案过长等,当产品同学也不确定自己所画功能是否能被用户理解、操作的时候,会喜欢用文案去进行解释,比如button上写10个字这种,交互需要给UI提前做避坑。

2.规范

设计是一个系统,任何需求在画交互稿时都应考虑到对系统的适应或冲击,这就要求交互设计师不仅要非常熟悉设计系统,而且必须是系统的制作人之一,设计系统是一项耗时耗力的工作,前期耐心打磨,后期适应、修改,如此才能把握住用户体验的一致性。

3.边界情况

主要包含用户交互中与前端、服务端的交互,比如操作事件的定义、反馈;加载的形式与技术方案;空状态;弱网、断网等等,这些边界页面的考虑都定义清楚,能有效避免UI的返工。

4.保真度与实现效果

交互稿如果保真度较低,会导致UI在实际设计的时候对交互稿修改较大,导致页面架构、交互注释等返工修改,造成不必要的时间资源浪费,也会对项目进度造成影响。一般来说,成熟的交互稿是比较接近UI稿而又不是UI稿的一种状态,将UI中的坑避免之后,UI设计师需要做的就是更表现层的设计,比如与前端工程师的实现匹配、色彩、栅格、间距、字体字号等等。

 

6、详尽的Use Case考量

Use Case(用例)指功能、交互的定义和详细描述,用例描述的细节程度决定开发时反复沟通的频率,具体包含的细节很多,大到功能流程的设计,小到某个交互事件的定义和枚举;从前端用户与系统的交互事件,到服务端与前端的功能联动等,都涉及到,总之,只要用户看到的、点击/滑动/hover等交互行为涵盖到的,都应该被定义,以期减少开发过程中遇到的问题和沟通成本,这里不做过多阐述。

 

 

三、交互稿背后的价值——交互设计只是画稿子的吗?

显然不是!如果说一个项目交互阶段持续了3天,那绘制交互稿最多能花费1天。

交互是一个横向能力比较高的职业,很多交互设计师也改行去做了产品、用研或者UI,所以多多少少都会具备这几者的一些技能。交互设计师通常会有多重隐藏的技能是必须掌握的。

 

1、项目中坚守用户价值

用户价值在项目中很容易就让步于业务价值、项目排期、技术方案等,交互就是在这中间说“不”的人,润物细无声,在每个项目中尽量减少用户价值的损耗,最后汇聚而成的产品整体体验还是有很大差别的。

 

2、团队中承担用户研究、行为数据的部分工作

—交互在组织架构上,一般是会归属于设计部门的,所以在部门中也承担了一线跟用户和数据接触的人,即便有数据分析师、用研同学的帮助,也需要有主动跟踪这些问题的意识,不然设计出来的交互稿很难不出问题。

 

3、可用性测试等结果追踪

可用性测试在一些稍大的项目中是体验设计环节中的定性维度核验步骤,需要结合用户反馈对方案进行可用、好用测试,并不是指在流程上能跑通的技术测试,而是校验用户对于方案的接受程度、满意程度,也顺便发现一些问题,后续进行优化。

更多的结果追踪形式,比如还有SUS可用性量表(B端产品可用阿里云UES量表等)、用户满意度、NPS跟踪等等,目的在于定量的给用户体验打分,确保用户体验的衡量是有章可循的。

图片

易用性量表

 

4.、直接驱动业务增长

增长黑客和用户增长设计的概念前几年也已在业内为大家所熟知,AARRR增长模型(获客、激活、转化、留存、推荐/传播)中,交互可依赖对用户的了解和用户行为的洞察,通过比如文案、微动效、转化漏斗优化、信息梳理、布局设计等,也可以帮助业务在各阶段直接提升对应的业务指标,甚至将体验设计师熟悉的体验地图转化绘制为用户增长地图,在用户使用的全链路行为节点做设计所擅长的增长赋能。

 

5、项目流程管理

交互需要更早的参与到需求中,在需求出现之前的交互参与能让需求更加合理,而在交互稿画完之后,也需要实时的去跟进UI、开发,有一些技术难题需要跟开发密切合作,开发说“”实现不了”是经常碰到的一句话,那是否是真的实现不了,可能跟不同的团队、人、项目排期有关了,有时候并不是真的实现不了,或许只是开发不想做或者他之前没做过,这个就需要PK了,当然有的真的很难实现或者性价比很低的设计,就需要对交互稿进行调整了。除此之外,有的公司还要求交互有整体管理能力,这就另说了。

 

 

四、没有交互会带来什么?

产品团队或许不都有交互岗位,但不可以没有好的交互设计!

 

1、短期内产品使用体验很奇怪

很多人画出来的原型稿甚至是交互稿都遇到过“用起来很奇怪”这个问题,其实是因为设计者对用户心智、用户行为、控件规范、产品范式等的不熟悉造成的这个问题,一个“夹生”的东西即便逻辑合理也必然会带来“夹生”的体验。此外,范式和规范的使用只是执行时的一个选择而已,对某规范的使用未必真正解决当前场景下的问题,交互设计师更多的是通过对业务的梳理、用户的洞察来做选交互范式和规范的筛选,找到合适的,才能价值最大化。

 

2、长期下产品“难用”印象的形成

任何行业,任何产品,产品研发者可能都不是实际使用者,术业有专攻,对用户的理解是一项长期经验积累的过程,合乎逻辑的,不一定是易用的,易用的不一定是好用的。笔者的经验来看,用户的使用行为既是“傻”的,也是孕育着无穷无尽智慧的,尤其是B端产品,用户使用的方式可能超乎想象。因此对用户行为理解的深度决定了产品与用户之间的默契度,围绕一个痛点市场上总不至于只有一个产品,如何让你的产品成为用户真正的朋友,需要有专业的人来研究用户行为,交互这个专业便也是因此而生的。

如今互联网红利愈发消失殆尽,或许由于资金原因交互岗位并没有存在于所有公司或团队,但交互设计的专业度一定永远存在,岗位的横向兼并融合并不能磨灭交互的专业度,因为交互坚守的是用户体验的底线,让产品变得或好用、或高效,最终驱动业可持续增长,便是这最大的价值!


作者:陈悦

转载请注明:学UI网》交互设计的价值是什么?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




基于智能座舱场景的用户体验设计

seo达人



一、座舱体验的三要素

用户体验设计首先字面意思是用户+体验。

图片

图片

01 座舱内的用户除了驾驶员还要考虑非驾驶员, 非驾驶员也有多种角色:老人/儿童/青年。

图片

02 体验:用户发生使用操作的感受。

但实际用户体验一定是脱离不了场景的,场景是用户发生行为的一个大环境。

03 考虑场景的时候除了考虑的当下现实场景还有未来场景。

图片

场景案例:充电全屏展示充电信息

图片

场景案例:导航交互体验,先展开详细信息,然后再收起信息

图片

场景案例:蔚来的360泊车系统开启时不能唤醒nomi

图片

而且产品的研发和功能创新,用户的体验都是依据场景体系建立的。所以HMI设计过程当中,场景体系化的建立尤为重要。

 

 

二、智能座舱的场景体系化搭建

1、搭建流程

图片

01 场景发掘:竞品分析、用户画像定位、产品定位、用户旅程图

场景发掘首先要把场景和使用的用户做定位,结合实际项目进行用户画像定位,确定场景主题,寻找到目标用户进行实车访谈和拍摄。

图片

02 场景数据细化:网络数据、用户访谈、实车测评数据、常见高频数据

这一步主要是把用户访谈收集上来的数据,进行拆分和细化,然后筛选出有价值的数据进行录入。

用户访谈数据录入到数据库里,产品经理和设计师会针对收集上来的用户反馈,进行痛点/和爽点的挖掘。提出需求解决方案。

图片

03 场景应用设计:原型设计、界面设计

基于场景的应用设计会分为两个步骤、一个是原型设计、一个界面设计、原型设计时我们更多是组内评估、找专家来提供指导性意见,到了界面设计时候除了专家评审、可以做出demo给用户进行测试来获得反馈。

图片

04 场景走查还原场景

在设计方案产出完成之后,给用户还原到我们发掘的场景去进行走查,根据用户旅程图查看有没有遗漏的用户场景和不同的用户反馈。

图片

 

2、搭建工具

整个智能座舱的场景体系化搭建需要几个工具,竞品分析、用户画像定位、产品定位、用户旅程图。

用户调研方法有很多,我们需要掌握(调查问卷、用户画像、用户体验地图、用户访谈、焦点小组、)

今天核心介绍使用频率最高的三种用研方法。

2.1 用户旅程图

关注用户在驾驶阶段的行为、方式、心情、痛点、期待。

关键步骤:

① 设定场景、目标、期望(用户画像)

② 确定行为路径

③ 建立核心地图

④ 包装地图

⑤ 绘制故事板

图片

2.2 可用性测试

可用性测试已经成为获得用户反馈的流行手段,主要因为他们上手快,能快速反应出问题。

关键步骤:

① 明确测试目的

② 问卷框架的设计

③ 投放调研问卷

④ 组织测试

⑤ 整理输出结论

图片

2.3 5W+1H法则

5W+1H 是选定的项目、工序或操作,可以从原因(Why)、对象(What)、地点(Where)、人员(Who)、时间(When)、方法(How)等六个面进行思考。

① 原因—立项背景?

② 对象—什么功能?

③ 地点— 什么场景下?

④ 人员–驾驶员?/非驾驶员?

⑤ 时间–什么时机?哪个流程之后?

⑥ 如何–什么方式操作?

图片

 

 

三、细化座舱用户体验的三阶段

1、用户体验的三阶段

体验的时间性有三个主要组成成分,及熟悉程度、功能依赖和情感依赖。

图片

1.1 初识体验:

我们在产品使用初期的阶段,都会对产品有个使用预期。例如期望产品能提供一个好的体验,或者怕产生不好的体验。

图片

1.2 使用体验:

使用体验分为两个阶段:使用产品初期和使用产品深度期

进入到车内试驾或者试乘,试驾员和销售除了会让用户体验车机的基础功能外,主要介绍的就是和竞品车型的竞争功能。

产品深度体验期的时候,长期的可用性变得更加重要,而不是最初的易学性。从而产品的实用性成为影响我们整体评估判断的主要因素。

1.3 获得体验:

最后,当我们接受了产品,在我们的日程生活中它参与了我们的社交活动。成为了生活当中的固定解决问题的工具,这个阶段产品体验就具有可识别性了。

 

2、体验的三条路线

图片

2.1 体验线路是感官线

我们现在座舱内的交互感官有、触感、听感、视觉、嗅觉、语音。用户在人机交互的时候第一时间获得直观感受。

2.2 体验线路是情感线

情感线是诺曼强调感情在塑造体验中的重要性。比如灯光秀、宠物模式、和拟人化的汽车助手。带给用户都是情感上的满足。这些情感构成了与汽车的首次互动体验。

图片

2.3 体验线路的流畅

就像C端和B端一样,我们交互体验的线路效率和流畅程度,能给用户增强驾驶乐趣。或者最大限度减少信息元素的干扰,让驾驶员沉浸在当下。

图片

 

3、把握用户体验的多样性

3.1 个人价值观的差异

首先个人的因素,因为我们成长的环境不同,造成了对价值观的差异,有的人喜欢刺激新颖的产品,有的人喜欢乏善可陈的产品。

图片

3.2 产品属性问题

第二可能是产品属性的问题,游戏产品带给用户就是不断的快感刺激,工具类型的产品用户使用流程流畅会更好。

图片

3.3 跟随时间线的体重心变化

用户的使用体验对于时间的变化,通过用户旅程图,他们对产品的关注点会产生变化,例如用户刚开始对产品互动中更关注新的功能和刺激的体验。但在使用过一段时间后他们可能不会再关注他的新颖程度,更关注产品的实用性和效率。所以需要我们在不同的使用阶段重新帮助用户提升体验。

图片

 

原文地址:七酱设计笔记

作者:郝小七

转载请注明:学UI网》基于智能座舱场景的用户体验设计

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



这10年,我都在这里看全球最顶尖的app产品!

seo达人

图片

最关键的是,点进去每一个app,里面有这个app的所有截图:

图片

简直就是一个吸取灵感的天堂,太nice了。(网址在文末)

那我们有了这个好东西,怎么去参考借鉴呢?

今天菜心就给大家一些启发,希望能对大家有所帮助。

 

一、图标双线条风格

比如像下面这个app,体育竞技类的:

图片

我们仔细观察底部主图标:

图片

会发现他的风格是双线条的,在国内还很少见过,而这种形式我们就可以参考参考,省的来被别人说你得东西太同质化!

当然,也不能乱参考,一定要说清楚理念和原因,比如像人家体育类的app,用双线条风格,把这个双线条比喻成跑道,我感觉没毛病,哈哈。

 

二、学习人家的一些小创意

比如,像这个地图上的小创意点,人物拿着一个巨大的咖啡杯,和人物形成强烈的大小对比,就很有趣味性:

图片

放大看,人物还伸出来个舌头,挺馋的感觉:

图片

这种小创意,当你做一些场景的时候,就可以借鉴,比如一些地图啊、外卖啊,都可以尝试参考参考。

 

三、老板说你的闪屏太单调

闪屏是app的重要页面之一,我们看到的大部分闪屏都是一个简单的logo,比如:

图片

咱就是说,万一哪天你的老板不喜欢这种简单的形式,像来点设计感的闪屏,那你就可以去这个网站上找灵感,你就在主页划拉就完了,你框框一顿划拉,
就能发现有很多参考形式,比如这种图形类的:

图片

这种插画类的:

图片

这种图片类的:

图片

你就咔咔参考呗,灵感老了去了!

 

四、看看别人的插画风格

也可以看看别人的app里面融入的插画风格是什么样的,千万别一画插图就是这样的:

图片

看看别人的风格和造型,最起码可以提高一些审美,也可以提高一些对于差异化的视觉敏感度:

图片

当然,最好可以自己动手练一练,那样会吸收的更好!

 

总结

除了这些,看看差异化的风格,也都是可以的,像这些

图片

说不定,后面什么时候就能够用到,参考一番。

好啦,以上就是给大家的一些灵感启发, 主要是告诉大家,拿到一个优秀的网站后,怎么寻找灵感,吸取灵感,好好的把它用起来,而不是放到收藏夹里面吃灰。

网址:https://mobbin.com/

好好用起来,希望可以帮到大家!下期见!


作者:菜心

转载请注明:学UI网》这10年,我都在这里看全球最顶尖的app产品!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



2022 PANTONE 最美色彩来啦!

seo达人

一、全新Post-It®Notes

Post-it 与彩通色彩研究所共同开发,推出 11 种全新 Post-it Notes 系列,以令人耳目一新的色调展现色彩的力量。激发创意生产力!

图片

 Post-it Notes 

Post-it 始终提供缤纷的画布,为人们的想法增添些许鲜艳的色彩,而在七年没有重大的视觉转变之后,彩通色彩研究所获选成为 3M 的合作伙伴,在全球推出重新打造的 Post-it Notes 和 Post-it Super Sticky 系列。

 

三种精选调色板包括:

1、花卉幻想

这个调色板充满新鲜芬芳的春季花卉,阳光正面的气息能带来活力与好心情。

2、能量激发

图片

这个系列中活力四射的色彩能点亮您的心情,让讯息清晰透彻。

鲜艳色彩混搭成组,振奋人心的色调以充满活力的配色之姿自然呈现。这些动感活泼的色调使人留下大胆鲜明的印象,传达生气蓬勃的欢乐讯息,以急迫感和力量激励使用者采取实际行动。

3、单纯静谧

图片

透过干净现代的单纯静谧系列,为提醒事项便利贴注入一丝禅意。

和谐混搭干净俐落的经典颜色,呈现简洁外观和平静状态,突显人们对简化、清理和整理的渴望。这几种独特色调稳定可靠且历久不衰,使用温柔且老少咸宜的粉红色来达到强调的目的,传递直接而单纯的讯息,让轻柔的氛围静静地抚慰人心。

 

二、多彩的元宇宙

元宇宙中的色彩:探索色彩在虚拟与现实之间的关系。

图片

1、视觉语言

许多人几乎无法想像生活在眼睛所见只有黑白灰、没有其他色彩的世界;我们已经习惯被色彩包围,色彩更是定义世界的视觉讯号,让我们感知与周遭环境和所爱事物的连结。约有 80% 的人生体验会经过双眼吸收,因此视觉讯号对于传达讯息至关重要。

图片

色彩在元宇宙的使用方式与实体世界大致无异,唯一的差别在于:

实体世界中的色彩有其局限。物体自然会是一种色彩,可以改变,不过需要资源、时间和精力。此外数码光谱中的某些色彩无法在实体世界重现。在元宇宙中,色彩可以立即视需求调整。

图片

元宇宙中的色彩没有任何限制。从你在 Web 3.0 中的外貌到衣着,或者是你拥有的产品,这些色彩都可以随你的心情以及你希望在数码世界呈现的方式改变,不论它们在实体世界呈现的色彩为何。元宇宙将会带来自由。

图片

三、提契诺的色彩

Ticino Turismo 了解色彩会唤起我们对旅游地点的珍藏回忆,并激发未来的旅游计画。因此他们与彩通色彩研究所 (Pantone Color Institute) 的全球色彩专家团队合作,透过各种色彩描述造访瑞士著名提契诺地区的体验。

(点击图片前往原文查看视频)

icino Turismo 与彩通色彩研究所合作精选出五种最能代表提契诺的色彩,用来传达春夏两季访客在当地所见识到的美景与快乐体验。

图片

彩通色彩研究所以这些色彩为基础创造出 Ticino Camellia Pink (提契诺山茶花粉红),用来代表点缀这片地区的艳粉色花朵;Bellinzona Fortress Grey (贝林佐纳城堡灰),这种带有灰色调的暖褐灰色正是当地中世纪城堡呈现的色彩;Brissago Blue (布利萨戈蓝),这是布利萨戈岛周围澄澈湖水的色彩;Lugano Sunset Orange (卢加诺日落橘),呈现当地日落的迷人光彩;以及 Valle di Muggio Green (穆吉奥山谷绿),展现郁郁葱葱的山谷色彩。

 

四、周大福的色彩

彩通色彩研究所最近与周大福集团合作,透过提供包含三种新色调的时尚调色盘,结合中国传统风格和现代审美,借以衬托周大福集团标志性的招牌红色。

图片

全新周大福调色盘体现了融合传统色彩与现代风格的故事。呈现出精致感触、完美品质和现代雅趣,全新周大福调色盘既融合了传统的优雅,也继承了现代风格的美感和精神。

图片

全新调色板:融合中国传统风格和现代审美

为强调大福红 (Tai Fook Red) 浓郁而充满活力的强大吸引力,我们透过暖金色突显出一系列相容的色调,打造和谐的色彩故事。

图片

这个全新调色板展现了对传承、幸福和信念的现代诠释,衬托出大福红 (Tai Fook Red) 优雅、现代且具备宁静力量的特点,透过现代化且积极的态度展现集团对品质的承诺。

 

五、西派金铜  City Park Golden Brass

彩通色彩研究所最近与中国铁建房地产集团有限公司 (CRCCRE) 合作,提供宏观色彩趋势指引并建立招牌色彩,做为该公司的主要品牌视觉形象,用于公司旗下不同的重庆西派城住宅。

图片

这个全新色彩能够向潜在买主传达出重庆西派城的居住环境和生活风格,以及CRCCRE 的愿景:成为具价值的房产开发、工程设计及资产管理商,借此提升中国生活水准,同时解决人们日益增长的需求,满足他们追求自然景观环绕,以及求取身心灵平衡的愿望。

图片

在考量中国生活风格趋势的美学,以及中国居民未来的追求后,我们创造出「西派金铜 (City Park Golden Brass) 」来代表重庆西派城的品牌定位:拘谨、优雅、稳定发展、现代化、年轻且时尚,同时仍支持及推广积极进取的哲学。


作者:刘涛

转载请注明:学UI网》2022 PANTONE 最美色彩来啦!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



客户关系管理(CRM)产品解析

seo达人


图片

不同的产品,对于页面的模式、表现上都会有明显的差异,今天我们就来聊聊 客户关系管理系统

 

 

一、定义

CRM 的全称为客户关系管理系统,是 Customer Relationship Management 的缩写,顾名思义就是提供给销售人员进行使用的管理系统,来帮助销售人员管理他手下的客户。从产品类型来看,CRM产品是属于垂直业务型的产品,主要是为各行各业的企业,提供管理销售的服务

 

当然在CRM产品当中目前主要分为两个赛道,分别是以:Salesforce、纷享销客、销售易、悟空CRM 为首的管理型CRM,它们最为主要的功能是管理客户,也就是将销售人员手中的客户,通过公司的CRM系统进行统一的管理,能够保证企业的权益不会受到伤害

而另一个赛道则是SCRM,这应该算是国内比较火的新名词(其实也出现了很长一段时间了),它的全称是 Social Customer Relationship Management 也就是社交化客户关系管理系统。主要典型的产品包含:EC、尘锋、探马、微盛 等等…

图片

如何去理解SCRM?

比如我们现在日常沟通、获取信息,会从以前的传统媒体像是 “电视、报纸、收音机” ,逐渐迁移到 微信、知乎、小红书、抖音 等等,而这些社交媒体上我们的各种喜好、最近发生的事情,都能够在SCRM当中展示,并且他可以根据你的喜好,来与你进行沟通进而帮助它进行获客、成单

比如今天我想买 Figma ,然后我又在微信朋友圈当中吐槽 Sketch 很卡,那作为销售的你肯定会给我推销说,咱们 Figma 一点也不卡。当然SCRM的功能还会有很多,由于篇幅有限,我们目前分析还是以CRM为主,再加上SCRM篇幅太大,后面在做分析。或者是有在这些行业工作的小伙伴,可以在评论区进行补充

 

 

二、作用

想要了解CRM产品究竟能够给用户带来什么作用,我们今天换一个视角,来说说如果企业不使用CRM,会有哪些后果

 

1、客户安全性很难保证

因为在传统的销售业务模式当中,销售人员可以与客户直接进行对接,企业无法对销售进行合理的管控,所以经常会发生客户跟着销售“跑了”,也就是销售离职,带走了之前他负责的客户。这个时候你作为企业老板即没有掌握客户的基本信息,同时对于这位客户的经历也不了解,这样很容易就会流失一个客户。而客户对于企业来说至关重要,因为每一个客户都是企业通过运营人员沟通获取来的,因此企业的客户安全性无法得到保证(这也是为什么很多企业选择使用企业微信而不是个人微信的原因)

 

2、数据信息不够统一

一个销售获客的渠道有很多,其中包含名片、微信推荐、电话分享 等,而这些客户信息,如果不统一管理,就会变成一个个孤岛,对于企业的日常管理是非常麻烦,无法全局监控
当然企业也可以将数据统一放在传统的Excel表格当中,但是表格传播过于简单,风险太大,并且无法去做协同,一旦后续数据增多也会导致整个管理非常的混乱,不能分权限将企业的所有客户统一进行查看

图片

 

3、难以建立良好的客户关系

传统方式管理客户的时候,销售人员对于客户印象主要来自 之前的微信聊天记录以及朋友圈,而想要深入了解这位客户的具体信息、具体对接的联系人、以及公司的具体规模,就可能会因为时间的关系而忘记,因此传统的方式无法追踪客户,将客户的资料统一整理

图片

 

4.销售难以管理

对于企业的销售人员来说,他们的工作常年在外,因此企业很难对手下的销售进行管理,比如想了解员工今天的工作情况,又或者是员工的后续工作安排。之前企业都是通过收集员工每日工作汇报来判断,依旧很低效率
CRM系统可以连接日常工作和业务,在辅助销售人员完成工作的同时,也完成了对信息的收集,管理者可以清晰地看到该客户的跟进记录,以及重点客户员工是如何跟进的,提高了管理团队的洞察力

图片

其实了解CRM产品的作用,最终的目的就是为了了解这款产品能够给企业带来什么价值,什么核心的能力能够驱动客户进行购买,了解了过后你才能知道这个功能带来的价值是什么

三、业务

关于CRM的业务,我们主要会分为 专业词汇、关键角色、流程 三个维度进行分析,我们先来了解一下常见的专业词汇

 

1、专业词汇

销售线索:销售线索是与客户初次接触获得的原始信息, 可以是从展会中获得的名片,通过推广活动获得的电话号码 ,或是会议、广告、外部购买等渠道获得的客户简单信息,然后通过管理和跟进可以转化为客户

线索池:将线索通过按不同行业不同地区或是其它的方式组合一起,即成为线索池,如上海区线索池、北京区线索池、教育行业线索池、金融行业线索池等

客户:客户是指有业务往来企业、团体或个人,是企业的重要资源,可以通过线索转化而来,或是销售挖掘等多种渠道获取

公海:按不同行业不同地区或是按某种相同特性组合一起的客户分组,即成为公海,如上海区公海、北京区公海、教育行业公海等

联系人:即与企业直接联系的客户方相关人员。如果是企业客户,联系人是您与企业联系沟通的人。如果是个人客户,联系人可以是与客户有关系的沟通联系人

商机:商机是与客户做一笔生意的跟进过程,如果是企业客户,一个完整的销售周期大概包括产品咨询、报价、方案评估及最后的赢单或输单

图片

 

2、关键角色

在CRM产品里面,会涉及到形形色色不同的人员,其中最主要的角色包含:市场、销售、销售主管、老板

市场:主要负责整个产品的营销以及线索的分配,与CRM产品相关的就是会安排市场人员来与销售进行对接,将他们在 官网、内部推荐 得到的线索流转给销售

销售:销售人员对于企业来说非常关键,他主要是企业与客户对接的重要人员,是这份订单是否成功的关键角色
虽然都叫销售,但是会根据工作性质的不同,将销售分为:电话销售、产品销售与大客户销售

电话销售:电销通常是销售当中最基础的,通常就是拿着通讯录不停地拨打客户电话,算是一个重复性非常高的职位

产品销售:产品销售更多就是自有产品,当线索来了过后,销售人员也会与客户去电话沟通,但是沟通的目的是了解你公司的具体情况,分析是否有潜在的购买需求,后续主要任务便是促成订单的成交
比如你们每次去试用别人的B端产品的时候,都是产品销售来与你对接(别以为我不知道你们每天在做什么~)

大客户销售:大客户销售顾名思义,主要针对的是企业较为重要的客户,他们在整体的决策层面链路较长、金额较大,因此会安排经验丰富的人员进行对接

软件实施:负责现场培训、协助项目验收、负责需求的初步确认、把控项目进度、与客户沟通个性化需求、负责项目维护。总之就是你购买了产品过后,需要实施人员来进行项目落地(有的公司没有实施会让销售人员负责)

客户成功:客户成功扮演主要是提升客户的认同感,让客户感受到使用这款产品能够给他带来价值。简单来说客户成功就是要找出客户的问题,并制定相应的解决方案,然后基于不同的产品,把解决方案落进系统。客户有问题反馈,就需要与客户成功进行对接,评判客户成功好坏的标准就是看产品的续费率

 

3、流程

要了解一款B端产品的业务,那业务流程自然是十分重要,因为这样能够最快的了解清楚整个产品的流转方式(当然不同公司对于产品的流程不同,只是作为参考)

图片

在CRM产品当中,所有的客户都是从线索开始,因此线索是作为整个CRM产品的起点,也是业务流程当中的最主要一步。当然针对于线索,他最主要的特点便是线索来源,一般分为:官网、展会、朋友推荐、以及新媒体渠道当中获取到的线索(这可能就是SCRM存在原因)
而在线索这里,通常系统会去自动对接 官网 当中的提交的表单线索,同时也会给各个员工开放自己新建线索的入口(有的企业,新增一个有效线索是有对应的提成)

当然线索在类型上主要分为:线索池、有效线索、培育线索

线索池:就是将所有的线索都放在一个地方,方便销售人员进行选择

有效线索:有真正购买意愿的线索,通常敏锐的市场人员会从 规模、电话、行业 等综合信息进行判断

培育线索:也就是客户对于这个产品比较犹豫,对于产品购买意愿不太明确,因此可以通过培育线索,让他了解到产品过后,转化为有效线索

当你完成线索流转过后,你就会是一个商机,这也就代表着你对咱们的产品非常感兴趣,开始询问报价,销售人员就会给你去做各种各样的演示与沟通
而在每一次销售与客户的沟通情况,企业都会要求他去录入跟进信息,如果不填写可能会面临罚款的风险

然后就是销售人员一次又一次的和客户沟通,商讨价格直到客户签单,在此过程当中就会涉及到商务,然后就是 订单、合同、回款、开票 等流程阶段 来对整个过程进行统一管理,并且所有的过程都会在系统当中进行记录,直到最后的赢单

有得必有失,那后续输单也是同样,便是没有取得进展,最后以失败告终

 

我们来整理一下,举一个实际例子,比如现在想要去了解一款人事管理系统,你打开了薪人薪事的官网,在他们的官网当中经过简单的了解,填写了你的企业信息与表单

图片

紧接着,你的信息就会给到市场人员,他们会根据你的 表单信息、所在城市、公司规模 给你安排更为合适的销售人员来对你进行跟进

在跟进的过程当中就会根据你的各种 “反馈与表现” ,将你定义为各种名称 线索、商机、客户
并且目的只有一个,就是让你购买产品,后续涉及到 订单、合同、打款 等,都属于正常流程当中非常重要的一环,直到最终的赢单与输单

 

 

四、页面

CRM产品当中较为重要的页面,因为作为设计师,我们最终的设计思考一定是通过页面来去呈现,而前面的整体业务模块则更多是为了理解它们之间的关系,将问题讲清楚

1、客户详情页

客户详情页面作为CRM里面最为重要的一个页面,它主要是呈现这个客户当中的所有完整信息。比如销售人员,他高频进入的页面一定是客户的详情页面,因为他想要了解这个客户,在整个过程当中了解哪些信息、想要得到什么内容都可以通过客户想以企业快速的找到
但是由于客户详情页 页面的整体设计难度较大,会存在大量信息以及关联的内容,因此客户详情页更加考验设计师的信息处理能力。这里分享了 Hubspot、Salesforce、纷享销客、销售易、悟空CRM 的客户详情页

图片

 

2、客户列表页

客户列表页更多就是呈现数据,和普通B端产品的列表页基本相同,只是说会根据不同的产品类型有所调整。比如CRM产品,它更加强调的就是客户信息的快速检索以及快速寻找,因此你会发现在产品里面它的筛选功能做的非常强大

图片

当然关于表格的内容我们这里就不做过多的赘述,因为之前几期通用的表格文章。已经写得非常详细,感兴趣的话可以去看一下咱们之前的表格文章

3、跟进记录的填写

跟进记录在CRM产品里面是非常重要的板块,因为跟进记录也就意味着销售人员需要去反复的填写。有点像一个快速的表单让我需要把每一次我们具体聊的内容写到整个系统里面来
通常一个销售非常规范的公司,会要求销售人员把和顾客每一次的数据都记录到跟进记录里面,因此在跟进记录当中,我们要去考虑他如何频繁去呈现,以及如何快速的去阅读

图片

 

 

五、CRM产品对于设计师的影响

聊完了CRM产品过后,我们来说说整个产品会对设计师造成哪些影响
因为在整个的数据过程当中,我们需要去关注的点非常的多

1、了解用户习惯

简单来说,其实CRM产品本身就是为销售人员服务的一种产品类型,那作为设计师了解 销售的日常习惯就显得尤为重要。虽然在文章当中已经讲的过于详细,但是你会发现,用户的习惯当中,不同的产品类型,它的日常习惯本身就会有所不同,像是 电话销售、产品销售、大客户销售、传统业务销售,其实这对于我们来说,更需要了解用户的习惯才能更好的去做设计

 

2、懂得业务

因为CRM产品本身是难以理解的你,也就导致了我们作为设计师需要快速的了解业务,去懂业务究竟应该怎么去实现
比如和同事快速的沟通,进而快速掌握业务信息,又或者是寻找各种资料帮助你了解业务。那关于这些内容我们之前也有讲过,可以翻一翻,这里就不展开去赘述

 

3、快速转换

CRM本质上是一个针对于多行业的产品类型,也就导致了我们需要在设计的过程当中快速的进行切换。需要我们将用户多行业的需求进行整合,因为在工作当中你确实会发现不同的企业,他的关注点是不太一样的。那如何把这不同的关注点进行融合整理,就需要设计师充分的参与才行

 

作者:CE青年

转载请注明:学UI网》客户关系管理(CRM)产品解析

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



设计师能力建设(3):管理能力

seo达人


图片

 

 

一、自我管理

每个公司都有设计师的成长路径,不同的职级对设计师能力要求不一样。初入职场的设计新人,需要对接好工作需求,输出合理的设计方案。而工作多年的设计师,则要从设计角度考虑如何为产品带来正向业务价值,建立设计影响力、推动设计工作效率提升、带动新人成长等等。

因此设计师需要参考岗位标准,有意识地做好设计能力提升。

 

1、扩展知识储备

虽然设计师的输出成果以界面设计为主,实际上设计师是复合型的岗位。

例如C端产品中常见的Banner设计,设计师要明白业务的核心利益点是什么,或者业务方希望传递给用户怎样的信息,也要知道什么样的信息对用户更有吸引力。在此基础上,结合设计趋势,考虑色彩、动效、信息层级等细节因素,才能更好地完成方案设计。

在B端产品中更是如此,很多时候产品经理的PRD表达的是功能设计,并没有足够的用户场景信息,设计师要从用户场景出发,充分地理解业务需求,才能做出有价值的设计方案,否则设计方案很可能只是将产品功能翻译成为了系统界面。

所以设计师需要横向扩展业务领域,纵向提升设计能力,扩展个人的知识储备,并能够在产品需求中快速应用。

图片

设计师的知识储备更多地依靠平时积累。例如可以通过行业研究报告、竞品分析,更宏观地理解整个行业的发展变化,帮助自己更好地理解产品需求;通过设计理论、行业展会学习用户心理、设计方法、提升个人的设计思维;通过团队或者业内设计师交流,解决工作中的设计难题。

 

2、从输入到输出

除了基础的能力提升,设计师还要注重设计思维提升。

在工作中,设计师会有各种思考、总结复盘,这些都是设计师快速成长的助推器。但是这些思考和复盘通常是散点式、碎片化的,设计师可以尝试着将这些内容体系化,内化为更加深刻的设计思维。

例如现在很多大厂都有设计公众号,要求设计师定期输出设计文章。不仅仅是为了打造设计团队的影响力,设计师在文章写作中也会有全新的收获和提升。

所以设计师可以借助各种工具,例如公众号、语雀、设计网站等建立和输出自己的知识体系。

 

 

二、设计过程管理

设计师的日常工作大概可划分为3个阶段:需求沟通、设计执行和设计输出。最关键的就是需求管理和项目管理。搞定这两项,设计师基本可以保证高效地完成设计工作。

 

1、需求管理

在我看来,需求沟通是最重要的一步。因为只有准确的需求输入才能保证设计输出的准确性。

1)需求的合理性判断

很多时候,即使是产品经理也无法保证需求是真实准确的,有些需求可能只是为了验证可行性。或者需求过于偏重功能设计,没有从实际的用户场景出发,存在一些问题点。所以设计师要有一定的方法,对需求做出合理性判断。

首先要了解需求来源,确认需求目标,了解需求背景;然后从设计的角度,从用户角色、场景的角度重新审视需求,为产品经理提供一些建议,弥补需求的不足,推动产品优化方案。

2)需求内容的确认

PRD是最重要的需求材料,决定了设计师应该做什么。但是有些时候产品经理没时间提供完备的PRD;有时候产品经理只是向设计师口头传达需求,设计师产出原型方案完成评审后,产品经理将原型图插入到PRD中输出给开发人员,这样的PRD主要是面向开发人员的。

因此设计师需要发挥主观能动性,有能力理解和分析需求,主动与产品经理确认相关问题。为了提高沟通效率,可以逐条记录问题点,并备注自己的分析和思考。保证设计执行前,能够解决掉80%的需求疑问点,从而减少设计方案的无效返工。

 

2、项目管理

1)需求排期管理

产品需求提交给设计师后,设计师需要主动确认交付时间点,避免信息不对称造成设计延期风险。另一方面,产品经理可能会要求设计师预估工作量,给出设计排期。此时设计师要充分考虑多方面的因素,例如需求沟通、方案评审及修改时间等。

有些时候,设计师并不是负责单一产品线的设计工作,可能会面临多任务并行的场景。设计师需要与产品经理明确优先级排序,合理安排设计任务排期。如果无法协调时,需要积极向上反馈,争取团队内、外部的设计资源配合。

如果需求发生变更存在延期风险,也需要在项目组内部及时反馈,同步给所有相关人员。

2)设计完整性

在大厂中,工作流程比较完善,设计师的工作职责也比较明确。但是转型中的传统公司,或者规模较小的企业,对设计师的工作内容并没有明确的流程规范,甚至没有设计评审流程,设计师只要完成方案设计就结束了。

短期来看,设计师工作确实比较轻松,只要专心完成设计任务就可以了。长期来看,设计方案无法很好落地,产品体验无法保证、甚至失控,最终影响最大的必然是设计师。

所以设计师需要主动完成工作闭环,跟进开发,做好上线前的设计测试验证,以及上线后的用户反馈,或者定期开展设计走查。某些产品还要收集上线后的数据,验证和改进设计方案。

3)设计平衡性

设计师首先要保证用户体验,这是毋庸置疑的。但是设计方案也不能只考虑用户体验,还要兼顾业务需求的商业目标。只有做到两者间的平衡才是有价值的设计方案。

图片

另一方面,设计师主要的任务是基于对需求的充分思考,尽可能地为产品提供有价值的解决方案,而不是追求完美的设计方案。因为交互、视觉设计方案多种多样,需要根据产品资源、执行效率、投入产出比、版本迭代计划等因素综合考虑,选择当前用户场景下更加合理有效的方案,而不仅仅是为了追求完美的用户体验。

适当的妥协让步是设计平衡性的必然选择。即使设计方案无法完全落地,深入的分析思考过程也会让设计师受益匪浅。

 

三、对上管理

我个人认为这是比较难的,甚至是最难的。如果企业设置了专门的设计团队,设计师的日常工作都会经过内审、外审等,整个过程有比较好的流程规范保证。在评审汇报中,设计师的工作亮点、设计成果就能够得到显现和认可。

评审时,设计团队领导作为直接领导,双方有共同的对话基础,有些内容点到即可。并且团队领导也有意愿、有时间听取设计师的工作汇报,这也是领导的管理职责所在。

而对于没有团队的设计师而言,本该顺畅的对上管理会碰到更大的困难。

 

1、时间不充分

作为名义上的领导,只是代管角色,本身有其他核心工作任务,对设计工作可能并不积极。当设计师主动做些设计推动,需要向上汇报时,可能需要提前排队预约,甚至会被要求让位其他工作事项。

如果设计师不做汇报,代管领导根本不知道设计师为产品做了什么贡献。设计师的调研、分析、思考就都成了空谈,最终的价值不过是界面上的按钮和表格。辛苦到头,个人绩效根本就没有保障。

 

2、专业度不够

设计师可能会被划分在开发团队或者产品团队,负责人在设计方面并不专业。在他们看来,一些设计优化可能就是在浪费时间,或者完全没有必要。没有上面的领导支持,设计师的工作就难以开展。

 

3、通不畅

领导比较忙的时候,如果遇到一些设计问题,不会亲自找设计师,而是随口对身边人员一提,接着信息被层层转发,容易造成理解偏差、信息缺失等问题。设计师需要二次确认,但是由于时间、空间等多重因素影响,很可能导致后续的沟通不畅。

 

4、政出多门

没有设计团队的设计师,往往会受到来自不同岗位领导的节制。每个领导会有自己的主观想法,设计师就会无所适从。

所以在小公司中,设计师不能单打独斗,要团结一切可以团结的力量。

首先要打动身边的产品经理,让他能够感受到设计的力量和价值。如果当产品经理遇到设计问题,总是来找设计师商量,说明设计师已经获得了认可。

其次就是争取更多的合作机会,例如参加产品经理的需求评审会。利用设计评审会建立自己的设计影响力,深度参与研发流程,与更多项目人员产生工作联系等等。

而在向上汇报的关键环节,设计师可以拉上产品经理一起,加重报告整体的分量,更容易获得领导的认可。

 

 

总结

最近这几年,企业面临的困难越来越大,更加注重员工产生的个人价值。最大的感受就是只做纯粹的设计师,发展之路会越来越窄。

未来,设计师做好个人管理将至关重要。


作者:子牧先生

转载请注明:学UI网》设计师能力建设(3):管理能力

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



品牌定位,抢占用户心智第一步

seo达人


一、什么是品牌定位?

品牌是如何做到家喻户晓的?举个例子,当有些用户产生搜索需求时,他们的第一想法是“百度一下”,而不是“我要搜索”。百度作为一个品牌,在中国市场已经成为搜索的替代词,反应出品牌对用户心智强大的作用力。

打造强品牌的第一步就是品牌定位。不管是创建新品牌还是更新现有品牌,品牌定位策略会影响业务发展的方方面面,不仅是营销策略,还包括产品开发、用户体验等。

那么,什么是品牌定位?简单讲,品牌定位就是决定企业希望在用户心目中是什么形象的过程。以苹果公司为例。苹果作为一家科技企业,在全球范围内被熟知,并在诸多同类科技公司中独具魅力,受到用户的喜爱与追捧,这不得不得益于成功的品牌定位。

苹果赋予品牌三大内涵:Think Different,Tech that works以及Your privacy is safe with us。这些品牌内涵成功让苹果与其他科技公司形成区隔度,在用户心智中占据独特位置。在用户看来,苹果是与众不同的、走在科技前沿的、创新突破的、隐私安全受保护的,这些品牌形象正是成功定位的结果,必将成为公司强大的品牌资产。

图片

除了能够让用户快速识别、在众多竞品中脱颖而出外,品牌定位还会对定价策略和销量产生影响。如果产品定价更多依据高质量、高品质,同时品牌也将高质量、高品质作为定位点,那么在用户心目中,产品价位会很自然地被合理化。当做购买决策时,用户会被品牌独特内涵吸引,快速促成购买,帮助企业提升市场份额,同时增强用户忠诚度。

 

 

二、品牌定位如何做?

品牌定位的基本思路是STP(Segmentation市场细分,Targeting确定目标用户群,Positioning定位),即将整个品类市场中的消费者划分为不同细分人群,识别各类细分人群的特征和需求,并结合竞争情况、企业战略等因素,选择其中一个或多个细分市场进入,形成品牌定位,对每个目标细分市场进行品牌营销。

图片

从中可以看到,市场细分只是手段,定位才是目的,即S+T=P。

 

Step 1:Segmentation 市场细分

市场细分本质上是根据消费者的差异,将整个市场切分成不同部分。用于细分的维度/标准主要有四方面:地理因素、人口学因素、心理因素和行为因素。

图片

其中,市场细分普遍使用的维度是人口学因素,比如女性消费力、银发经济等,就是按照性别、年龄等维度进行的细分。这一方法简单高效,实用性强,但也存在一个很大的问题,即使用户在这些方面很相似,但内心的诉求可能是完全不同的,导致细分市场内部差异很大,这就违背了细分的初始目的。

为了解决这一问题,市场细分会使用心理因素,从最深层的情感需求出发,确保每一细分群体内部高度相似,而不同群体之间高度区隔。

图片

细分用户情感需求的常用解决方案有Needscope、Censydiam等,通过“个人-归属”和“释放-压抑”两个维度,相互作用,将用户情感需求划分为6个或8个类型,从而实现对某个市场的人群细分。

以Needscope为例。Needscope的心理学基础是荣格的原型理论。荣格认为,原型是天生的倾向,在影响人类行为方面发挥作用。基于此,将人类情感需求划分为六大类:有活力的、充分自信的、有能力的、关怀的、被动的、无忧无虑的。应用于不同品类时,对类型的描述可做调整。

图片

在用Needscope做市场细分时,通常会使用投射工具挖掘用户对品类的需求,形成该品类下用户的情感需求细分。以资讯类APP为例,通过投射工具,挖掘到用户对资讯类产品的情感诉求,可分为:新热/前沿的、权威/信服的、智慧/有思想的、全面/可依赖的、轻松/实用的、愉悦/释放的。

图片

  • 新热/前沿的:这类用户希望获得最新、最热的资讯信息,第一时间快速获取,给自己带来“走在前沿的”“领先的”的感受,他们对资讯产品品牌形象的需求中强调“新热”“前沿”“领先”等。
  • 权威/公正的:这类用户对资讯的诉求集中在立场上,希望获得客观公正的权威信息,给自己带来“公正的”“客观的”感受,具备这些内涵的品牌形象对他们来说更有吸引力。
  • 智慧/有思想的:这类用户的核心情感诉求是“高端”“格调”,希望使用资讯产品带给自己“有思想的”“有智慧的”感受,品牌形象突出“高品质”“有深度”会对他们产生吸引力。
  • 全面/可依赖的:这类用户的情感需求强调“安全”“可依赖”“平和”,使用资讯产品与他们较固定的日常生活相匹配,获取“全面”“安全”的信息以便更好融入周边环境,获取内心的平和。
  • 轻松/实用的:这类用户看重资讯产品的“实用”价值,希望在“轻松”的状态下获取实用信息,解决问题,带给自己“物有所值”“得力助手”的感受。
  • 愉悦/释放的:这类用户追求“无忧无虑”“趣味释放”,希望看资讯让自己感到“有趣”“快乐”“释放”,对于品牌来说,强调“娱乐”“轻松”“释放自我”“有料有趣”对他们来说更有吸引力。

到此,我们便用Needscope对资讯类产品市场做了细分。

 

Step 2:Targeting 确定目标用户群

在对市场做了细分后,接下来需要确定哪个/哪些细分市场可作为目标人群,主要考虑两个因素:市场份额和竞争环境。

在进行情感需求细分时,通过量化方式可得到每一类细分人群的占比,代表着市场上有多大比例的用户有这一类情感诉求,这就反应了市场份额的大小。还是以资讯产品为例,“轻松/实用的”这一细分市场占比最大,达到22%,说明在目前市场上,大多数用户对资讯产品的诉求是读完有轻松感,内容实用有帮助。

图片

但仅考虑市场份额是不够的,各品牌可能都看到了大的市场份额而纷纷进入,经过时间沉淀还会形成难以撼动的头部品牌,竞争会异常激烈。因此,在选择细分市场时还需考虑竞争环境,这一点可通过Brand Map来直观体现。

在使用Needscope获取用户对品类情感需求的同时,还会了解目前市场上的资讯品牌满足了用户哪些诉求,因此形成每个品牌在不同情感细分领域的得分,得到品牌地图。

图片

通过品牌地图,很容易看到市场份额最大的“轻松/实用的”领域竞品数量多,且有今日头条、腾讯新闻等头部竞品,对于新品牌或者小品牌来说,不再建议切入该领域。对于“愉悦/释放的”这一领域,现有品牌数量适中,并且靠近圆心位置,意味着还未形成极具该特色的品牌,单从竞争角度来说,该细分市场值得考虑。

综合市场份额与品牌地图,便可确定目标细分领域。对于新品牌/小品牌,可以考虑“愉悦/释放的”这一领域,因为市场份额可观(20%),市场还未形成满足程度高的竞品;对于打算更新定位的大品牌来说,品牌本身具备与头部竞品对抗的实力,可以优先选择市场份额大的市场,但需注意定位的跨度,建议选择与现有定位临近的区间。

确定好细分领域也就意味着锁定了目标人群。在做情感需求细分时,会一并了解该用户的人口学特征、产品使用行为等信息,因此,每一细分情感诉求都可以还原到对应的人群。

还是以资讯产品为例,“愉悦/释放的”这一细分市场对应的人群在某些特征上显著高于其他人群,这些明显特征就是品牌后期要去营销的目标群体,如以男性为主,偏年轻,年龄集中在18-24岁,更多分布在一二线城市,偏好B站、知乎等产品。

图片

 

Step 3:Positioning 定位

按照S+T=P的公式,完成市场细分以及锁定目标人群后,就得到了品牌定位。但这个阶段的定位只是明确了方向,具体到细分领域内部该如何定位,还需进一步深探。

结合资讯产品品牌定位的例子,新品牌确定了“愉悦/释放的”这一细分市场,接下来需要对该细分领域的目标人群和竞品表现做深入挖掘,找到用户未被满足或满足状况不佳的需求,明确本竞品之间的差距与不同,从而获得更精准的定位点。

在了解目标人群时,不再局限于他们使用资讯产品的习惯,还需走进日常,挖掘指导行为的价值观念和态度。

  • 画像及态度:人口学特征(性别、年龄、城市级别、家庭月收入等)、生活态度、价值观、品牌观,真实立体地还原品牌营销对象
  • 资讯产品使用行为:使用场景、需求、使用产品、频次、时长、路径、满足点及痛点,发现本品在产品力上与竞品的差距,挖掘产品卖点
  • 资讯产品品牌态度:对各品牌的认知度、喜爱度、品牌形象认知,发现本品在品牌力上与竞品的差距,挖掘品牌利益点
  • 触媒特点:偏爱的触媒渠道、品牌沟通方式/内容、转化效果,帮助品牌找到有效营销渠道和传播形式

到这个阶段,就完成了品牌定位全流程。这些定位理念可以作为品牌发展的牵引思路,指引产品和设计围绕定位的方向深入发展,为目标人群带去更好的使用体验。

 

 

三、品牌再定位

市场环境时刻在发生变化,品牌必须通过不断变革来永葆青春,品牌再定位就是实现品牌变革的一种重要方式。

通常来说,品牌再定位有几种可能情况。一是原本定位错误,品牌定位时可能找错了目标人群,也可能没有挖掘到精准需求,导致在后续对品牌监测时,发现品牌健康度、销售情况等与预期差距太大,比如著名的万宝路香烟,最初定位是针对女性,市场业绩表现一般,后来更改策略重新定位为男士香烟,并使用了具有男子汉气概的西部牛仔形象,使得品牌脱颖而出。

定位优势不复存在也是促使品牌再定位的一个因素,这主要因为竞争环境发生了较大变化,新的竞品出现,甚至成长成强劲品牌,这就削弱了本品品牌原有的优势和竞争力,如果坚守原有定位,势必会处于被动挨打的地位。

此外,目标客户群消费动机和需求的改变,也是促使品牌再定位升级的重要动力。

总体来说,品牌定位是一个长期动态的过程,它既是品牌策略的起点,也是最终目的,即精准把握目标用户需求,基于此推动产品和设计迭代,从而牢牢占据用户心智,在与竞品的竞争中脱颖而出,缩短用户决策使用/购买产品路径,促进用户数量/销量等产品核心指标的提升。


作者:设计中台

转载请注明:学UI网》品牌定位,抢占用户心智第一步

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



卡片式设计 | 掌握这些技法,快速提升界面效果!

seo达人


一、卡片式设计的定义

1、什么是卡片?

早在互联网时代之前,卡片就出现在了我们生活中的方方面面,如名片、不干胶标签、便利贴、会员卡…等,不管是何种类型的卡片,它都将代表着我们现实生活中的某个特定信息。

图片

卡片指的是含有图片或文本信息的容器,它将我们需要的信息归纳在一起、并形成独立的个体,以至于后续被引用到线上界面中,同样具有非常不错的信息归纳效果。

 

2、互联网中的卡片式设计

卡片本身就是一个完整的信息区块、并同时承载丰富的互动方式。在UI设计中,个性化和美感兼备的卡片式设计具有很强的易用性,它是一个UI设计组件,将标题、文本内容、图形/图片进行整合并模块化,让信息的表达更加直观、操作也更便捷。

卡片式设计之所以能成为当今比较流行的趋势,是因为它能让界面信息更有层次感,从设计、交互、视觉以及用户体验等各方面来看,都有不错的优点。站在用户角度,即便不太理解卡片的概念(也不需要理解),但能快速知道如何使用它,相对来说,学习成本也是极低的。

图片

 

 

二、卡片式设计价值

1、结构清晰

卡片在占用屏幕空间较少的情况下能够将不同大小、不同类型的信息内容按逻辑进行分组呈现,使界面结构更加清晰。相比纯粹的留白或分割线,卡片不仅对信息作出了分割,其本身还是一个独立的容器,让归纳组合后的信息能快速突出重点,将复杂内容简单化处理。

卡片式布局整齐简练,清晰的信息结构有助于用户浏览,方便快速找到自己感兴趣的内容,避免用户产生一种费时或感觉内容超长的恐惧感,还能节省更多的时间成本。最常见的就是信息列表、图文混排等,不仅做到了视觉上的美观,也达到了平衡文字及图片强弱的效果。

图片

 

2、场景拓展

卡片式设计有利于场景拓展,他能在信息不断增/减的情况下、页面依然能组成一个连贯的整体,在视觉上毫无违和感。例如支付宝在头部插入的广告引流入口、淘宝在节假日增加二层楼…等。

图片

 

3、空间扩展

卡片式设计一度打破了移动端多为纵向操作、原有传统的列表式布局,在空间有限的移动端设备中,还能很好的利用横向空间。将横向滑动区域的最后一个卡片漏出一小部分(若隐若现才是诱惑),不仅能给予用户更多选择与期待,其空间利用率也得到了很好的扩展,在展示更多内容的情况下依然能保持模块的整体性。

图片

 

4、突出重点

卡片式设计能很好的通过边界衬托出内容的整体性,特别是在电商类产品中的首页头部、瓷片区、营销引流区将其应用到了极致,即便在卡片数量较多的情况下,用户依然能清晰的感知到内容的归属层级以及重要信息。

图片

 

5、兼容多端

卡片作为一个容器,它可以自由无限的等比缩放,非常适合响应式设计。在手机、iPad、电脑等屏幕尺寸复杂的情况下,通过放大缩小或增减纵向排列数量的方式配合响应式的断点设计,让同一界面在不同设备之间轻易的创造出一致性的视觉体验。

图片

 

6、易于操作

卡片给人最直观的感觉就是可以操作,它不用箭头、按钮或超链接等引导性的视觉元素提醒,节省了一定的页面空间,还有着更大的操作热区,无需做到精准点击。卡片式设计很容易融入各种交出手势,如单击、双击、长按、拖动、滑动等,为用户提供更多便捷的操作。

 

7、跳转流畅

卡片可通过缩放的形式充分利用动画进行页面跳转,例如App Store“Today”频道,点击卡片后直接等比放大至全屏,给用户一种还停留在当前页面的错觉,避免了传统的跳转页面而造成的信息割裂感,流畅丝滑的过渡,给用户更自然的交互体验。

 

 

三、常见的卡片式设计样式

1、四周留白

这种类型的卡片在UI设计中最为常见,柔和的圆角、边缘阴影以及四周很自然的留白,让内容模块的存在感更加强烈,整个页面信息的层级也更加清晰。

图片

 

2、悬浮内容之上

悬浮型卡片并非模态弹窗,与其相比,悬浮卡片不需要主动操作触发,可作为临时控件或长期固定显示,并且比模态弹窗能承载更多信息内容,可通过伸缩来定义卡片中的信息数量,或多、或少、或展示、或隐藏,在页面中非常灵活。

例如高德地图首页,搜索框及右侧的功能入口长期悬浮在地图之上,而下方卡片中的内容会随着高度的伸缩自动调节可展示的数量,非常实用。

图片

 

3、通栏类型

通栏类型的卡片具有更强的视觉阻断,对区分不同的功能模块有不错的效果,不过这种类型只通过页面背景色保留上下边间、且不会过多,不然页面会显得零散、杂乱。

图片

 

 

四、卡片适用场景介绍

1、瀑布流

瀑布流主要正针对图片较多、或以图片为主的内容设计,它最大的优点是无需过于在意图片的高度,最大限度的还原原始图片效果。

卡片式设计的瀑布流对信息的组合、包容性更强,不仅能在单屏区域内显示更多内容,同时又将每组信息组合作出了明确的划分,在不破坏页面整体性的基础上也做到了相对独立,如花瓣、Pinterest就是最好的例子。

图片

 

2、信息流

信息流的展现方式主要以文字、图片或视频内容为主,是一种较长内容的媒介,不管哪种展现方式,其都需要用户耗费较长时间的滑动、浏览来筛查对自己有用的信息。

卡片式设计将信息进行分块处理,通过阻隔的方式快速告知用户每个卡片的核心内容,便于用户在长时间的滑动过程中也能快速识别重要信息。

图片

 

3、左/右滑动

卡片式左右滑动组合在音乐、视频类产品中用最为广泛,因内容本身就图片居多,也更适合卡片式设计,相比平铺具有更强的层次感,对用户的吸引力较强,尤其最右侧漏出的一小部分内容营造出神秘的感觉,用户会不由自主的想去滑动以求获取更多信息。

图片

 

4、优惠卡/券

卡/券设计实际是把生活中的实物映射到了UI设计中,通过模拟实物造型设计成卡片样式,有效降低用户的理解成本,并对其有了更直观的感知,真实感尤为强烈。

图片

 

5、突发事件/临时提醒

对于用户主动触发或系统临时发起的非固定性内容,利用卡片式设计会让信息布局更灵活、视觉更突出,在不影响用户使用的前提下,可出现在任何位置。

图片

 

6、部分页面头图

卡片式设计可以将个人中心、个人主页、会员等页面中的关键信息进行概括,并在头部位置进行重点突出,不仅让原本单个的内容形成整体,还能营造出沉浸式的氛围。

图片

 

 

五、卡片式设计原则及小技巧

1、一致性原则

为了保持界面设计的一致性,需要将卡片样式纳入设计规范,例如卡片是否通栏、是否需要设定圆角半径、不同场景中卡片大小的划分界限以及圆角数值的确定等,大部分情况下都需要遵循设计规范。

图片

 

2、功能定位决定卡片形式

在同一产品中,虽然要遵循设计规范以确保一致性的视觉效果,但并非所有页面都适合卡片式设计。

那么,到底是否需要采用卡片形式、使用哪种卡片类型?这还得根据页面内容属性及目标定位来决定。例如社交产品中的临时会话列表、动态圈子使用卡片形式,很浪费纵向空间、甚至会显得很“鸡肋”,用分隔线或间距留白来区分信息组显然更合适;但对于电商类型的产品,利用卡片将不同的商品分隔后又进行归纳,会更容易识别,信息的可读性也会更强。

图片

 

3、避免过多卡片嵌套

卡片式设计本身就包含了容器与背景的层级表现,为了保持内容的正常展示与用户浏览体验,避免在卡片中嵌套多层卡片,以免信息层级杂/乱而增加用户的视觉负担。

如果再同一卡片中需要再次区分多个信息组,可利用间距留白、分割线或浅色背景等元素属性来区分,依然能达到想要的效果。

图片

 

4、合理利用横向空间

因为卡片内、外的双向间距留白,在空间有限的移动端设备中,横向空间利用率较低,因此除了合理的减小左右间距外,还可以适当利用左右滑动来扩充横向隐性空间。

例如淘票票首页,在1.5屏的范围内,几乎每个模块都能横向滑动查看更多内容,从用户体验角度出发,这是纵向空间无法比拟的。

图片

 

5、降低纵向空间的浪费

卡片式设计不是目的,其主要是用来更好的区分信息层级、提升用户浏览体验,因为卡片要作为独立空间的存在,必定会增加上下间距而导致页面拉长,因此,如无必要,不必盲目采用卡片式设计。

例如美团APP的「首页、电商、购物车、我的」4大主功能页面都使用了卡片形式,而「消息」页则采用分割线进行信息分组,试想一下,如果为了统一规范而使用卡片,不仅造成很强的割裂感、还会极大的浪费纵向空间。

图片

 

6、长文表达不适合卡片

这点不用多说,新闻资讯类产品的内容详情页就是最好的证明,不管其他页面是否采用卡片形式,但详情页并不会跟随形式,一方面可以让同屏展示更多内容、增加空间利用率,另一方面可减少无关元素对用户产生的干扰、给予沉浸式的浏览体验。

图片

 

7、突出一个核心内容

很多时候,我们总会听到PM说这个很重要、那个也很重要,都需要突出一点,殊不知当什么都突出了也说明什么都没有突出。在单个卡片中,组始终牢记这个准则:一次只突出一个核心信息,以便于用户快速、精准捕捉,切记不可贪多。

 

六、结语

卡片式设计之所有能快速流行起来且经久不衰, 其主要得益于自身的灵活性,尤其是在跨设备、跨屏幕上有着纯天然的优势,能忽略设备的差异给用户提供更好的服务。卡片并不是简单的样式设计,它是一种自由布局的设计语言,通过多种方式的信息组合、结合丰富的交互操作,给用户创造出极致的使用体验。

信息的呈现方式虽有不同,但最终的目的都是为了服务于内容,卡片式设计只是其中的一种形式而已,在设计过程中,我们需要根据内容结合实际情况作出合理的判断,切勿拘泥于形式而忽略内容本身的重要性。

任何设计风格及展现形式都有可能成为历史,卡片式设计也不会例外,但绝对不是这么快就结束,它依然值得我们去深究,力求打造更好的信息布局、更舒适的用户体验。

 

原文地址:能量眼球

作者:大漠飞鹰CYSJ

转载请注明:学UI网》卡片式设计 | 掌握这些技法,快速提升界面效果!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



有驾在现场 车展品牌全案设计【百度】

seo达人


一、什么是“有驾在现场”

有驾是百度旗下汽车信息与服务平台,累计用户超5.3亿,致力于为用户提供真实、可靠的看选买车服务,以及为车企和经销商提供从品牌到效果的一站式互联网营销解决方案。

车展对有驾来说是一个流量爆发的大事件,2021年广州车展期间有驾品牌全网曝光累计6.3亿次,创历史新高。而【有驾在现场】是百度有驾历年车展系列活动沉淀下来的品牌IP,已经成为活动固定的品牌标识。

图片

 

二、借势大事件,打造车展品牌全案

借势车展的关注度与影响力,我们想要通过分析调研总结,对本次车展进行视觉定调,建立品牌识别体系,沉淀专属有驾车展活动的品牌符号和印记;进行线上线下联合推广来打造有驾车展品牌全案,提升有驾的品牌影响力;优化活动体验来为平台进行引流,让用户对有驾产品有更明确的认知。

同时由于车展项目涉及跨部门合作,我们希望可以通过车展品牌全案,统一不同分工输出的设计物料视觉一致性,以达到提质增效的目的。

图片

以打造品牌全案为出发点,我们梳理了以下项目计划。

图片

同时,通过有驾用户画像分析,建立用户标签,分析用户属性及偏好,以更好的触达用户。数据显示有驾APP大部分用户为常驻中高线城市的年轻男性,经历着数字化信息时代的便利,同时也受到更好的教育和各界多元的文化影响,更大胆更容易被新的东西所吸引。

 

三、分析项目现状总结优化点

根据过往车展项目分析,总结发现存在品牌识别度较弱且没有统一规范、品牌统一性较弱导致用户认知成本较高等问题。

图片

 

四、提炼品牌关键词

根据用户画像及现状分析,明确业务需求,通过脑暴的形式罗列品牌关键词,基于品牌DNA对有驾车展进行视觉升级需挖掘符合核心用户的语境语言和视觉偏好,提炼出品牌关键词,根据关键词规范可延续的品牌元素,打造清晰的品牌全案以更清晰的指导后续视觉设计工作。

图片

 

五、视觉定调

根据关键词确定了以赛博朋克风格为视觉基调,通过三维建模搭建北京地标建筑场景,搭配大胆的配色和新颖的元素样式打造潮流个性且具有未来感的视觉画面,匹配车展品牌的创新理念。

同时,在活动玩法方面,通过优化活动玩法,多条件激励用户给予用户沉浸式的体验。

图片

 

六、建立品牌体系

确定基础视觉调性后,我们通过形色质构来规范和输出有驾车展品牌vi规范,建立有驾车展品牌体系,以提升视觉的产出效率,确保线上线下视觉输出的一致性。

图片

 

七、品牌LOGO

【有驾在现场】是有驾多年延续下来的品牌基因,本次车展也将继续夯实品牌资产,进行优化升级传递品牌调性。

由于旧版的字体圆角等设计样式相对柔和,不能准确表现本次车展视觉调性。为了传递有驾车展的潮酷、未来感,设计上将旧版文字加粗,圆角调整为直角,并进行一定的倾斜处理,使字体展现更加果断硬朗;同时,我们将部分笔画进行连接,让字体充满动感或速度感;最终的字型效果运用有驾品牌蓝绿色光效以更好的与画面结合。

图片

 

八、色彩尝试

由于整体风格参考赛博朋克,配色方面基于有驾品牌色进行延展,辅助色起到平衡主色的冲击效果、活跃视觉,释放潮流激情,突出重点模块;元素上尝试渐变色丰富元素样式。

图片

 

九、组件化通用元素

通过组件化通用元素,不同物料可以快速复用,节约设计成本,解决整个活动的视觉一致性,同时可以沉淀设计资产。

图片

 

十、车展主KV

根据关键词【未来感】【年轻化】分析适合有驾的设计风格和调性,通过三维建模的画面表现形式,构建充满科技感的赛博朋克画面,打造潮流科技的有驾车展基础场景。

主视觉场景设定为高楼耸立的公路上,有驾跑车向“有驾在现场”北京车展活动现场飞驰。充满速度感的跑车、霓虹灯牌、高楼大厦色调和质感的碰撞,传递出一种直观的科技感,引领新时代年轻用户和有驾一起驶向未来。

根据上述的内容进行车展主kv的场景设定,输出了草图方案。

图片

整个场景围绕“有驾在现场”进行设计,融合车展相关元素,渗透品牌标识。

采用3D和2D相结合的形式,用C4D进行场景搭建,OC渲染器进行灯光材质的渲染,反复修改调整场景布局、元素等,最终输出三维设计图后进行PS后期,输出最终的主视觉。

图片

根据以上内容,输出了对应的车展VI规范。

图片

 

十一、车展专题页

根据主KV及VI规范进行专题页的延展,部分内容复用过往车展框架模块。

新增了导航栏设计,便于用户快速跳转到感兴趣的内容模块,导航图标大胆创新尝试渐变色融合的配色形式,让扁平的图标有更加丰富的呈现。在保证阅读效果的前提下,标题样式、页面元素及配色上更加潮酷。

图片

 

十二、集卡分百万 引流活动

过往集卡活动不仅与产品、车展契合度高,并且收益明显,因此本次北京车展活动将复用、优化集卡类活动,让用户沉浸式集卡,从而提升用户活跃及量级。

图片

在玩法方面,本次集卡活动延续过往活动做任务得车卡的主玩法,优化活动体验,新增了合成稀有卡可参与大转盘抽奖的玩法以激励用户集卡,同时设立了车展大众日,在当天进入活动的用户可以获得现金红包,以此来激励用户回流,丰富活动玩法。

图片

集车卡活动的主视觉元素及配色是依据vi规范,保证整体品牌调性的统一;普通靓车卡背景延续主视觉背景,稀有卡尝试不同配色和场景凸显其特殊性。

图片

除了专题页和集卡活动,线上还包括端内社区活动设计,整体视觉调性都与我们输出的车展品牌vi保持统一。

图片

 

十三、倒计时海报

为了给车展开幕造势,我们尝试复用主KV的三维建筑模型,将倒计时1、2、3与不同视角、不同配色的场景相结合,整体风格和车展主视觉保持一致,输出了三张倒计时海报,丰富了整个项目的宣传内容。

图片

图片

整个车展项目除了线上运营活动、造势海报,还有线下展会宣传物料及其他第三方输出的设计物料,整体视觉调性都是基于我们输出的车展品牌VI进行视觉延展,保持统一性的同时,又各自有不同的视觉传播效果。

图片

 

十四、总结

【有驾在现场】作为百度有驾车展品牌活动,我们通过未来感、年轻化、体验感三个维度来塑造有驾车展系列活动的品牌调性,搭建了基础风格,建设三维赛博朋克高品质主视觉,视觉元素细节惊喜感打磨,通过优化活动玩法进行引流,沉淀出新的大事件视觉设计思路,打造了有驾车展品牌设计全案。

未来我们的思考不仅仅只局限在视觉的表现上,还要继续挖掘品牌系列化活动的延续性与独特性,同时更要通过合理的情感互动建立和用户的链接,为品牌长线发展提供更多价值。

 


作者:设计中台

转载请注明:学UI网》有驾在现场 车展品牌全案设计【百度】

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



如何通过设计语言手册来传递品牌理念!

seo达人


 

图片

本次以3.0时代加入以人文中心主义的设计,人文感官品牌情怀社区为方向发起升级!58到家作为一款为消费者提供家政服务的产品,致力于为消费者带来品质生活!设计语言的存在需要将用户、产品、服务进行结合,并在不同服务中保持统一的展现,从而对体验和商业上带来价值。

我们将产品划分为三个阶段:

1.0:满足了以产品为中心的设计,达成生产售卖通顺闭环;

2.0:满足了以消费者为中心的设计,考虑更多用户体验;

 3.0:加入以人文中心主义的设计,人文感官品牌情怀社区。

图片

那么明确了我们本次升级的方向后,制定了整个产品的框架,底层加入了人文感官品牌情怀的相关因素,再应用到我们现有的业务上,在协同上进行高效的链接,产品到设计,设计与设计,设计到开发。最终形成了我们的前台展现页面。

 

 

图片

最适合用户的设计语言手册,才是合理的,那么在3.0阶段的人文感官品牌情怀,核心即为人,也就是我们的用户,首先我们要了解用户的情感诉求。

图片

根据我们的用户画像以及多轮访谈调研, 得知用户的相关正负情绪。生活当中家务工作的角色分配问题,一直是经常出现的一个场景。用户希望通过我们的产品服务,来提升生活的幸福指数!

在以此为前提的背景下,用户希望我们是专业标准化的省心高效的温暖温馨的舒适的具有亲和力的等等。最终都会期望以更有品质的生活而结尾,那么“品质生活”即为我们需要来传递给用户的情感。

 那么品质生活是什么呢?

图片

其实用户对我们的要求是一款提升生活品质及愉悦感的产品,而非工具。

 

 

图片

综上所述,我们确定了以品质生活成为我们的本次设计语言升级的slogan,再结合业务的自身特性,我们进行了详细的拆分后提炼出了以下相关关键词,来满足用户更多的情感诉求。

干净明亮 

居住环境的洁净会带给人更多舒适惬意的感受。首先对品牌色进行了升级,使其更鲜明。也延展与其相匹配的辅助色来打造出完善的色彩体系。

图片

 

阳光照射在屋子里,用户惬意地躺在沙发上,光总是能给人温馨温暖的感觉。针对光束进行了深度剖析,过滤掉了光源生硬的进入以及具象光源的展示方案,最终确定使用相对适中的渐变色。

专业 

专业是线上线下综合诉求的结合体,那么在线上加强品牌背书、有迹可循的一致性来达到满足所的情感诉求。

高效 

用户携带诉求而来,那么减少用户感到麻烦的情绪,对产品的识别清晰、操作便捷提升是最直接影响的。

亲和力 

服务行业需必备的能力,微笑服务也成为了我们的业务情感透传标准。提炼出微笑符号结合我们的实际场景进行运用!

慢生活… 

在对用户的相关情感诉求结合业务进行了落地后,对效率类设计原则也进行了相应的升级。

 

 整体架构 

应用整体架构也是一个应用对外呈现的基础结构,是系统风格的体现形式之一,除了特殊设计诉求,通常情况下,应用需要使用通用的应用架构来保持系统的一致性和用户操作的易用性。

图片

 栅格系统 

布局不是静态固定的,栅格系统在一个应用内的重要程度不言而喻。我们设定了以4dp / 4pt为基数的栅格系统。

图片

 文本原则  

文本作为产品中用户获取信息的主要信息载体,字号大小和字重决定了信息的层级和主次关系。对字号、字重、行高以及组合字体进行了设定,为不同的场景创造了层级分明以及清晰的信息读取体验。

图片

 间距参数  

针对页面内容区域的通用元素间距进行了分类。设计师结合具体场景的情况,来调用间距参数的适配逻辑。以此来结合栅格系统进行更好的适应相关视觉元素符号的对应变化。

图片

 圆角参数  

结合业务属性保证亲和力的透传,在产品尽量避免出现锐角图形的设计表达手法。故此针对圆角的大小也进行了系统级别的定义,进行深度统一管理!

图片

语意原则及动效等,并依据相关设计原则产出了组件库。

 

 

图片

在多元化的产品时代,时刻关注并满足用户的情绪,是产品能脱颖而出的关键!在建立设计语言手册时从提升用户体验和满足商业价值整体考虑,挖掘流程当中线上线下的触点,多维度思考并总结落地,深度传递品牌理念。

设计语言手册更多时候是一个相对宽泛的阈值,并非组件的固定值,在某些业务场景下能为用户带来增值体验或较高商业价值时,可以被打破。最后,核心就是在搭建语言手册时应思考更多“为什么”这么做!

 作者:58UXD

转载请注明:学UI网》如何通过设计语言手册来传递品牌理念!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档