首页

设计模式丨加载提示:如何让用户看到任务执行进度?

seo达人



What 是什么

简介:「加载提示」是用户在提交操作之后,程序响应结果前显示的动画和指示。

加载提示通常是仪表或温度计式的动画,用于显示某项耗时较长的任务的关键数据。例如,上传大型文件或图像,或者在移动设备上加载移动应用程序时的动画,表示当前的状态以及完成任务剩余的时间。

例子: 使用 Ant Design 组件-加载中 搭建的kitchen页面加载时的效果

 

Why 为什么

「加载提示」可以让用户通过一个指示器看到系统正在积极进行响应,让用户感受到当下的交互反馈是实时的,使用户有耐心保持在等待的状态,不离开当前页面。特别是当一个页面其他部分都不能操作的时候,更应该加上加载提示,这样用户在等待的时候会更有耐心。

 

When 什么时候使用

当一个耗时的操作会打断用户继续操作,或需要在背后运行,耗时超过一秒时就可以应用此模式。

原因为:

  • 不到十分之一秒时,用户会感觉他们在与界面进行“实时”交互,软件的响应让用户感觉是即时的,没有感觉到延迟。
  • 在十分之一秒到一秒之间,用户会感受到略有延迟,但他们会等待并立即继续。
  • 超过一秒时,用户可能会认为他的操作对任务推进不起作用,导致其可能放弃当前任务。此时若使用使用加载指示,用户就能明确知道系统正在工作,他可以选择继续等待或者在此期间进行其他活动。

使用条件

  • 当前的操作系统需要一秒以上时间处理
  • 为了让用户明确知道当前系统正在运行
  • 想让用户留在当前页面等待

 

How 如何使用

在页面中放置一个文字或者图形的指示器,指示当前已经完成的进度。告诉用户:

  • 当前正在做什么;
  • 已经完成了多少比例;
  • 还需要多少时间才能完成;
  • 如何停止这项任务。

有时加载提示的时间不一定十分精准,但是只需要保证出错时能很快回到准确的时间就可以了。当一个用户界面无法推断耗费时长时,可以使用加载提示告诉用户当前系统的处理状态。

 

Example 案例

案例一:Apple 音乐 APP启动页面

用户需求:选择在线音乐听歌

在用户进入APP时使用了加载提示动画,通常应用于轻微等待的场景下。目的是让用户知道“系统正在工作,请稍等”。

undefined

 

案例二:语雀和钉钉邮箱上传附件

用户需求:上传文件

在上传大文件时,等待的时间可能比较久,此时的进度条可以让用户知道当前的上传进度,用户能够预估大概还需要多久才能传完。

undefined

undefined

 

案例三:安卓端Google Play 商店

用户需求:下载软件

Google Play商店中将软件下载到用户的安卓设备上时会显示加载指示条,将文件大小,进度提示等信息都显示在上面,可以让用户知道需要多长时间,并可以等待、取消或做其他事情,稍后再回来。

undefined

 

案例四:Adobe Creative Cloud desktop manager

用户需求:下载软件

Adobe 在其macOS桌面的 Creative Cloud 应用程序中使用了加载指示。 在页面中放入了进度条,让用户知道安装进度。

undefined

 


原文地址:Ant_Design(站酷)

作者: 六六

转载请注明:学UI网》设计模式丨加载提示:如何让用户看到任务执行进度?

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

截屏2021-05-13 上午11.41.03.png

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

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


盲盒热潮-设计师必备工艺揭秘

seo达人


 

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

 

图片

图片

图片

图片

图片

图片

[优化输出图像]

图片

图片

 

 

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

原文地址:百度MEUX(公众号)

作者:运营设计中心

转载请注明:学UI网》盲盒热潮-设计师必备工艺揭秘

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

截屏2021-05-13 上午11.41.03.png

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

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


还不知道什么是汽车HMI设计?进来带你快速了解

seo达人


什么是汽车HMI?

什么是汽车HMI呢?咱们先把这个概念拆分成两个关键词:汽车+HMI

先来说一下HMI,HMI是Human Machine Interface的缩写,“人机接口”,也叫人机界面。

HMI(人机界面)是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

知道了HMI的定义后,我们把“汽车”这个前缀加上,汽车HMI是指用户与汽车系统之间进行人机交互的媒介

图片

当然汽车HMI并不局限于界面中,而是作为功能的集合,例如汽车仪表盘、HUD抬头显示器、交互媒介(语音、触觉)等,都是汽车HMI设计包含的内容。

 

聊聊汽车HMI的发展

目前我们说到的汽车HMI最早是在80年代初推出的。

在当时,普通汽车需要实现的功能在迅速增加,设计师的任务之一就是为驾驶员提供控制,保证驾驶员能够使用和管理这些新功能。

对于新功能的增加,主要遵循两种方法:

  • 一是添加模拟控件,为新功能添加物理按钮。例如想在车内开空调,需要空调开关控制按钮;想在车里听音乐,需要添加换歌/调节音量按钮。
  • 二是添加具有动态内容的汽车屏幕系统。例如展示车速的动态仪表、可以导航的动态地图。

图片

第一种方法在德系车中比较流行,而第二种方法在美系和日系车中比较流行。

现在看来也是这样,虽然现在汽车都在用车载大屏来代替物理按键,但德系车的物理按键仍然要比日系车多。

别克汽车在1986年最早推出了车载屏幕系统,用户可以在单色触摸显示屏中控制电台和天气。

图片

另一个典型的案例是日产推出的CUE-X概念车,具备可触摸和彩色图形的车载系统。能够看出来,当时车内功能控件的位置和设计跟现在的车内饰已经很像了。

图片

现在的汽车HMI更像是汽车控制中心与娱乐系统混合的数字座舱,提供的功能更多更强大,同时兼备娱乐属性。

图片

 

汽车HMI设计重点关注这些原则

设计美观有效的HMI,需要将艺术性与功能性合为一体。艺术性和功能性应该是平等和谐地协同工作,让用户沉浸在体验中。以下是一些基本的设计原则:

 

给用户控制感

汽车HMI应该始终在合理的时间内,通过适当的反馈,告知用户当前的状态

这一点在用户开车时尤为重要。如果系统在没有通知驾驶员的情况下就采取某个行为,很可能会对驾驶员造成干扰,产生不好的后果。

驾驶员驾驶汽车,实际上就是在控制汽车做出各种行为。这既是一种控制,也是一种反馈,控制的是汽车的功能,反馈的功能带来的结果。例如利用指示灯、速度仪表等各种动态化信息,随时告知驾驶员当前的状态。

 

遵循“安全第一”法则

HMI系统主要的好处是可以帮助我们避免事故。现代汽车配备了许多传感器,传感器可以收集信息,再利用这些信息跟踪驾驶状况。

HMI系统可以实时监控情况,防止交通碰撞和事故的发生。系统对条件的响应包括:

反应型:系统会通知驾驶员刚刚发生的事,例如胎压过低或疲劳驾驶,并向驾驶员发出警告。

主动型:系统分析状况,预测可能发生的情况,并基于潜在的不良情况向驾驶员发出警告。例如系统分析天气状况,并建议用户避免在道路结冰的日子开车。

图片

在设计系统响应时,重要的不是用大量信息淹没用户,而是要制定可靠的通知策略。发送给用户的反馈应该是:

  • 有价值的:用户只看到他们关心的反馈。
  • 及时的:反馈应该在需要时准确发送给用户。
  • 清楚的:在设计信息反馈时,依据模块化和格式塔原则很重要,确保用户能够快速理解反馈表达的含义。这些信息越容易理解,安全性就会越好。

 

认知负荷最小化

认知负荷是使用系统需要付出的脑力成本、思考成本。用户在使用产品时付出的成本越小,说明这个产品至少是简单易用的。

话说回来,如果一个车载系统要求用户承担大量认知负荷时,说明这个系统存在很大的改进空间。

首先,不要去强迫用户记住汽车驾驶相关的信息。大家都知道,用户在短期记忆中不能记住太多信息,特别是多个容易混淆的功能或抽象的概念。

预先考虑用户在驾驶过程中可能遇到的问题,例如机舱温度是多少?现在在听什么音乐?怎么导航去商场?基于这些场景和问题进行系统的设计,以此来解答用户的问题。

图片

其次,基于现有的心智模型构建HMI至关重要。为什么大多数汽车的仪表、中控的分布位置都很相似呢?

实际上这些都是在用户与汽车的交互行为中建立起来的使用习惯,遵循熟悉的设计方式,能最大限度减少学习使用系统所需的工作量。

 

减少不必要的分心

驾驶过程中,驾驶员没有什么理由去看手机,因为HMI能够做任何在手机上能够做的事情。可能会有人说,现在车载大屏尺寸那么大,会吸引用户的注意力,对驾驶造成一定影响。

所以现在越来越多的智能汽车推出各种车载语音助手,将声音——而不是触摸,作为用户与系统交互的主要媒介,通过语音来控制场景,例如切歌、拨打电话、调节温度等。

 

不言自明的导航体验

可发现性(在系统中找到特定功能)和导航体验应该在设计中处于最高级别。

现在很多车载系统面临着操作层级过多/过深的情况:用户需要点击很多次才能找到他们想要做的功能。

通过仔细规划系统的信息架构,将常用的功能放置在第一层级,可以避免这种情况。

图片

想调整座椅的高低,我们只需要上下移动座椅旁的把手就可以。如果用系统来控制座椅,需要将控制座椅的功能放在用户触手可及的位置,否则会增加用户的操作成本。

 

改进视觉效果

美即适用效应的影响下,用户更倾向于认为好看的、有吸引力的产品更实用。

设计师可以通过改进系统的视觉效果,改善用户对系统的感知态度。例如为导航渲染逼真的3D模型,能帮助用户更快地理解他们现在所在的位置和要去的地方,并获得很好的体验。

图片

验证HMI是否合理,不仅要衡量操作完成的时间和发生错误的数量,还要注重用户满意度。

尝试向真实或潜在用户进行可用性测试时,向用户询问,“这个设计让你感觉如何?”。如果发现用户的体验感觉不好,设计师可以提出更具体的问题,以确定需要改进的地方。

 

最后

用户对汽车HMI的期望很高,有时候甚至会依据汽车HMI体验的好坏来决定是否购买汽车。

如果你下次设计HMI系统,可以将这些要求作为基准:

  • 给用户一种控制感;
  • 提供良好的学习能力;
  • 避免分散注意力;
  • 不断了解用户偏好并提出更改建议;
  • 激发用户积极的情绪反应。 

 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》还不知道什么是汽车HMI设计?进来带你快速了解

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

截屏2021-05-13 上午11.41.03.png

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

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


用一篇文章,帮你了解什么是虚拟数字人?

seo达人



1.数字人的三方面特征

虚拟数字人是指具有数字化外形的虚拟人物。与具备实体的机器人不同,虚拟数字人依赖显示设备存在,我们所知的很多虚拟人都要通过手机、电脑或者智慧大屏等设备才能显示。

图片

虚拟数字人宜具备以下三方面特征:

  • 一是拥有人的外观,具有特定的相貌、性别和性格等人物特征;
  • 二是拥有人的行为,具有用语言、面部表情和肢体动作表达的能力;
  • 三是拥有人的思想,具有识别外界环境、并能与人交流互动的能力。

综合来看,就是具备四方面的能力,即形象能力、感知能力、表达能力和娱乐互动能力

如果我们下次再看到有公司推出数字人,就可以结合这些特征和能力来判断这个数字人的可信度,避免被借势营销的企业钻了空子。

 

2.数字人的运作原理

知道了什么是数字人,接下来就要搞清楚数字人到底是怎么说话、互动的,是背后有真人在操控,还是完全通过技术生成。

面对新兴的数字人,相信很多读者都存在类似的疑问。

数字人的诞生发展和AI人工智能可以说是密不可分,想了解数字人的运作原理,首先要知道数字人的通用系统框架

虚拟数字人系统一般情况下由人物形象、语音生成、动画生成、音视频合成显示、交互等5个模块构成。(资料参考: 2020年虚拟数字人发展白皮书)

图片

交互模块为扩展项,根据其有无,可将数字人分为交互型数字人和非交互型数字人。

首先看一下非交互型数字人:系统依据目标文本生成对应的人物语音及动画,并合成音视频呈现给用户。

图片

交互型数字人根据驱动方式的不同可分为智能驱动型和真人驱动型。

图片

 智能驱动型数字人:通过智能系统自动读取并解析识别外界输入信息,根据解析结果决策数字人后续的输出文本,驱动人物模型生成相应的语音与动作来使数字人跟用户互动。

这种人物模型是预先通过AI技术训练得到,可通过文本驱动生成语音和对应动画,业内将此模型称为TTSA(Text To Speech & Animation)人物模型

 

图片

 真人驱动型数字人:真人根据视频监控系统传来的用户视频,与用户实时语音,同时通过动作捕捉采集系统将真人的表情、动作呈现在虚拟数字人形象上,从而与用户进行交互。

 

3.数字人常见的类型

调研分析当前市场上的数字人,根据人物图形维度,分为2D和3D两大类,从外形上可分为卡通、写实等风格,综合来看可分为二次元、3D卡通、3D高写实、真人形象四种类型。

图片

接下来根据每种类型的特点,从外在形象、服饰装扮、表情动作等方面,结合典型案例来逐一分析虚拟数字人的设计。

 

二次元类型

虚拟歌手-洛天依

图片

洛天依的职业设定为虚拟歌姬,个性软萌可爱、温柔细腻,外貌特征上是灰发、绿瞳,头戴碧玉发饰。

图片

 除了独特的形象和性格,洛天依还能唱歌、跳舞、直播带货,多样的才艺加持让人物设定不单薄,受到很多用户的关注。

 

3D卡通类型

虚拟助理-度晓晓

度晓晓是基于虚拟人IP的陪伴型虚拟助理。在小度助手的能力基础上,度晓晓有虚拟人物形象和情感交互系统,具备视觉识别能力,支持自然的交流方式。

图片

 在外形装扮上,度晓晓是红色短发的甜美可爱风,五官比例偏向二次元风格。根据现有案例来看,度晓晓在眨眼、微笑等面部微动作以及肢体的造型,都很自然、生动,整体设计效果相对较好。

 

图片

 度晓晓定期更新身穿不同主题服装、摆着各种pose的形象,每套服装都有一个主题再带配上各种周边小配饰,营造出一种清新时尚的效果。

 

3D高写实类型

浦发银行数字员工-小浦

小浦作为银行的数字员工,主要进行风险评估、要闻播报、投资建议等在线服务。

图片

▲ 从外观上,小浦在形象上无论发型还是五官都足够拟人化、职业化,穿着银行职业装,属于比较典型的银行职员形象。

 

图片

▲ 小浦没有很夸张的面部表情,始终以面带微笑的状态面向用户,给人一种亲切感。肢体动作相对较少,没有特别夸张的动作设定,只有固定的几套动作。

 

虚拟偶像-AYAYI

AYAYI是使用Unreal引擎造出来的特别拟真的Metahuman形象。

图片

▲ 外在形象:写实程度更高,人物整体效果已经和真人十分接近,五官特别精致、眼睑微敛、银色短发,散发着一种清冷气质。

 

图片

▲ 从AYAYI社交账号的更新来看,目前主要是分享一些AYAYI的摆拍图片,穿着的服装、饰品都比较真实、时尚,拍照环境都是休闲、艺术类的场景。

 

图片

▲ AYAYI人物形象的时尚感和真实感,更容易切入商业化,比如穿着特定品牌的服装进行摆拍。

 

高保真数字人-Siren(塞壬)

图片

Siren是高保真、实时、可交互数字人,用到了实时渲染、表情捕捉、动作捕捉、高保真3D扫描等前沿技术,达到了目前业界最高的技术水平。

图片

▲ Siren的面貌细节更加真实,可以很清楚看到皮肤的细节眼睛的转动说话的神态、脸上各种各样的细纹。不管是毛孔、细纹等皮肤质感,还是神态上的表情,都很像真人。

 

图片

▲ Siren在说话时嘴唇动作自然,效果真实。

之所以有的数字人看起来不自然,很大一部分原因是因为数字人面部表情不生动,特别是在说话时嘴唇和脸部、牙齿甚至舌头的联动,很容易出现动作不联动、不真实的情况。

 

真人形象类型

新华社AI合成主播-新小浩

图片

“新小浩”是无论外在形象、面部表情、服装搭配、说话声音,还是肢体动作上,都是完全基于真实主持人生成。

图片

通过语音合成、唇形合成、表情合成以及深度学习等技术,克隆出具备和真人主播一样播报能力的“AI 合成主播”。

图片

▲ 我们每天都会遇见各种各样的人,即使脸上最细微的表情,我们都可以感知到,用计算机打造出来的表情,往往缺乏灵气

真人形象的虚拟主播的优势在于,他的特征都是来源于真人,呈现的面貌和状态更容易被用户了解。如果不仔细看,可能分辨不出是不是真人。

 

4.数字人的应用场景

目前国内市场上已经出现了非常多的虚拟数字人,在各行各业中有着广泛的应用。

虚拟数字人技术结合实际应用场景领域,切入各类,形成行业应用解决方案,赋能影视、传媒、游戏、金融、文旅等领域,根据需求为用户提供定制化服务

图片

按照应用场景或行业的不同,已经出现了娱乐型数字人,如虚拟偶像、歌手、网红、虚拟代言人等;

图片

助手型数字人,如虚拟客服、虚拟导游、智能助手。

图片

主播型数字人,如虚拟主播、虚拟支持人等。

图片

这里搜集的案例只是虚拟数字人的应用的一小部分,还有很多优秀的应用案例等待着大家去一起发现。

 

5.代表性的研发平台

国内有很多互联网平台在研发虚拟数字人,我也从中收获了大量的信息和资料,这次把这些平台分享给大家:

  • 搜狗AI开放平台
  • 网易伏羲、网易易现
  • 百度AI开放平台
  • 腾讯云、腾讯NEXT Studios
  • 讯飞开放平台…

 

设计夹把这些网站进行了汇总,如果大家想了解更多关于AI人工智能、数字人和最新科技的发展,可以去公众号后台获取网站链接~

领取方式:关注公众号,后台回复【数字人】领取虚拟数字人网址链接汇总

图片

慢慢来比较快,希望对你有所帮助!

 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》用一篇文章,帮你了解什么是虚拟数字人?

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

截屏2021-05-13 上午11.41.03.png

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

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


如何系统化的思考设计改版?

seo达人



1.为什么要改版?

如果你已经开始工作了,那么对于设计改版你应该不陌生。改版目的是为了优化产品体验,增加品牌粘性,提升数据转化。

一般情况下,产品在一年中至少会有一次大改版。其他情况下不会特别大的变动,毕竟每次改版都是会影响数据的变化,领导也不敢随便冒险。

那么到底什么情况下会改版?下面看一张图,就一目了然。

图片

从上图看出,通常在这些条件下,公司业务层、用研侧、设计侧驱动、年久未迭代、产品需求出发,企业基本就会做设计改版。

这里简要说下用研报告,用研团队和设计配合完成一份研究报告。那么这份报告里面就会有用户对产品主观评价,和测试过程中发现的一些体验问题或者产品问题,这些关键结论可作为设计改版的依据。

如果你在的团队有会每年都去改版,那么恭喜你,要好好把握每次机会,改版最能锻炼设计师的时候,也是设计师价值体现,平时小迭代版本真的就像小修小补一样。

 

2.改版中常出现的问题

  • 目标不清晰或者说不知道如何推导

在启动改版过程中,很多设计师不清晰设计目标,要达成什么要的效果。从大家作品集逻辑推导中就能看出,比如,很多设计师的目标关键词常出现的情况是:简洁、清晰、高级等等,我们可以想象下这样的词汇,是不是对任何产品都能用,没有体现出产品要真正解决的问题。

那么对于设计目标来说,我们应该从哪几个维度思考?

图片

在一般情况下,可从以上四个大维度去挖掘设计目标。设计师首先就需要对每个目标充分理解,最好能和老板、产品、领导对齐各方向目标后,开始去拆解可量化的设计目标。

这里补充说明下,如果只是单纯的视觉层面的改版,是很难得到多方协同支持,而且价值意义不是很大。所以,改版一定要挖掘出对产品产生明显影响的问题。

  • 不知所云的用户画像

在包装过程中,如果你只懂皮毛的用户画像,还是尽量不要把用户画像东西放进去,没有多大意义。放进去反让人觉得你是套模板,大家可以看看大厂公众号中改版文章,几乎很少看到用户画像。

那么用户画像一般什么情况下会出现?比如是0~1设计启动,这时候是需要细分人群定位,但是在设计侧角度来说,建议别放,除非你对这块非常懂。

 

3.设计改版流程

虽然网上流传出很多各种经典设计思维模型,比如斯坦福大学设计学院设计流程、尼尔森诺曼集团设计流程等,这些都大同小异。在真正做的过程中,还会有很多问题出现,我们还需从实际情况出发,遇到问题解问题。

图片

上图就是一个大致的改版设计方法,从洞察问题、目标确定、发散收拢、方案探索、结果汇报、推动落地等6个步骤,每个步骤都有很多事情要做,所以设计改版真的是一个很庞大的工程。

除了我们日常工作中这样去推进,在包装作品集思路时,也是可以使用这样的流程去思考,只是可以去掉最后两个步骤。

 

4.写在最后

前面有说到,我们真正在改版过程中可能并没有很顺,会出现很多突发状况,这也是考验设计师是否会灵活变通。最重要的一点是在启动项目的时候,不要单点去看产品的问题,最好能系统的思考和业务方对齐关键目标,找准发力点,循序渐进,这样也是为了减少设计过程中的返工问题,或者考虑不周的情况,不然会有失专业水准。

设计师路还很长,我们都需要在过程中学习成长,通过实战提高思维应变和设计能力,通过设计驱动价值体现。

 

原文地址:功夫UX(公众号)
作者: Tony
转载请注明:学UI网》如何系统化的思考设计改版?

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

截屏2021-05-13 上午11.41.03.png

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

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

如何区别B端与C端的产品设计差异?

资深UI设计者

随着企业数字化转型,B 端产品越来越受到人们的重视,B 端产品也越来越丰富,越来越多的 C 端设计师转行到 B 端产品的设计上来。

如何区别B端与C端的产品设计差异?我总结了26条对比!

但是,如何区别 C 端产品与 B 端产品,如何将 C 端产品的设计经验应用到 B 端产品上?这是一个需要思考与研究的问题。

从各个纬度来讲,C 端产品与 B 端产品具有一些明显的差别。接下来,我们就从区别 B 端与 C 端产品的 26 条上,来对比一下二者的差异。

Let’s gooooooo……

如何区别B端与C端的产品设计差异?我总结了26条对比!

基础

1. 定义

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:为企业客户提供商业价值的产品及服务。

C 端产品:满足个体用户需求的产品与服务。

2. 获取途径

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:公司领导层决策,普通员工使用,需要销售推广,通常将线下“大型会议、峰会、行业展会”作为主要场地,让客户近距离了解产品,树立专业的行业形象与行业口碑,进而吸引企业客户的兴趣(如作者之前所在的安防企业,就会频繁的参加展会,展示自己的专业能力)。

C 端产品:个人主观意愿下载使用,需要利用拉新、促活等营销方式,实现不断的新增、日活来加持自身体量。

3. 产品形态

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:SaaS 平台、客户端,多为 PC 端产品。

C 端产品:APP、小程序多为 Mobile 端产品。

3. 功能聚焦

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:具有多功能模块及多角色之间的协作。

C 端产品:以核心功能点为主,以及围绕核心功能点,完善用户体验及增值服务。

4. 所属类型

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:产业互联网。

产业互联网是基于互联网技术和生态,对各个垂直产业的产业链和内部的价值链进行重塑和改造,从而形成的互联网生态和形态。(百度百科)

C 端产品:消费互联网。

消费互联网是以个人为用户,以日常生活为应用场景的应用形式,满足消费者在互联网中的消费需求而生的互联网类型。(百度百科)

5. 生态属性

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:相伴共生,产业互联网每一个行业的结构、模式各不相同,必须通过整个产业链上的企业产生降本效应、提高效率,形成资源优化配置,产生 1+1>2 的效益。

C 端产品:赢家通吃,比如通过烧钱取得规模优势、利用人性的心理弱点去进行各种产品、用户数据的采集,没有底线、互联网杀熟等行为。

产品维度

1. 产品本质

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:本质是“进”,是帮用户(客户),节约时间,降低成本,增加收益。

C 端产品:本质是“出”,需要用户消费时间与金钱,满足个人的情感和生理需求。

2. 商业模式

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:企业按需定制付费较多、个人付费较少。

C 端产品:用户流量和资源的变现实现营收,例如:广告、导流、增值服务。

3. 开发周期

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于产品更新迭代有较大的成本,因此,开发周期相对长,按月或年,大版本迭代。

C 端产品:周期相对短,按周或月,小版本快速迭代。

4. 生命周期

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由产业链以及商业模式决定,生命周期往往较长。

C 端产品:一般产品的保鲜期比较短,生命周期较短。

5. 产品关注点

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:专注业务及行业化的解决方案。

C 端产品:专注对人性的满足。

6. 产品需求来源

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:来源公司战略或业务线调整,甚至客户预期。

C 端产品:产品经理的市场洞察力和敏锐度,主动发现。

7. 产品思维

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:往往以工具化思维服务行业客户,更理性。

C 端产品:往往以游戏化思维增强用户的体验,满足用户,更感性。

8. 行业壁垒

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于业务、场景属性,容易建立行业壁垒,客户的切换成本比较大。

C 端产品:行业壁垒比较难以建立,往往以体量优势及价格优势挤压对手,同时,同时用户的切换成本较低。

用户维度

1. 用户类型

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:用户通常是一个团体或组织,用户的社会属性比较明显。

C 端产品:目标用户通常是具有某些特质的人群,具有明显的自然属性,且没有组织架构。

2. 用户体量

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:作为工具属性的产品,用户体量比较小,甚至有些定制化产品的用户只有几人。

C 端产品:相对而言,用户体量较大或非常大,才可以形成规模效应,进行流量变现。

3. 使用时机

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:往往仅工作日工作时间使用,用户在节假日,非必要不使用。

C 端产品:用户会在任意时间。

4. 使用时长

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:相对固定,且希望越短越好。

C 端产品:弹性较大,且希望越长越好。

5. 使用意愿

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:根据公司决策进行采购,用户被动使用,且没有太大的决定权。

C 端产品:根据自己的需求主动选择使用。

6. 使用场景

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:场景固定,多为办公室。

C 端产品:场景不定,用户可以在办公室、卧室、厕所、地铁上等多种场所使用,姿势可能是坐着、躺着、蹲着、斜靠着等等。

7. 用户粘性图片

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于用户的被动使用限制,用户对产品的可选性不高。因此,为了工作需要,用户粘性相对高。

C 端产品:用户可以根据自己的喜好,随时随地改变自己的选择,用户粘性相对低。

8. 用户容忍度

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:用户容忍度大,不好用也要用。

C 端产品:用户容忍度小,不爽就换。

设计维度

1. 设计侧重

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:关注业务功能和使用场景。

C 端产品:关注用户体验及感受。

2. 视觉风格

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:界面简洁、布局清晰,追求信息的有效表达和操作的便捷性。

C 端产品:风格多变,强调产品的视觉冲击力。

3. 情感体验

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:强调免打扰、高效,多关注业务解决方案本身的顺畅。

C 端产品:强调产品的趣味性,处处考虑用户的情感体验。

总结

明确 B 端产品与 C 端产品的区别,有利于设计师在设计过程中的设计经验转换。在设计过程中,做到有的放矢,而不是一味的生搬硬套,用解决 C 端产品的方法与思路,去解决 B 端产品的问题,从而让 B 端产品的解决方案更加贴近业务与场景。


文章来源:优设   作者:
弘毅

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


2022年,互联网10大关键词

资深UI设计者

互联网行业的未来趋势是什么?本文将从宏观环境、长期主题、确定性机会三个方面,来总结互联网的十大关键词,推荐对此感兴趣的朋友阅读,希望对你有所帮助。


2021年,互联网行业经历了一场耐力大考验。这一年,政策监管席卷了诸多行业,互联网行业身处风暴眼。从反垄断超200亿元巨额罚款,到平台之间“拆墙”势在必行,数据合规已经上升至国家安全的战略高度,一项又一项新政,让互联网行业告别野蛮扩张。互联网大厂内部的日子也不好过。

2021年三季度,互联网大厂们均不同程度地遭遇营收增长乏力、净利润增速下滑的问题,纷纷裁员过冬、节衣缩食。内外环境的变化都昭示着,消费互联网的时代渐行渐远,互联网行业正处在转型的重大拐点。身处其中的玩家们,只有两条路,要么抓住新机会、去新的战场掘金,要么让科技创新成为发展的底层驱动力。

即将过去的2021年有着诸多关键词,反垄断大年、互联互通元年、数据安全元年、碳中和元年、元宇宙元年……在2022年即将开启之际,我们从宏观环境、长期主题、确定性机会三个方面,盘点了十大关键词,分别是反垄断、互联互通、数据安全、拥抱变化、碳中和、硬科技、元宇宙、产业互联网、出海、助农,以期呈现互联网行业的未来趋势。

一、宏观环境

1. 反垄断:资本不再万能

2021年,被称为“反垄断大年”。尤其是互联网领域,利剑频繁落下。上半年,阿里巴巴因实施“二选一”垄断行为被罚182.28亿元,这是我国至今开出的最大反垄断罚单。下半年,美团因同样的原因,被罚34.42亿元。单是这两家大厂,因垄断行为被罚金额,就超过200亿元。

过去二十余年,互联网巨头渗进各行各业,靠着一套“烧钱、合并、垄断”的打法,疯狂扩张,加剧了收入分配不公和社会不稳定。因此,“强化反垄断和防止资本无序扩张”在去年的中央经济会议上,被列为2021年八项重点任务之一。

据统计,2021年以来,国家市场监管总局共发布反垄断处罚案例上百起,其中七成以上案例涉及互联网企业。而针对“二选一”、“大数据杀熟”等行为的反垄断细则也在出台。监管趋严之下,互联网巨头们开始有所行动。

12月,腾讯以中期派息方式,将所持有约4.6亿股京东股权发放给腾讯股东,对京东持股比例将由17%降至2.3%,被外界猜测为降低自身反垄断监管的风险。腾讯持股的美团、拼多多、知乎等大公司或将面临同样境况。互联网领域反垄断的大旗,今年只是刚刚扬起。

11月18日,国家反垄断局正式挂牌,被视为我国反垄断体制机制进一步完善的体现。而且,“强化反垄断和反不正当竞争”在2022年中央经济工作会议中再次被强调。这意味着,接下来,反垄断在执法层面将常态化、系统化地铺开,打破原有的市场壁垒。

2. 互联互通:“拆墙”是大势所趋

过去,互联网公司们越来越壮大,逐步形成了平台生态的闭环,圈流量池的“城墙”越筑越高,最典型的便是腾讯系、阿里系、字节系产品,分别以微信、淘宝、抖音为代表,互相屏蔽链接访问,如微信不能直接访问来自淘宝抖音的链接,淘宝购物不能使用微信支付,抖音针对第三方来源的产品、不支持进直播间购物车……

随着互联网流量红利逐渐消失,存量时期,互联网企业们竞争的重点依然还放在如何加深流量池的壁垒,陷入了残酷的恶性竞争。互联互通,是反垄断的举措之一,更是为了能够降低交易成本、促进创新创业,推进平台之间的长远良性发展。

9月13日,针对屏蔽链接网址这一问题,工信部相关部门提出有关即时通信软件的合规标准,要求9月17日前各平台按标准解除屏蔽。然而,这天之后,平台之间的互联互通不及理想效果。有网友投诉微信并未开放,例如淘宝购物车一键分享功能在上线第2天就在微信失效。

腾讯总裁刘炽平在财报会议上曾表示,平台之间的互通是“非常复杂的问题”。从商业角度而言,以腾讯为例,互联互通意味着腾讯系企业独享微信生态的优势将失去。单从技术层面分析,平台打通之后,用户体验、用户隐私都是需要考虑的问题。但从根本上来说,“拆墙”是大势所趋。

到11月29日,微信已经开始松绑外链,用户发现已经可以在微信上直接打开淘宝以及抖音等链接。一位行业观察者分析称,2021年,在有关部门的推动下,互联网平台间的互联互通已经完成了从0到1,也就意味着更多的互联网企业至少不会在新的领域设置限制,而过去旧有的关卡,也会循序渐进地逐步拆除。

3. 数据安全:加速度发展

2021年6月,滴滴在美股递交招股书,紧接着7月,“滴滴出行”因APP存在严重违法违规收集使用个人信息问题,被依据《中华人民共和国网络安全法》相关规定下架。在滴滴之后,运满满、货车帮、BOSS直聘也被启动网络安全审查,2021年数据安全审查的大幕拉开。

滴滴事件背后,是互联网产品的相关数据和技术应用不但涉及个人权利、隐私,还关系着公共安全乃至国家安全的议题。2021年,被称为数据安全元年。继《数据安全法》、《个人信息保护法》施行之后,有关部门还发布了《数据出境安全评估办法(征求意见稿)》。

一位数据安全领域从业者表示,今年很多大公司的重心是实施数据安全相关的法律法规,接下来,互联网选手们的重心就会放在,如何更进一步在数据安全方面规避风险,提高效率。与此同时,数据安全的市场快速崛起。其中的隐私计算异军突起,成为数据安全领域最炙手可热的赛道。

据统计,隐私计算领域2021年融资额已超50亿元。中国信息通信研究院云计算与大数据研究所发布的《2021数据安全行业调研报告》显示,我国数据安全已经到了发展的关键期,未来对于数据安全的需求将越来越大,同时对于服务能力和产品能力的要求也越来越高。

4. 拥抱变化:合规是未来几年的大趋势

这一年,高密度、强力度的监管持续,让所有互联网从业者都无法忽视。从整治币圈乱象、教培领域的“双减”、房地产行业的大震荡,到监管风暴刮到短视频、直播电商、游戏领域,面临反垄断、互联互通、数据安全监管的互联网行业必须求变。

监管趋严的背后,是互联网原有的打法已经不适合新时代的要求,有关部门正引导着整个互联网企业,从以往的无序扩张、野蛮生长,向精耕细作的新时代转型,从以前的消费互联网模式,向由科技主导的互联网时代发展。2021年三季度期间,阿里、腾讯两大头部,营收增速、净利润双双下滑,除此之外,多家大厂都面临类似情况。

互联网企业纷纷裁员“过冬”,节衣缩食。展望2022年,合规一样是大势所趋,在未来几年也还将持续。互联网正在进入一个新时代,企业们需要构筑新的增长引擎。而身处其中的个体,也都要做好拥抱变化的准备。“唯一永恒不变的东西就是‘变化’”,将无比适用。

二、长期主题

1. 碳中和:未来十年的热门主题

在2020年中国提出“2030年前碳达峰、2060年前碳中和”的“双碳”目标之后,2021年初,“碳中和”被第一次写入政府工作报告,成为国家战略,2021年也被视为是“碳中和元年”。碳中和,本质就是让二氧化碳排放量“收支相抵”,减缓全球变暖。

在“双碳”目标提出之后,今年,互联网大厂们都加速跟进“碳中和”,制定碳中和目标及规划,动作贯彻全年。从1月腾讯打响头炮,启动碳中和目标规划;3月,蚂蚁集团承诺从今年起实现运营排放的碳中和,并在2030年实现净零排放;到年中6月,百度发布“碳中和全景图”,公布在2030年实现集团运营层面的碳中和目标;

年底,阿里也明确提出了碳中和三大目标,要在2030年之前,实现自身运营碳中和、上下游价值链碳排放强度减半,用15年时间以平台之力带动生态减碳15亿吨。对于这些互联网科技企业而言,碳中和既是企业社会责任的一部分,也和自身商业模式相关。

碳中和背景下,ESG投资火了。这种将企业在环境保护(Environment)、社会责任(Social Responsibility)以及公司治理(Corporate Governance)三方面非财务指标的表现纳入投资决策的投资理念,在一二级市场都备受关注。

红杉资本、高瓴资本等头部投资机构纷纷宣布将ESG纳入投资决策,碳管理SaaS企业碳阻迹披露A轮融资后,据报道,创始人一天收到了1000多通来自投资人的电话。二级市场,证监会已经将ESG信息列为上市公司与投资者沟通的主要内容之一。

波士顿咨询公司发布的报告预测,为实现碳中和目标,从2020年到2050年我国需要累计投资90万亿-100万亿元资金。现如今,互联网大厂们已经以10年为周期进行碳中和目标的规划,碳中和这个关键词至少在未来十年内都将是热点主题。

2. 硬科技:迎来最好的时代

“硬科技和科技创业是中国未来三十年发展的主旋律,是中国强大起来的必经之路。”提出了硬科技理念的中科创星创始合伙人米磊曾提到,这一结论背后,是中国正处于从模式创新到科技创新转型的拐点,中国政策正在从投资驱动、要素驱动到创新驱动转型。

硬科技强调将核心技术牢牢掌握在自己手中,代表性领域包括光电芯片、人工智能、航空航天、生物技术、信息技术、新材料、新能源、智能制造等。资本早已经押注硬科技。在高瓴资本和红杉资本2021年的投资中,硬科技成为了投资最多的方向。

红杉中国创始及执行合伙人沈南鹏曾对媒体表示,硬科技领域投资,已经超过红杉中国投资组合的80%,“一个科技主导的创业新时代已经到来”。北交所11月15日开市当天,78家上市企业当中,有16家是硬科技企业。互联网巨头们也都将硬科技布局至于重要地位,内部下场自研,对外投资收购,双管齐下。

12月,腾讯减持京东背后也是投资逻辑的改变,相较消费类投资,腾讯转而更关注硬科技领域,包括芯片公司燧原科技等;阿里内有达摩院和半导体公司平头哥,对外投资有紫光股份、恒玄科技等;美团的策略从“Food+Platform”转变为“零售+科技”,深耕无人配送领域,还在自动驾驶、机器人、激光雷达、芯片等领域加强投资。

硬科技产业是新一轮产业革命的动力引擎,已经成为了业界共识。人才、热钱都在涌向硬科技这个会影响一个时代的领域,但硬科技发展门槛高、前期投入大、技术迭代周期长,投资者更需要熬得住。

3. 元宇宙:未来的星辰大海

元宇宙,这个连定义都尚未明晰的概念,在2021年火遍全球。上半年,元宇宙第一股Roblox上市,就引起了市场对于这个新鲜事物的关注。下半年元宇宙突然爆火,离不开全球互联网巨头Facebook浇上的一把油。Facebook宣布改名为Meta,以更名表明进军元宇宙(MetaVerse)的决心。

这之后,虚拟人“柳夜熙”大火,短短几天就圈粉500多万。腾讯、阿里、字节跳动都纷纷表示,正在布局元宇宙,就连网易云音乐,也要打造音乐元宇宙。

一级市场上,创业者早已扎堆涌入。据企查查显示,仅带有元宇宙名字的公司就近千家,元宇宙相关领域的抢人大战抢先打响。与之相关的数字人、VR/AR、游戏、社交领域的产品,都引发了投资人的关注。

二级市场上,元宇宙概念股更是狂飙突进。股票只要蹭上元宇宙就暴涨,居高不下的涨幅,甚至惊动监管部门要求说明公司与元宇宙的关系。有机构以知识付费项目把元宇宙包装成一夜暴富的机会,声称“未来只有元宇宙这一条路”,以贩卖焦虑的方式借机敛财,有元宇宙培训课程10天收入160万。

元宇宙里的炒房热、炒地热,也完全不输现实世界。下半年,全球虚拟土地的单笔最高成交纪录接连被打破,不到一个月时间,从243万美元、430万美元提升至约500万美元。就连国内尚在内测期的元宇宙社交产品,其虚拟房产在二手市场的交易都异常火热。

与现实世界平行,能通过“化身”在三维空间交流娱乐的元宇宙,距离真正实现,在技术层面还有很长的路要走。单从被视为元宇宙入口的VR/AR设备层面而言,一年出货量在千万级别,距离普及还很远。但关注者们都认为,近几年内,忽视元宇宙的发展和进化,一定会错过大机会。

三、确定性机会

1. 产业互联网:数字化转型大势不可逆

产业互联网不算是新话题。早在2019年,腾讯创始人马化腾就曾表示,互联网的上半场是消费互联网,下半场是产业互联网。到2021年,在国家宏观政策导向中,数字经济、数字化已经成为相关政策文件中多次提及的关键词。

消费互联网时代的商业模式能够带来的增长和创新日趋窘迫,下一个时代,以互联网技术对各个垂直产业链进行数字化重塑和改造,将互联网与实体经济进行融合,加速产业的数字化转型,即产业互联网,是政策支持的方向。

现如今,云计算、人工智能、5G等技术正在向金融、医疗、教育等行业渗透,技术的发展也正掀起新一轮的产业革命。互联网头部大厂们都在朝着这个通往未来的方向行进。腾讯自2018年“930”变革起,就全面发力产业互联网,在智慧零售、智慧医疗、智慧金融、智慧教育等多个领域垂直布局;

阿里巴巴集团董事会主席兼CEO张勇提及,希望能成为一家消费互联网和产业互联网结合得更好的公司,协助企业数字化转型的阿里云,2020财年营收已经超过了200亿元。此外,百度、京东、字节、美团都在布局产业互联网。

中信联产业互联网工作委员会秘书长张健在一次公开分享中提到,近几年产业互联网的发展,可以发现其服务体系正在呈现螺旋式的迭代升级,同时它本身的服务在进行一体化、集成化的创新。产业互联网平台的发展,一方面不断地丰富和拓展各类服务,另一方面,不断地推动各类服务,进行数字化、网络化、智能化的迭代升级。

2. 出海:去新的战场掘金

12月,阿里进行了近五年以来最重要的一次组织调整,沿用多年的To C(面向消费者)业务和To B(面向企业)业务架构被拆分,重组为国内业务和全球化业务两大板块。阿里海外新兴业务的重要性显而易见,这部分业务的增速,远高于国内市场。全球化成为与内需、云计算并列的阿里三大战略之一。

随着国内市场战局已定,主流的互联网公司早已打起了出海的主意。现如今电商、游戏、娱乐社交产品、内容文创是出海的几大领域。电商领域,自2020年疫情以来,我国跨境电商呈现爆发式增长。天眼查显示,2021年我国有超60万家跨境电商相关企业。

在亚马逊“封号潮”在跨境电商圈持续引起震动后,TikTok就成了卖家们主要关注的另一个平台。在游戏出海中,据央视新闻,近年来,国产游戏出海已成为中国游戏产业重要的增长来源,数据显示,2021年中国自主研发游戏海外市场实际销售收入达180.13亿美元,比2020年增加了25.63亿美元,同比增长16.59%。

娱乐社交方向,以Bigo Live、Likee、Hago多款产品分别发力直播、短视频、游戏领域的欢聚集团,拥有MICO、Yumy等社交产品并在游戏领域布局的赤子城,以及主攻中东市场社交和游戏的Yalla,都已经在海外市场打开了局面。

TikTok的发展更是备受关注,9月,其月活用户量已经突破了10亿,有数据显示,其成为2021年全球访问量最大的互联网网站。出海往往面临着产品服务水土不服、政策管控等风险,但也挡不住互联网公司们出海找增量。时至今日,互联网选手们出海的阵地从东南亚、印度到中东、非洲、拉美,如今已经席卷全球。

3. 助农:助推乡村振兴

岁至年末,抖音“张同学”一夜蹿红。不到三个月涨粉1760万,平均每天涨粉超20万。随着张同学被关注,外界逐渐意识到,这个现象级网红引领的农村题材短视频成为焦点,离不开抖音对新农人的流量扶持。这被认为,既为寻找新的场景增量、向曾经的老对家快手的腹地深入,也抓住了乡村振兴的主旋律。

盯着农村市场的大有人在。电商平台早就讲起了助农故事。拼多多以农产品起家,从基因上就有扶农助农的优势;阿里淘特、京东京喜2021年也都将生鲜农产品的销售当作重点发力方向之一;社区团购的选手们更是没有放过“助农”,橙心优选、十荟团都在今年提出了助农计划。

不止如此,互联网企业们也从数字化升级的角度助农。乡村振兴,助农先行。这些互联网企业们如此看重助农,离不开国家对于乡村振兴的重视。2021年,中央一号文件正式提出全面推进乡村振兴,加快农业农村现代化,凸显了新发展阶段党中央对农村工作的高度重视。

农村市场潜力有多大?有关部门公布的数据显示,我国每年果蔬产量、消费量高达7亿吨,约占世界的40%。我国乡村消费品零售额增长连续8年快于城镇。一面是政策的扶持,另一面是农村市场的巨大潜力

“助农”既意味着乡村振兴,更意味着新的增长潜力。中国乡村振兴建设委员会副秘书长袁帅对深燃表示,互联网企业们的“农业梦”早已表露无疑,如今争先入局,是因为全球疫情影响下经济内循环是关键,只有盘活“三农”资源,才能实现对下沉市场的挖掘。

文章来源:人人都是产品经理   作者:深燃
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

APP竞品分析方法总结

ui设计分享达人



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

文章来源:站酷 作者:morning_c
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


数据滞涨,交互如何破局

ui设计分享达人

作为设计师,日常工作中我们经常要思考如何吸引用户转化。如果仅把“界面设计美观”作为设计的发力点,很难形成完整的判断链条,完成预期的商业目标。因此,在交互行为层面尝试“破解”用户行为发生的背后原因,通过科学的方法“设计用户行为”就变得更加重要。

行为设计领域有三个非常重要的模型:福格行为模型,成瘾性模型以及峰终效应。其中福格模型在辅助我们做行为预判的过程中扮演了重要角色。

福格模型是以耶鲁大学教师 Fogg,2009 年发表的一篇论文为中心,阐述了任何一个行为的发生,都需要满足以下三个要素:


任何一个行为的发生,都离不开3要素:动机、能力和触发器。因此在设计时需要考虑:

人们是否有产生行为的动机、发生行为的能力,以及一个合适的触发点。

  • 高动机高能力

这类用户有付费动机且熟悉产品使用流程,属于高价值用户,是产品的真爱粉。在后续设计过程中,我们可以收集用户反馈,并针对问题改善体验就行。

  • 高动机低能力

这类用户需要降低门槛,必要时可以提供帮助和引导。提高操作能力,优化用户体验。例如一些应用为低能力群体设计“专属版”,如针对老年人,推出适老版应用,精简用户操作步骤,突出核心功能,便于这部分用户完成产品主流程操作。

  • 低动机高能力

这类用户需要提高动机,可以结合马斯洛需求层次理论找出用户不同阶段的需求。分析用户需求,挖掘用户痛点,寻找用户动机。例如“分享领取大额优惠券”、“每日签到送积分”、“走路得能量”等,我们可以同过激励来增强用户动机。

  • 低动机低能力

这类用户需要适当放弃,投入产出比较低,不属于我们的目标用户。



本次将以 “为家人购买保险” 的优化过程为例,分享运用福格模型把行为设计和商业场景联系在一起。通过设计引导用户行为进而助力产品转化。


  • 背景:

用户在为自己成功投保“医疗险”后,会为本人再推荐一份其他险种的产品,打造“完善双重保障”的概念。但某年龄段岁下的用户因保费过低,在收入来源中属于ROI较低的群体。

  • 产品目标:

希望该年龄群体在为自己购买完保险后,优先推荐为“家人购买”,因其所获得的商业价值效益更大。预期通过为家人购买保险,拉动这部分用户的整体ROI。

  • 设计目标:

引导用户为“家人购买”一份“医疗险”

用户已经为自己购买过一单保险的情况下。大部分用户具有健康保障需求,其本身也有购买保险的动机。在模型中偏向于“高动机”人群,

本次设计的发力点:强化这部分用户“为家人购买”的动机,降低购买保险的行为成本,同时在适当场景给予用户触发提醒。


我们一般通过两种途径增强用户的行为动机:心理刺激和物质刺激。

心理刺激

1.营造稀缺性:通过限时限量等方式营造稀缺性。

2.强化“家庭健康保障”需求。安全需求是人的基本型需求。通过“父母有保障,我更安心”等文案迎合用户对安全生活的向往。

3.显示社会认同信息。寻求社会认同是更好一层的心理需求。通过标签外露承保公司名称,寻求社会认同,并侧面透传出专业性,建立用户信任感。


物质刺激

“物超所值”,便会促进行动。在顶部向用户宣传为家人买的“产品优势”,增强付费动机



我们可以通过降低用户门槛,来提高用户完成这件事的能力。

1.降低门槛—降低用户成本(金钱)

1元为父母升级,降低用户参与成本。

2.降低门槛-降低操作成本—简化选择(时间)

根据业务目标,指定最优推荐策略。如本次流程最优推荐策略是为父母购买,去掉可能影响用户决策的其他选择项,改为仅显示最优推荐策略下的唯一指定模块。

3.降低门槛-降低认知成本—结合图像(精力)

“ 产品适用群体图片+文字”的表达,在当前情景下可快速传递信息。便于用户快速理解当前流程是在“为谁购买保险”,从而降低以往用户将“家人身份信息填写错误”的情况发生。这样设计减轻了用户的认知成本,提⾼了信息传递的效率。


1.触发器“醒目”

  • 胶囊形状的「提交订单」按钮在“方形卡片”上十分醒目,是触发用户行动的视觉提醒。

  • 简洁按钮文案设计,如“限时升级”,将有助于加速用户的决策,从而促进转化。




在日常工作中,可以借助福格行为模型解决商业目标中的引导、转化、留存等问题。在做设计时,我们首先也需要思考设计目标 : “我们想要用户发生什么行为?”

我们可以通过福格模型从“动机、能力、触发因素”等角度进行设计思考,更加深入的理解用户行为背后发生的原因和影响用户决策的因素,帮助我们更好的完成产品优化和体验升级,最终达到商业目标。


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

文章来源:站酷 作者:YedLab
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


如何清晰理解场景

资深UI设计者

结合场景,设计师可以更精确地了解用户需求,进而推动产品的升级迭代和体验优化,实现精细化设计。然而,你真的了解“场景”这个定义吗?场景化设计又该如何进行呢?本篇文章里,作者就“场景”的相关问题做了解答,一起来看一下。

前言

在日常沟通中,如需求评审、日常的设计沟通及跟开发的方案交流,常常听到提起“场景”一词。“用户在什么场景需要这个功能?”、“这么设计依据的场景是什么?”、“你有没有考虑过这个使用场景?”在情境中每个“场景”听起来好像都不太一样,能粗略感受意思,但具体想想又很模糊,那场景到底是什么?它能帮助设计师做哪些事?

一、场景的定义

关于“场景”,不同的出处给出的解释也不尽相同,并没有给出一个明确的定义。

  • 在《交互设计精髓4》书籍描述“场景”为用户如何使用产品实现具体目标的故事。
  • 梁老师在《产品思维三十讲》中将“场景”分为:场、景。场为“时间”“空间”,景为“情景”“交互”。
  • 在《2020UCAN》中四场关于场景的案例,将案例解释为:人+场+事+物。
  • 百科定义“场景”是指戏剧、电影等艺术作品中的场面,泛指情景。

设计入门必备万金油-场景篇

上面四种对场景的解释,涵盖的对象和包含的要素各不相同,那我们如何理解场景呢?如何定义场景?

场景常用在产品迭代中的产品需求阶段和设计阶段,作为产品从产生到设计的依据,2个阶段的侧重点不同,需求阶段(明确用户是谁,需求是什么,做什么事),设计阶段(基于某目标,使用产品的情况)。场景是需求和行动的具现化描述,场景分别对应阶段分为:用户需求场景和用户使用场景。

场景类别1:用户需求场景

用户需求场景是用户需求的扩展细化,补充描述需求涉及的多个关键要素。若只有简单描述需求的情况下,对产品的指导设计容易出现偏差。

这里举个例子:“周四下半年,小波回家出地铁口(场景),想吃菠萝(需求),看到有个卖菠萝的摊位,上去看了看,都是没有削皮的菠萝(产品),地铁口人流量大,小波不想等没买菠萝就走了。”

这案例从需求来说,没削皮的菠萝已对焦,但因为环境影响了小波不够买的行为。若菠萝的已经削皮,小波就已经买了带回家好好品尝。基于此再进行延伸,若场景放在逛街的场景中,已经切块菠萝就是匹配的,随走随吃。

若场景放在水果店里,没削皮的菠萝是合理的,保证了新鲜度安全性品质,甚至还可以多种菠萝挑选,因为有时间。从上面来看,同一个需求,因为场景不同,其菠萝的形态也不同。场景是需求的细化,会影响到最终产品的设计上。

需求场景:用户+环境+需求+事件。在【某环境】下,【某用户】做了【某事】来满足【某需求】。用户、需求、事件是核心要素,环境是影响要素,环境包含时间、空间。除了环境要素还包含用户状态。

设计入门必备万金油-场景篇

场景类别2:用户使用场景

用户使用场景描述的是在需求场景的前提下,具体描述为了完成某任务,跟产品怎么交互的过程。其对产品的具体设计有较大影响。

这里举个例子:以接电话(任务)的情况来看,手机未在使用状态锁屏下和手机正在使用中就是完成不同使用场景。

在手机正在使用中(用户状态),考虑不被过度打扰,此时的电话提醒是小区域展示,接通、拒绝和收起操作都是直观的操作。在锁屏状态下可以放在裤兜里(用户状态),考虑不被误触采用滑动解锁,以及可以物理按键免打扰和拒绝(可以不看直接操作)。同一个任务在不同的状态下,因因素的差别影响产品的设计。

使用场景:用户+环境+目标+产品。在【某环境】下,【某用户】跟【某产品】发生了交互,用来完成【某任务】。

用户、目标、产品是核心要素,环境是影响要素,环境包含时间、空间。除了环境要素还包含用户状态和承载产品的设备状态。

设计入门必备万金油-场景篇

场景关联的概念

设计常用的工具有2个跟场景关联,它们是用户画像、用户故事。用户画像描述了用户需求,用户需求场景是用户需求的延伸,用户故事则是用户需求场景的细化,一个场景可包含多个用户故事。

  • 用户画像:用户特征+用户需求;
  • 用户故事:场景+产品+用户操作,用户故事基本等同于用户使用场景。

设计入门必备万金油-场景篇

二、场景的价值

上一段描述2种类型的场景,场景不仅限于指导产品设计,还可以助力团队协作等多个方面。以下通过需求分析、团队协作、产品设计三块来描述场景的价值。

1. 需求分析

场景可以帮助挖掘需求的完整性、判读需求是否准确及梳理需求优先级。

  1. 【完整性】深刻理解产品需求,让产品功能更全面,挖掘产品的新机会或者产品的新功能。
  2. 【准确性】让需求分析准确,辨别需求真伪。
  3. 【优先级】考虑用户如何使用产品,帮助理清强弱场景,帮助理清强弱需求。

设计入门必备万金油-场景篇

2. 团队协作

场景可以帮助团队增强同理心、更好的理解需求及提升产品设计的参与度。

  1. 【易理解】让团队对产品的理解更简单、具体(对于理论以及长篇大论的需求文章来说,人们更能记住故事发生的场景,通过简短但是详尽的故事描述)。
  2. 【同理心】让团队进入用户视角看产品设计,而不是产品单方面的猜测。
  3. 【参与度】用户场景是协作设计工具,期望所有项目利益相关者参与产品需求和设计的。

设计入门必备万金油-场景篇

3. 产品设计

  1. 【优化现有】突破用户原有的解决方案:意即在当下的场景下,用户可能会产生什么问题?用户原有的解决方案是什么,我们是否有机会提供更好的解决方案呢(效率或者更好的体验)?
  2. 【新机会点】发现场景的连续性,发现行动中的不连续性。通过成组的动作进行预期:比如复制 – 粘贴;分享 – 朋友圈等。
  3. 【精细设计】从面对所有人转向用户分层精细化设计,打造竞争优势。
  4. 【产品归纳】场景具现化需求,可用场景去归类相关的产品。

设计入门必备万金油-场景篇

三、场景的挖掘方法

如何获取场景?

2种类型场景因获取信息的侧重点不同。用户需求场景侧重需求及事件的描述,及描述事件相关联的环境。用户使用场景侧重使用产品完成任务交互的过程。有两种用户调研方法适用:访谈法、观察法。

1. 访谈法

挖掘用户需求场景,主要去挖掘未知的需求和当下满足的需求是否有优化拓展空间,更适合提供一些开放性问题引导用户给出更多信息,在用户延伸出新信息再继续往下深挖需求相关元素等。

  • 您能描述下一天的工作流程吗?
  • 在流程中有没有遇到其他场景?
  • 您能具体描述下这个场景吗?所在什么样的环境
  • ……

了解用户使用场景,引导用户具体描述任务完成的过程,再延伸其中遇到的问题点等。

  • 您是怎么使用渲染的?
  • 图文编辑的流程是怎么样的?
  • ……

2. 观察法

观察法更容易观测用户使用场景,可以发现在访谈中很多忽略的细节。对于用户需求场景,需要更长期的观测,对观测的行为进行记录反推其需求。观察法可以是完成中立的观测,也可以是边观测边适时的提问便于挖掘原因。甚至可以自己作为用户参与进去。

四、场景化设计

什么是场景化设计?场景化设计是引入场景概念将简单需求延伸拓展出更多延伸的决策因素来精细化产品设计,简单讲是将原粗放型设计转向精细化设计,提升目标转化、体验等。场景要素影响的多少决定了场景化差异的空间,场景化设计的前提并不对整体目标的转化造成负面影响。

场景最终落地到产品设计上,在一场景里并不是所有的要素都对产品起到影响作用,在设计前可筛选出对产品产生影响的要素,进行一一罗列。产品的3部分组成:功能、内容/信息、形态。场景要素最终影响其的变化。

场景要素:用户、需求、事件、环境状态、载体状态、人物状态。

产品组成:形态、功能、内容。

设计入门必备万金油-场景篇

场景化设计最适用于O2O领域的设计,它会涉及丰富的空间、时间、天气环境等影响因素,同样的需求存在n多种不同场景情况。在我负责业务主要以web为主,日常场景更多是基于用户需求的拓展。

产品设计与场景的关系

产品如何承载用户需求场景?把场景和产品承载容器(可指单页面)作为象限划出4种类型区间。

  1. 产品理想的情况是单容器承载单个场景,单场景可以清晰传达,产品帮助用户专注完成当下需求场景下的任务。
  2. 非必要情况下,不要让多容器承载单场景。就好比将一个衣柜的能力,直接拆开称多个房间一个房间放外套、一个房间放裤子、一个房间放内衣等等,会让使用变得极其麻烦。
  3. 单容器承载了多个场景,这时候需要去辨别场景之间是否有关联,切忌不要把太多无关联的场景一起传达。如一个房间内包含了厕所、厨房、卧室、客厅,场景之间会相互打架。单容器多场景不合理情况下,不仅分散了用户注意力,也更难让用户理解产品,且对于产品来说也会多出更多不必要的成本消耗。
  4. 多容器承载多场景近似于单容器承载单场景。

设计入门必备万金油-场景篇

五、场景化应用案例

在上一篇文章《需求太碎?设计师如何在小业务中提炼价值》中有过产品场景的案例解析。是对一个小项目进行了新的需求场景挖掘,推动进行改版的过程,这里不再展开说明,有兴趣的朋友可以去看一看。个人实践案例不能完全覆盖场景化应用,另收集了一些直观的场景案例展示如下。

1. 核心要素的应用案例

1)要素——用户、需求

淘宝首页男生女生看到的内容和功能都有差异人需求差异。

设计入门必备万金油-场景篇

2)要素——事件

京东购物车从原来的暂时放置商品延伸出更多关联的场景,如:对比、收藏,围绕场景产品设计。

设计入门必备万金油-场景篇

2. 影响因素的应用案例

1)时间——饿了么

根据不同的事件点推送不同的内容,晚上是夜宵,中午是午餐、早上是早餐、晚上是晚餐。

设计入门必备万金油-场景篇

2)地点——去哪儿旅游

根据不同的地点推送不同的内容。

设计入门必备万金油-场景篇

3)人物状态——手机接电话

手机接电话(景的差异,差异化交互形态),手机放裤兜走路中,手机正在使用中,2个场景手机进来。使用手机中(防止错误,更适合用户体验)。

六、小结

场景是入门容易、普适性很强的应用工具,也是个人推崇的设计师入门必备技能点。

在用户需求上可以帮助挖掘新的机会点拓展产品的使用边界。在设计上场景让设计有据可依对产品设计更准确。在业务上可以通过场景的描述对业务所满足的需求有更深入的理解,可以帮助理解许多功能之间的关系。在协作上给团队提供沟通的基础,容易达成共识。

结合场景,设计师可以更精确地了解用户需求,进而推动产品的升级迭代和体验优化,实现精细化设计。然而,你真的了解“场景”这个定义吗?场景化设计又该如何进行呢?本篇文章里,作者就“场景”的相关问题做了解答,一起来看一下。

前言

在日常沟通中,如需求评审、日常的设计沟通及跟开发的方案交流,常常听到提起“场景”一词。“用户在什么场景需要这个功能?”、“这么设计依据的场景是什么?”、“你有没有考虑过这个使用场景?”在情境中每个“场景”听起来好像都不太一样,能粗略感受意思,但具体想想又很模糊,那场景到底是什么?它能帮助设计师做哪些事?

一、场景的定义

关于“场景”,不同的出处给出的解释也不尽相同,并没有给出一个明确的定义。

  • 在《交互设计精髓4》书籍描述“场景”为用户如何使用产品实现具体目标的故事。
  • 梁老师在《产品思维三十讲》中将“场景”分为:场、景。场为“时间”“空间”,景为“情景”“交互”。
  • 在《2020UCAN》中四场关于场景的案例,将案例解释为:人+场+事+物。
  • 百科定义“场景”是指戏剧、电影等艺术作品中的场面,泛指情景。

设计入门必备万金油-场景篇

上面四种对场景的解释,涵盖的对象和包含的要素各不相同,那我们如何理解场景呢?如何定义场景?

场景常用在产品迭代中的产品需求阶段和设计阶段,作为产品从产生到设计的依据,2个阶段的侧重点不同,需求阶段(明确用户是谁,需求是什么,做什么事),设计阶段(基于某目标,使用产品的情况)。场景是需求和行动的具现化描述,场景分别对应阶段分为:用户需求场景和用户使用场景。

场景类别1:用户需求场景

用户需求场景是用户需求的扩展细化,补充描述需求涉及的多个关键要素。若只有简单描述需求的情况下,对产品的指导设计容易出现偏差。

这里举个例子:“周四下半年,小波回家出地铁口(场景),想吃菠萝(需求),看到有个卖菠萝的摊位,上去看了看,都是没有削皮的菠萝(产品),地铁口人流量大,小波不想等没买菠萝就走了。”

这案例从需求来说,没削皮的菠萝已对焦,但因为环境影响了小波不够买的行为。若菠萝的已经削皮,小波就已经买了带回家好好品尝。基于此再进行延伸,若场景放在逛街的场景中,已经切块菠萝就是匹配的,随走随吃。

若场景放在水果店里,没削皮的菠萝是合理的,保证了新鲜度安全性品质,甚至还可以多种菠萝挑选,因为有时间。从上面来看,同一个需求,因为场景不同,其菠萝的形态也不同。场景是需求的细化,会影响到最终产品的设计上。

需求场景:用户+环境+需求+事件。在【某环境】下,【某用户】做了【某事】来满足【某需求】。用户、需求、事件是核心要素,环境是影响要素,环境包含时间、空间。除了环境要素还包含用户状态。

设计入门必备万金油-场景篇

场景类别2:用户使用场景

用户使用场景描述的是在需求场景的前提下,具体描述为了完成某任务,跟产品怎么交互的过程。其对产品的具体设计有较大影响。

这里举个例子:以接电话(任务)的情况来看,手机未在使用状态锁屏下和手机正在使用中就是完成不同使用场景。

在手机正在使用中(用户状态),考虑不被过度打扰,此时的电话提醒是小区域展示,接通、拒绝和收起操作都是直观的操作。在锁屏状态下可以放在裤兜里(用户状态),考虑不被误触采用滑动解锁,以及可以物理按键免打扰和拒绝(可以不看直接操作)。同一个任务在不同的状态下,因因素的差别影响产品的设计。

使用场景:用户+环境+目标+产品。在【某环境】下,【某用户】跟【某产品】发生了交互,用来完成【某任务】。

用户、目标、产品是核心要素,环境是影响要素,环境包含时间、空间。除了环境要素还包含用户状态和承载产品的设备状态。

设计入门必备万金油-场景篇

场景关联的概念

设计常用的工具有2个跟场景关联,它们是用户画像、用户故事。用户画像描述了用户需求,用户需求场景是用户需求的延伸,用户故事则是用户需求场景的细化,一个场景可包含多个用户故事。

  • 用户画像:用户特征+用户需求;
  • 用户故事:场景+产品+用户操作,用户故事基本等同于用户使用场景。

设计入门必备万金油-场景篇

二、场景的价值

上一段描述2种类型的场景,场景不仅限于指导产品设计,还可以助力团队协作等多个方面。以下通过需求分析、团队协作、产品设计三块来描述场景的价值。

1. 需求分析

场景可以帮助挖掘需求的完整性、判读需求是否准确及梳理需求优先级。

  1. 【完整性】深刻理解产品需求,让产品功能更全面,挖掘产品的新机会或者产品的新功能。
  2. 【准确性】让需求分析准确,辨别需求真伪。
  3. 【优先级】考虑用户如何使用产品,帮助理清强弱场景,帮助理清强弱需求。

设计入门必备万金油-场景篇

2. 团队协作

场景可以帮助团队增强同理心、更好的理解需求及提升产品设计的参与度。

  1. 【易理解】让团队对产品的理解更简单、具体(对于理论以及长篇大论的需求文章来说,人们更能记住故事发生的场景,通过简短但是详尽的故事描述)。
  2. 【同理心】让团队进入用户视角看产品设计,而不是产品单方面的猜测。
  3. 【参与度】用户场景是协作设计工具,期望所有项目利益相关者参与产品需求和设计的。

设计入门必备万金油-场景篇

3. 产品设计

  1. 【优化现有】突破用户原有的解决方案:意即在当下的场景下,用户可能会产生什么问题?用户原有的解决方案是什么,我们是否有机会提供更好的解决方案呢(效率或者更好的体验)?
  2. 【新机会点】发现场景的连续性,发现行动中的不连续性。通过成组的动作进行预期:比如复制 – 粘贴;分享 – 朋友圈等。
  3. 【精细设计】从面对所有人转向用户分层精细化设计,打造竞争优势。
  4. 【产品归纳】场景具现化需求,可用场景去归类相关的产品。

设计入门必备万金油-场景篇

三、场景的挖掘方法

如何获取场景?

2种类型场景因获取信息的侧重点不同。用户需求场景侧重需求及事件的描述,及描述事件相关联的环境。用户使用场景侧重使用产品完成任务交互的过程。有两种用户调研方法适用:访谈法、观察法。

1. 访谈法

挖掘用户需求场景,主要去挖掘未知的需求和当下满足的需求是否有优化拓展空间,更适合提供一些开放性问题引导用户给出更多信息,在用户延伸出新信息再继续往下深挖需求相关元素等。

  • 您能描述下一天的工作流程吗?
  • 在流程中有没有遇到其他场景?
  • 您能具体描述下这个场景吗?所在什么样的环境
  • ……

了解用户使用场景,引导用户具体描述任务完成的过程,再延伸其中遇到的问题点等。

  • 您是怎么使用渲染的?
  • 图文编辑的流程是怎么样的?
  • ……

2. 观察法

观察法更容易观测用户使用场景,可以发现在访谈中很多忽略的细节。对于用户需求场景,需要更长期的观测,对观测的行为进行记录反推其需求。观察法可以是完成中立的观测,也可以是边观测边适时的提问便于挖掘原因。甚至可以自己作为用户参与进去。

四、场景化设计

什么是场景化设计?场景化设计是引入场景概念将简单需求延伸拓展出更多延伸的决策因素来精细化产品设计,简单讲是将原粗放型设计转向精细化设计,提升目标转化、体验等。场景要素影响的多少决定了场景化差异的空间,场景化设计的前提并不对整体目标的转化造成负面影响。

场景最终落地到产品设计上,在一场景里并不是所有的要素都对产品起到影响作用,在设计前可筛选出对产品产生影响的要素,进行一一罗列。产品的3部分组成:功能、内容/信息、形态。场景要素最终影响其的变化。

场景要素:用户、需求、事件、环境状态、载体状态、人物状态。

产品组成:形态、功能、内容。

设计入门必备万金油-场景篇

场景化设计最适用于O2O领域的设计,它会涉及丰富的空间、时间、天气环境等影响因素,同样的需求存在n多种不同场景情况。在我负责业务主要以web为主,日常场景更多是基于用户需求的拓展。

产品设计与场景的关系

产品如何承载用户需求场景?把场景和产品承载容器(可指单页面)作为象限划出4种类型区间。

  1. 产品理想的情况是单容器承载单个场景,单场景可以清晰传达,产品帮助用户专注完成当下需求场景下的任务。
  2. 非必要情况下,不要让多容器承载单场景。就好比将一个衣柜的能力,直接拆开称多个房间一个房间放外套、一个房间放裤子、一个房间放内衣等等,会让使用变得极其麻烦。
  3. 单容器承载了多个场景,这时候需要去辨别场景之间是否有关联,切忌不要把太多无关联的场景一起传达。如一个房间内包含了厕所、厨房、卧室、客厅,场景之间会相互打架。单容器多场景不合理情况下,不仅分散了用户注意力,也更难让用户理解产品,且对于产品来说也会多出更多不必要的成本消耗。
  4. 多容器承载多场景近似于单容器承载单场景。

设计入门必备万金油-场景篇

五、场景化应用案例

在上一篇文章《需求太碎?设计师如何在小业务中提炼价值》中有过产品场景的案例解析。是对一个小项目进行了新的需求场景挖掘,推动进行改版的过程,这里不再展开说明,有兴趣的朋友可以去看一看。个人实践案例不能完全覆盖场景化应用,另收集了一些直观的场景案例展示如下。

1. 核心要素的应用案例

1)要素——用户、需求

淘宝首页男生女生看到的内容和功能都有差异人需求差异。

设计入门必备万金油-场景篇

2)要素——事件

京东购物车从原来的暂时放置商品延伸出更多关联的场景,如:对比、收藏,围绕场景产品设计。

设计入门必备万金油-场景篇

2. 影响因素的应用案例

1)时间——饿了么

根据不同的事件点推送不同的内容,晚上是夜宵,中午是午餐、早上是早餐、晚上是晚餐。

设计入门必备万金油-场景篇

2)地点——去哪儿旅游

根据不同的地点推送不同的内容。

设计入门必备万金油-场景篇

3)人物状态——手机接电话

手机接电话(景的差异,差异化交互形态),手机放裤兜走路中,手机正在使用中,2个场景手机进来。使用手机中(防止错误,更适合用户体验)。

六、小结

场景是入门容易、普适性很强的应用工具,也是个人推崇的设计师入门必备技能点。

在用户需求上可以帮助挖掘新的机会点拓展产品的使用边界。在设计上场景让设计有据可依对产品设计更准确。在业务上可以通过场景的描述对业务所满足的需求有更深入的理解,可以帮助理解许多功能之间的关系。在协作上给团队提供沟通的基础,容易达成共识。

文章来源:人人都是产品经理   作者:酷家乐用户体验设计
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档