首页

红点奖作品揭秘,带你了解AI时代的可视化设计

分享达人



引言


随着AI技术在工业、交通、医疗、应急等to B、to G(政府)场景中广泛应用,呈现了今天“行业智能”遍地开花的局面。但在AI技术的应用推广中存在着一个普遍现象:AI技术复杂难以理解,和客户沟通成本高。其根本原因是:通常客户对技术了解有限,使得AI技术与业务场景应用间存在明显的信息鸿沟。

面对这些问题,作为设计师我们能做些什么呢?


对于设计师来说,我们的任务就是把复杂变得清晰简单而且美,所以我们应该成为企业和客户之间沟通的“架桥人”。通过设计的方法,把无形的、复杂的技术,通过有形的、可视化的方式展示出来,让客户更直观、清晰的感受到AI技术能力,看得懂其在业务场景中产生的价值。


下面我们就以“应急管理-森林火灾智能监测解决方案”为例,介绍下我们的设计思路。同时,我们的设计方案也得到行业认可,获得了2020年Red Dot Award国际设计大奖。

(1-2020 Red Dot Award)

(2-《森林火灾智能监测解决方案》)


正文


森林火灾等灾害一直以来严重威胁着人们的生命和财产安全,百度与国家应急管理部成立“人工智能联合创新实验室”,开展应用技术攻关,希望能结合AI技术,以辅助风险评估、应急管理决策等。

 

在森林火灾监测中应用到的技术有 “遥感影像智能解译、现场态势与舆情智慧感知、安全类视频智能分析、边缘计算+AI、5G+人工智能、监管与救援智能装备、区块链、深度学习等”,这些技术名词复杂难懂,怎么让没有技术基础的客户快速理解它们的价值呢?

 

接下来我们将从“转换视角,营造情景,信息可视”三个维度分享设计过程。


一、转换视角,建立共鸣


站在客户视角,聚焦客户关注的核心问题,通过情景把内容有序组织起来,快速与客户建立共鸣,有效降低内容理解难度。


1、离客户再近一些

在任何项目中充分了解目标客户都是首先任务。B/G端客户的需求是非常明确的,他们最看重AI技术对业务的价值。“客户”这个称呼的背后包含了诸多角色,有技术人员、业务人员、决策领导层等,他们对AI技术的了解各不相同,我们需要让各角色都能快速的理解、看得懂真正有价值的内容。


2、玩转业务

森林火灾监测是一个非常复杂的过程,监测诉求从全球到城市,从火灾全貌到火灾局部,监测场景包括火点识别、火情趋势推演、救援指挥等多个场景,影响火灾的地理环境因素包括危险源、居民区、水源、道路等,气候因素包括天气、风力、温度等,救援因素包括设备和物资等。

(3-思路框架)


3、产品架构可以不那么复杂

以业务逻辑为基础,客户需求为核心,聚焦技术可以带来的业务价值。我们搭建了一个覆盖森林火灾智能监测全流程的解决方案。它可以精准识别全球森林火灾并自动报警,全方位监测火灾数据,智能推演火灾蔓延趋势、自动规划救援路线、实时监控救援人员和物资情况,多维度智能辅助救援决策,满足不同机构的监测诉求,让客户从方案中感受到AI技术的强大。


转换视角,有序组织内容,使产品架构符合客户心理,让客户能快速的理解、看得懂。

(4-产品架构)


二、营造情景,构建信任


真实还原场景,营造身临其境的视觉感受,通过场景代入加强客户对技术的信任和深入了解的意愿。


1、身临其境的震撼效果

三维立体场景,不但能满足更多维度的数据呈现,同时给观看者带来身临其境、掌控一切的感受。利用3D建模打造接近于真实地貌特征的虚拟场景空间,在光影效果呈现上,模拟日光的光照效果,使场景更加真实。

(5-全球场景)

(6-国家场景)

(7-火灾局部场景)


利用晨昏线、雪线、绿地的变化,表现季节、昼夜对于火灾的影响。

(8-火灾受季节影响)


2、像电影一样的观看体验

通过鸟瞰、环绕、穿行等镜头把从全球、国家到火灾局部的多个场景串联起来,清晰表达空间关系,带着客户更自然流畅的逐步深入体验。

(9-镜头转换)


3、扣人心弦地氛围营造

通过色彩基调和烟雾等特效的处理,营造森林火灾和救援现场危急、紧迫的气氛,调动观看者的情绪,并留下深刻印象。

(10-颜色设定)

(11-紧迫氛围营造-1)

(12-紧迫氛围营造-2)

(13-紧迫氛围营造-3)


三、信息可视,清晰传达

提炼核心内容,借助图形化手段,让客户以最直观的方式理解信息,大幅度降低内容理解门槛。


1、大胆地隐藏冗余内容

面对庞杂的信息,去粗取精,提炼各场景的核心内容,避免冗余信息阻碍内容有效传达。话术语言不单要简单易懂,还要严格控制文字长度,保证内容可以被快速扫描和理解。

(14-内容设计)


2、给产品一个稳定的布局

遵守人的阅读习惯,强化主、次信息;统计数据浮于场景之上,形成内容上的空间感,又保证较高的扩展性。统一各视图的排版规则,稳定的布局,能避免打断观看者心流。

(15-布局结构-1)

(16-布局结构-2-GUI)


3、场景设计

用可视化的方式,帮助客户解读、分析复杂的技术和功能。如在火灾实况视图中,把火灾地点、蔓延趋势、蔓延速度,植被、危险源、风向等转换为视觉语言直观展示在场景中,并通过扫描线、等高线和光感的设计,突出科技感,强化AI技术为现有业务带来的强大的、智能化改变。

(17-火灾实况-GUI)

(18-火灾实况-GUI)


救援路线一目了然,使救援调度清晰有序。

(19-救援路线)


救援人员、救援物资、救援进度实时呈现,救援指挥更加有理有据。

(20-救援现场)

(21-动态数据)

(22-动态数据2-GIF)

(23-动态数据3-GIF)


最终大屏展示效果。

(24-全球视图)

(25-国家视图)

(26-区域视图)

(27-单个火灾视图)

(28-火灾实况)

(29-路线规划)

(30-救援现场)

(31-多端展示-GIF)

(32-点亮工业智慧,守护百姓安全)


三、结语


AI时代,在to B/G行业的商业化道路上,如何降低AI技术理解门槛,提高企业和客户间的沟通效率是设计师面临的巨大挑战。设计师需要突破设计边界,将设计回归到解决问题的本质上,为业务赋能。在后续的设计实践中,我们将继续探索toB/G业务的设计创新,探索如何通过设计让客户以最直观的方式理解产品,构建企业与客户之间沟通的“架桥人”。

 

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

文章来源:站酷   作者:ROC393

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

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

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







设计师常用沟通秘籍:金字塔原理

分享达人

如何在很短暂的时间把你的建议和想法清晰的传递出去需要非常强的沟通技巧,那么今天和大家一起交流下我使用最多的一个沟通原则-金字塔原则。


什么是金字塔原理

    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01eecb61302dcd11013f4720911215.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
金字塔原理是由Barbara Minto创建的一种结构化思考方式,也是麦肯锡公司在用的重要工具之一。金字塔原理更多是一种逻辑呈现,很多的公司里面都会用到。也就是表达一个观点时候,根据以下三个步骤: 
1.首先从答案部分开始;
2.分组并总结你的支持论点
3.逻辑性的整理出你的支持性观点。
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        我们一起来看看如何在平时项目和设计中运用这个原理。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <br />
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">先从事情答案开始</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01c10a61302df711013f4720ed8c5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        作为产品设计师,我们要以一种结构化的方式与那些忙碌的主管、领导沟通,就必须首先从高管关心的答案开始,然后列出你的论点,<strong style="outline:0px;margin:0px;padding:0px;">通过这种「自上而下」的方式表达出你的想法。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        今天我们的很多设计师其实逻辑不太好,在产出你的设计方案和设计提案时,往往先讲很多分析,分析完了讲方案。然后得出结论,这个是大多数人的做法,这样做容易出现一个问题就是:有时候如果逻辑之间没有串联性,很容易牛头不对马嘴。举个例子,很多同学在讲作品集时候,很喜欢放一堆推导的过程,什么用户画像,人群特点,痛点等等一堆的观点,但是最后呈现的视觉方案往往和前面推导的过程相差甚远。推导的方向是ABC,结果设计稿是EFG,这样的结果就会显得你逻辑混乱。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/014a5661302e0411013eaf7036bed4.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">按照金字塔原则,我们在表达一个观点时候-先从答案开始</strong>,当你主管提出一个问题时,你的回复应该是「我们应该做某事」,观点非常直接明了,只有这样,在你抛出答案后,我们才能提出对应这样做的理由。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01393661302e1311013f47201a7a5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        为什么我们要从先答案开始?因为今天你和你主管沟通也好,和产品或者高管沟通也好,你要最大程度上运用好你的时间,这些领导都是大忙人,他们每天的行程非常满,没有办法听你在介绍一个项目从项目背景,人群等等维度去徐徐道来。如果你前面讲一堆他没有关注的内容时候,就会变得尤其不耐烦。所以这也是为什么很多同学在设计提案时候总是让人感觉啰嗦,因为<strong style="outline:0px;margin:0px;padding:0px;">你没有关注到对方想要重点看到的内容,你只是在表达,你觉得好的。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        所以为了最大限度利用你和一个领导短暂的沟通时间,你首先要做的就是抛出对于这个事情的答案和建议。或许很多时候,<strong style="outline:0px;margin:0px;padding:0px;">领导可能已经心中对于这个事情已经有答案了,如果你们的观点一致,他会快速接受你的建议,继续到下一步,而不需要你从头到尾讲一遍。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0112e661302e2211013eaf70e11ab6.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        另一个很大的原因是,<strong style="outline:0px;margin:0px;padding:0px;">很多领导思考问题一般会从大局出发啊,会自上而下去思考,他们会把精力放到更高的点,他们不想太纠结于细节过程,他们在评审一个设计,或者一个产品功能时更多关注答案本身</strong>。然后再逐步了解细节,所以我们一定要学会融入这些主管思维模式。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01f6f061302e3511013eaf70e0c402.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        当你领导问你一个问题该怎么做时候?你直接丢出答案,会更加的有说服力和咨询。而不是开始寻找理由,或者各种犹豫,因为你一上来就回答了别人问你的问题。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <br />
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">分类并总结出观点</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01358761302e4811013f47202f397d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        前面我们抛出了我们的答案和观点,那么接下来我们就要分类并且说出能够支持你结论的理由,一般我建议以3个论点去阐述,为什么是3,大家可以看看之前我写的《设计师常用的思考秘籍:三的法则》。阐述的时候,参加会议的人或者领导自然而然的会把你的论点和想法归纳总结,同时也会更容易记住。这样去表述观点,会让你整体的方案更加容易被接受。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0129f061302e5311013f4720fb9b7d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        我们来举个例子,你的主管问你,你觉得苹果的设计为什么好?那么你可以先抛出答案:因为苹果的设计很简约,非常易用,让用户感觉很贴心,同时它的设计很好将商业和美完美的结合。具体的表现有三个:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第一个简约,苹果的设计非常现代,简单的线条,白雪的设计语言,让苹果系列产品非常具有识别性。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第二点苹果设计没有过多装饰性设计,每个设计都会让你感觉很贴心,比如根据光线,自动调节屏幕,时钟会随着时间而变化,系统会根据时间调整颜色等等。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第三点苹果的设计很好的将商业价值最大化。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        那么你从上面几个维度去和领导沟通,就能很有说服力,你上来就给出了答案,同时还分组的阐述了你的论点。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01752861302e6211013eaf70ce9e40.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        再来一个案例,比如可口可乐出了一个新的茶品牌,融合植物、茶淬取物和其他健康成分。所以他品牌设计是个绿色,假如今天你在和领导提案时候,领导问你,为什么要选择绿色作为品牌设计?
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        你是不是可以这样回答他:因为绿色能给人自然,环境,健康的感受,具体表现有以下三个方面:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        1.从色相情感表中选择绿色也是自然健康的代表,用户会第一时间感知到。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        2.同时绿色也和新鲜环保概念能很好的结合。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        3.我们的配料也是从绿色植物里面提取的。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        当你分组并总结你的论点时候,能更容易把你想法传递出去,并且让人很好的理解,逻辑性的归纳总结你的观点。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01cdd061302e7911013f47202efda1.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        金字塔原理在做设计提案或者作品集时也非常有效,我们会经常去说产品问题有哪些,然后得出我们的设计目标ABC,然后利用金字塔原因,我们根据设计目标A得出设计方案A,根据设计目标B得出设计方案B,根据设计目标C得出设计方案C,这些方案之前有关联关系,有互相映射的关系。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        很多同学容易在这一步出现问题,设计目标是ABC,设计方案却是DEF,完全没有关联性。还记得我之前和大家分享的,<strong style="outline:0px;margin:0px;padding:0px;">今天你在阐述一个观点时候,一般可以基于三个点去表达,第一个点一般是最主要的,根据重要程度,最重要到次要逐步呈现。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;"><br style="outline:0px;margin:0px;padding:0px;" />


金字塔原则在生活各处可用

    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0155af61302e8e11013f4720a158d7.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        比如写作上,很多人问我平时写作有什么方法么,其实很简单就是运用金字塔原理,比如我想写一篇关于鲁班取代设计师文章,那么怎么去写:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/019a7161302e9a11013eaf7041a5d8.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">1.先抛出答案:</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        鲁班不会取代设计师,取代的只是重复性的设计,设计创意和设计理念不会被取代。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">2.分组并总结出支持你观点的内容</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        比如观点一,设计理念是机器无法去做的,设计文化,设计历史这些有文化传承的内容,举例说明。观点二,有创意是设计无法取代,比如很多创意广告这些,这些需要大量脑洞等等。观点三,重复性的工作会被去掉,所以设计师要把精力关注到设计创意和设计理念,设计思维层面上。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">3.设计总结</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        那么根据上面那些观点,得出我今天文章想传递的三个观点:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        1.鲁班不会取代设计师,反而会减轻设计师压力,帮我们解决重复性设计,我们可以把精力放到更有价值的设计上去。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        2.设计师要把价值放在产品体验上,产品问题,使用不顺畅这些是设计师可以发现,机器无法发掘的,我们需要去洞察用户,做出好的设计驱动业务。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        3.重点多花精力在设计理念和设计创意上。
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">最后</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01affa61302ea911013f472023a554.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
了解一个事物的结构,可以帮我们反思并且发现一些问题漏洞。这也是为什么我推荐设计师一定要学会金字塔原则,因为今天 我们在做产品的过程中,首先要建立共识:我们的产品主要解决什么问题?为什么应该如何去解决,怎么判断优先级?我们的解决思路是什么?数据上有什么问题?这些问题都需要我们去提前思考。同时金字塔能够帮你了解更多你不知道的事情,并且得到很多设计验证。 
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;line-height:32px;text-align:justify;">
        <br />
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:0px;caret-color:#333333;color:#333333;white-space:normal;font-family:-apple-system, BlinkMacSystemFont, &quot;text-align:justify;outline:0px;padding:0px;">
        <span style="box-sizing:border-box;color:#666666;">蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。<br style="box-sizing:border-box;" />


文章来源:站酷   作者:我们的设计日记
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;background-color:#FFFFFF;text-align:justify;">
        分享此文一切功德,皆悉回向给文章原作者及众读者.
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
        免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:rgba(0, 0, 0, 0.84);font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
        <strong style="box-sizing:border-box;font-size:14px;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微软雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><a href="http://www.lanlanwork.com/blog/admin" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;">蓝蓝设计</a>(&nbsp;<a href="http://www.lanlanwork.com/" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#0C386E;transition:all 0.5s ease;vertical-align:baseline;padding:0px;margin:0px;text-indent:34px;background-position:0px -60px;">www.lanlanwork.com&nbsp;</a>)是一家专注而深入的<a href="http://www.lanlanwork.com/index.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">界面设计公司</a>,为期望卓越的国内外企业提供卓越的UI界面设计、<a href="http://www.lanlanwork.com/bs.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">BS界面设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">cs界面设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/scjm.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">ipad界面设计</a><a href="http://www.lanlanwork.com/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/baozhuang.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">包装设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/icon.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">图标定制&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/yhty.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">用户体验 、交互设计、&nbsp;</a><a href="http://www.lanlanwork.com/web.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">网站建设</a><a href="http://www.lanlanwork.com/WEB.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、<a href="http://www.lanlanwork.com/xz.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">平面设计服务</a></b></b></b></b></b></b></strong></b></strong></b></strong></b></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></b></strong> 
    </p>
    <div style="font-size:16px;">
        <strong style="box-sizing:border-box;font-size:14px;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微软雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><br />




</div>



交互设计师该如何高效地分析问题

分享达人

一. 明确和理解问题

明确和理解问题就是要看透这个问题的本质是什么,明确要解决这个问题可以用到的资源都有哪些。

理解问题的重要步骤:1.问题痛点梳理;2.产品功能流程图梳理;3、用户画像分析;4.数据分析(热力分析、留存分析、事件流分析)


二. 拆分问题

拆分问题就是问题痛点的出现核心问题,拆分问题涉及的维度的关联性拓展有哪些。

拆分问题的重要步骤:1.用户的核心行为路径分析;2.功能头脑风暴;3.解决方案的探讨


案例:配送管理的业务组件【打印交互组件重构】

【背景】

配送的打印功能主要服务于行政管理人员,每天对配送模块的订单和司机管理,进行打印操作,打印前会频繁配置不同打印需求

【现有问题】

1、满足功能上,体验上缺乏引导,导致用户学习成本较高;

2、历史包袱,随着功能需求不停迭代,功能层级划分混乱,导致用户操作理解时间成本较高;

【前期准备】

理解问题模块—问题的梳理:

交互上:操作复杂,交互组件错误使用,体验感差,难用

功能上:功能臃肿,层级划分混乱,难理解

【理解问题模块—功能流程图梳理】



【解决问题模块—数据分析(热力分析、留存分析、事件流分析)】


1.热力分析(GIO)

配置的需求基本上30天数据反馈可以看出,没必要进行“配置页”为主路径。


这里可得出:是否存在每次打印设置的需求,为以后的交互迭代提供快捷配置的可能性。


2.拆分问题—用户的核心行为路径分析:

主路径:查看列表——批量打印——打印完毕(80%)



特殊:查看列表——批量打印——设置模版——打印完毕(20%)



3.拆分问题—解决方案的探讨:【核心:以人为中心 解决问题】

交互上:操作复杂,体验感差,难用

功能上:功能臃肿,层级划分混乱,难理解


【功能层:功能梳理重组】

【交互层:信息关联】

1.交互关联性更强,现在是联级反馈,解决点击一级内容不知道二级内容的编辑的可视区域;

2.功能信息更直观,布局界面可看出功能逻辑,勾选后及时反馈,解决经常忘记勾选打印的选项;



【方案输出】

方案一:配置页的构想,假设在设置模块有单独承载打印配置的区块,而当前对话框的勾选内容是便捷选项,如需要更深设置,需跳转到打印配置区块

方案二:列表的打印功能添加,全局设置,与当前对话框选择设置进行协助配置,如:列表全局的打印功能设置“不再弹出窗口”设置,点击当前的对话框,是直接打印操作


【可用性测试】

采用行为观察法。


【迭代成果】


       迭代前                                                                      迭代后




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

文章来源:站酷   作者:麦海欣

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

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

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



从视觉、交互和技术三个方面浅析2021设计趋势

分享达人

一、社会背景  Social Context


2020年因为疫情,让协作、云端、即时通讯、远程会议、AI智能等等,成为了远程办公的必需品。目前,疫情在国内已经获得了控制,后疫情时代已经到来,许多最初没有的习惯,在发现新的工作模式更加有效率后,也即继续保留了下来,这些保留下来的习惯,也将在2021年会更进一步的发展。



1.大厂的变化

在视觉设计层面,个大设计语言陆续推出了新的设计版本,更为突出个各自设计风格,以建立自己的视觉护城河,谷歌发布了 Android 11,Apple发布了 IOS 14,微软持续宣传他的 Fluent UI 设计理念,在国内的办公领域,腾讯文档推出了类似 Fluent UI 设计理念风格,石墨文档依旧保持独特的东方韵味,飞书发布了飞书文档,继承飞书本身简洁的 UI ,以及活泼的插画风格。


谷歌的 Aandroid 11 

基于 Material Design 设计的 Android 11 ,装饰上运用简洁的几何图形,UI 细节上开始趋向圆角的运用,色彩方面选择了更为协调的配色,对比之前版本纯度有所降低,显得更为高级。视频链接:file:///Users/javascript/Desktop/0bf2miadcaaa7eamerkc6fqfaywdgfraamia.f10003.mp4


苹果的 IOS 14

UI 设计延续原有的风格,清晰的字体,大圆角的运用,加上丰富的动态效果,并且新增了许多贴心的新功能,例如悬浮播放视频、主屏幕的Widget。


微软的 Fluent UI

这是微软为跨平台,而提出的设计解决方案。支撑设计概念的关键词有深度、材质、动画、光线等等,这听起来感觉与 Material Densign 特别相似。不过在最终的视觉呈现上微软会更接近于真实世界。例如,透明的毛玻璃效果,或更为立体的图标等。


2.社区中的热门设计

Behance 和 Dribbble 在2020年出现了许多以 3D 插画为主视觉的设计方案,因为技术的发展,设计师借助 Figma 或 Dimensions 就可以轻松的创作所需的 3D 素材。关键的这不是设计方案中的“花瓶”,因为在Mac的最新系统 Big Sur 中,已经开始运用了 3D 的图标,相信在以后的 3D 的运用场景将会不断的被挖掘出来。


2020年初时在Dribbble流行起来的一个风格叫“新拟态”,这是将投影运用到极致后出现的效果,正如作者所说的:让我们想象一下,如果在移动界面设计中,投影的形式发展的更好的话,那将来的界面将会是什么样子的,这是我的愿景”。新拟态在视觉上表现确实很惊艳,为此Aandroid还制作了一个新拟态的12宣传视频,但是主观感觉这应该很难广泛运用到实际产品当中。



二、UI设计 User Interface


1. 设计服务与内容

设计专注于表现内容,这是从包豪斯到现在一直遵循的规则,而这个理念也将会持续下去。设计目标终将是需要把关键信息传达到用户手中,让用户知道自己为什么在这,这里有什么,并且能到哪里去。


技术的发展,形式也一直在发生变化,提升信息传达效率,这已经不单是平面设计专属。学会运用动效,交互或智能推荐等综合的方法,来达到设计目标,会是将来常用的设计手法。


2.更大的圆角


在以前由于屏幕分辨率太低,窗口四角正常会运用直角,因为圆角会出现锯齿或者模糊,影响界面美观。而现如今移动屏幕质量早已超过纸媒的印刷技术,圆角也开始被广泛的运用。另一方面圆角在之前的认知中,是儿童的专属,是更为亲和力的表现形式。而经过几年的发展,这个偏见正在慢慢改变,因为圆角也可以做的很高大上,也能设计的很潮流。


苹果总是第一个吃螃蟹的公司,Mac 的最新系统 Big Sur 整体变得更加圆润,窗口四角从以前的 10px 增加到 20px ,并且全新的控制中心也沿用了 IOS 14 的设计风格和设计布局。值得在一提的是,微软 Win 10 的概念稿中也开始尝试运用起了圆角。所以这个趋势是蛮值得关注的一点。



3.用有含义的插画提升用户体验


设计师常常会陷入形式主义,而忽略了本该表达的内容,特别是在插画上。也许这个道理每位设计师都懂,但为何还是会前仆后继的扑倒在自我满足的陷阱中呢?也许原因中会有一点是,当内容过于直接表达,或者元素过于普通,就很容易让作品变得毫无趣味,这就是矛盾所在了。


那如果设计师既不想脱离内容,又不想设计出乏味的设计,怎么办?这就需要让插画具有含义,而不是沦为纯粹的形式。优秀的插画多承载的信息量,能够远比文字或界面UI来的丰富。



4. 新材料新拟态


包豪斯有个教学目标,“培养感觉清晰,认知准确的设计师”。因此在包豪斯的基础教学中,会让学员研究各种材料的不同属性。在 UI 设计当中,我们也能制作出各种各样的材料,在拟物化的时代就能证明这一点。但在 2020 年初时,当某位设计师发现了一种新材料,并把这种材料运用到了 UI 设计当中,一时间火爆整个社区,这就是上面提到的“新拟态”。 



这世界是充满可能的,所以我相信在未来还会有更多的材料会被发现,或者被以新的方式使用。例如,在 2020 下半年又有一种风格开始回归“毛玻璃”,其中我们所知道的钉钉,在钉钉 6.0 的设计概念中就融入了毛玻璃的效果。在社区中,毛玻璃也被运用到 UI 的各种场景中卡片、弹窗或图标等。实话实说,毛玻璃的材质的确能增加许多品质感。 



5. 自然的界面和运动效果


这里所说的自然,是能让人感到熟悉和安心,是以人为本的设计。王敏老师说过:“科技求真,艺术为美,设计从善,设计可以作为结点,让真善美实现统一。”链接人与产品之间的纽带是 UI 界面,它需要承载不仅是信息内容,还有用户体验,因此,以人为本的设计终会赢得用户的喜爱。


自然运动效果,不是那种大开大合的炫酷效果,而是让界面过渡更为自然合理。想要让界面体验更为自然,那必然要遵循真实世界的物理规则。例如,重力、摩擦力、向心力、浮力等动态效果。



6. 来自未来的风格


科学技术的快速发展,让我们感觉未来近在咫尺,但又十分迷茫不知何去何从。我相信承载UI的媒介,必然不仅仅是现在我们所使用的各种设备。VR、AR 或全息影像等技术发展,将使得UI设计会有更多的可能性。赛博朋克2077也许真的离我们不远,那种满世界无处不在屏读的社会,怎样的设计才能真正满足需求呢?这是我们需要长期思考的问题。



7. 深色模式


在2020年各大厂都推出了暗色调模式,这已成了如今APP的标配。除了深色模式外,以后还会在可视性、场景和现实成本等因素方面,更近一步的打磨。




三、插画风格  Illustration


1.更具装饰性的平面插画风格


虽然在 2020 年不管是社区,还是实际项目,许多设计师都开始热衷于 3D 插画,就连苹果微软也不例外。但是 Google 却继续坚守自己的设计风格,扁平的装饰性插画,例如 Android 11 就运用简单的几何图形进行装饰,相关的插画也是更多运用的扁平风格,这种坚持必然会有其重要的原因。


装饰性插画在各种屏幕的适配性更广泛,并且在绘制成本和实现成本方面也会更有优势。在屏幕媒介还没发生颠覆性改变前,我认为扁平的装饰性插画在未来将还会大放异彩。 


2.情感化的插画设计


后疫情时代的远程办公,我们需更加考虑如何缓解合作的疏离感。如何拉近人与人之间的协作,打破远程的空间桎梏,让合作更具沉浸感。这时情感化的设计就能充分体现它的价值,例如,这几年开始火的 emoji 头像,或者各种表情包,它们让沟通的双方产生情感共鸣,而不是面对着冷冰冰的屏幕。


3. 插画的组件化与创新


皮克斯运用技术的创新,提升了质量和效率,从而改变了整个动画的历史。对于我们来说,未来的插画需求会越来越多,并且还要求独特的创新性,这就需要有更优的解决方案。


Ant Design 的 HiTu 在 SEE Conf 的时候提出了解放图形化生产力,那就是将插画各部件组件化,这有效的提升插画效率。然而在插画库的维护方面,还需要设计的创新。因为效率的提升,让设计师能有更多时间,专注于更有创造性的工作,然后将新的创意理念融入部件,最终完善整个插画组件库。 





四、交互方式  IInteraction


1. 多屏协同办公


凯文凯利在《必然》里讨论了关于未来的生活方式,他认为我们的未来环境会充满各种屏幕,它将会在各种事物的表面出现,屏读会从我们起床开始到晚上睡觉,一直出现在我们视野中。如今的人们每人都有各种各样设备,因此,多屏协同办公是必然的趋势,不管你是与人合作,还是独立工作。


万物互联已经是很久的话题了。在 2020 年华为的鸿蒙系统,发布了跨设备进行的分布式交互,实现了多屏协同。我感觉,这将是很重要的一步。 



2. 秒验身份认证


身份认证是信息安全最关键的一步。我们通常会用身份 ID 加密码进行登录,并且为了验证你不是机器人,还会加上人工输入验证码,如果再有其他的设置选项,那我们的登录交互就会被拉的很长,有时还会出现登录失败的情况。在如今浮躁的社会,许多用户也许在前几步就已经失去了耐心。 


移动设备拥有有丰富的传感器,并且精度也在逐年的提高。随着指纹、面部、虹膜等等技术成本的降低,这些技术也开始越来越普及化。如今使用新的识别技术,很轻松就能完成各种身份认证。 




3. 单手交互的挑战


当年乔帮主一直坚持的单手操作,而如今,手机屏幕逐渐越来越大,单手操作已是一种奢望。为此,各手机品牌想方设法的改变交互方式,为的就是能实现单手操作,并且为此作为宣传的噱头。iPhone 轻点两下 home 键或向下轻滑虚拟 home 键,就能让整个内容向下移动半屏,从而方便单手操作顶部功能。 


想达到目标的第一步,就是办法让拇指能触及到功能。但我们还需要进一步思考的是,拇指本身的灵活性并不高,并且也只能是单点触控,那怎样的交互形式能满足日益复杂的交互需求呢? 





4. 折叠屏

屏幕可拓展,将会是移动办公的重要转折点。不管是需要长篇编辑的文字,还是画板无限大的表格,或者是需要强大美化功能的演示,这都需要足够大的屏幕才能有更优的体验。折叠屏的出现让手机能代替平板,满足更多使用场景。折叠屏目前由于成本的原因,在大众眼中还属于新事物。但我相信成本在未来不会是问题,更重要的问题是,屏幕形式的变化,对于交互来说将会有哪些影响,并且如何挖掘其中真正的潜力。



五、技术升级  Iechnology


1. 关注隐私保护


自 MIUI12 隐私功能发布后,APP 访问隐私频次大幅下降,这使得应用的行为越来越规范,也因此获得了用户、国家相关机构和媒体的认可。 



在凯文·凯利的《必然》中描述了这样的一个未来景象,我们的各种状态将会被设备所跟踪,大到你的地理位置,小到你的心跳,你所经历的一切都将被上传到网上,设备能通过对过往的分析,给你推荐各种商品或服务。这很美好,但同时也存在许多风险。在《窃听风云》的电影情节中,就是由于先进的窃听技术,造成了各种无法预估的灾难。所以这是一把双刃剑,在技术进步的同时,我们也需要时时刻刻关注隐私的保护。 




2. 智能自动化办公


在 2019 的 Google I/O 大会上,Google Lens 展示的 AR 点菜功能可以智能识别用户扫描的菜单并将美食网站上的相关推荐直接呈现在屏幕上。当识别到小票信息时,可快速提取小票上的金额,且可自动弹起计算器快速帮助用户计算人均消费,节省人工计算的时间成本。 



在办公场景下,如何帮助用户减少无谓的工作,让更多精力专注于内容。把排版规范、素材提取、文件管理、功能查找等琐碎的事情,交给人工智能来完成。在以前工业时期有机器的赋能下,人们的生产效率进行了一次飞跃,而下次的效率提升将会是人工智能。 




3. 脑机

是否希望自己学会“量子阅读法”呢?也许 5 分钟实现十万字快速阅读不是梦。Neuralink 发布了 Link V0.9 版的脑机接口,并且已经在动物上进行实验,他们通过把一块微芯片植入猴子的大脑,然后让其通过意念玩电子游戏。虽然这产品在人类普及的概率几乎为零,但是这也算是人类向前迈出了一大步。 



这只是一个开始,未来的设备将不局限于可穿戴,而会是与人体紧密相连。或许可以想象一下,在未来人们会像在医院预约挂号一样,在科技公司楼下排队更新升级身体里的“机械器官”。 



4. 虚拟现实&增强现实


如果要说接下去哪个技术变革,将对我们生活工作产生重大影响,我认为将会是 VR 和 AR。在沟通方面,体验将会变得更为真实。远程沟通常常效率很低,其中很重要的一点是空间的距离感,而空间的距离会产生双方链接的不稳定性,因为双方无法达成眼神、肢体等信息的交流,有时候一个眼神或者动作就能完成的事情,需要反复的语言交流,甚至会陷入各种尴尬的境地。 



除了沟通之外,在工作、生活、学习等领域,VR 和 AR 也将会有更多可能,媒介的属性不再是二维平面,而是三维空间,这使得它能提供更为沉浸式的交互体验。 



5. 5G 运用


依稀记得上大学时 4G 时代的到来,旁边的人都在说网速多快多快,听歌看视频一点都不卡。 


而如今 5G 开始普及,网速也再次提升,但外界对其的评价褒贬不一,其中最为常见的话题就是“5G 对我们的生活将会有什么改变呢?”,有人觉得它只会提高我们每个月的话费,也有人提出 VR/AR 全景直播、高清远程会议、无人机作业、自动驾驶等技术将会更为成熟。


不管如此,5G 在 2020 年度过各种坎坷,最终普及到我们每个人身上。5G 对许多领域都会有质的影响,特别是依赖网络环境的场景。其中就有办公领域,大文件上云、协同办公或远程会议,5G 将会给这些场景提供更好的体验,也会让更多可能变为现实。 



这篇文章是对当下的思考,也希望能对 2021 年的工作带来些许帮助。在这过程中越是总结,越是对未来的趋势感到迷茫,一篇文章并不能囊括所有内容,不足之处也希望理解。在未来或许会有数不尽的黑天鹅,也可能因为技术爆炸,使得新的潮流突然的兴起,未来是无法预测的,所以,就让我们一起拥抱变化吧~


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

文章来源:站酷   作者:篮子瑶

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

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

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


如何与利益攸关方合作进行医疗设计项目?

分享达人

一些有用的建议和工具帮助你与患者、医生、医院管理人员和其他医疗保健利益相关者一起进行设计。

近年来,医疗保健组织开始使用“设计师”方法进行创新,以提高患者和护理人员在设计和提供医疗服务的参与度。然而,将设计方法引入医疗部门也是困难重重:思维方式的差异可能导致双方关系紧张,同时我们仍需要提供更多的证据,证明设计实践会给医疗保健部门带来更多的价值。


1.调整所有人的目标


在处理服务设计项目时,无论是参与式还是共创式,我们需要从一开始确保所有利益相关者的目标和期望一致,以促进合作顺利有效,产生有意义的成果。


所以我们可以用到Expectation Map或者the Alignment Canvas这两个工具可以帮助理解人类的愿景和优先排序,从而使团队对项目的理解同步起来。


这两个工具在项目初期调整成员目标,构想用户对服务的期待,建立同理心,全面地呈现了不同的观点。


这个工具包提供的帆布是个简单的表格,帮助确定每个涉众的价值和目标,突出公共点和交叉点,利用不同角色不同价值的可视化卡片填充画布。


建议

-每个利益相关者可以从卡片中选择自己的价值观或添加价值观,讨论相同点和冲突点,制定共同目标。
-如果项目涉及三个以上的利益相关者,可以采用相同的概念模型来反映所有价值观和共同点。


2.了解项目生态系统


医疗服务中有各类行为者,行为者之间以及行为者与用户之间存在特殊的关系。因此,我们必须清楚当前设计服务的影响人,以及影响程度。


使用利益相关者地图反映不同行为者的角色和责任,以便更清楚地了解你正在设计的服务生态系统。


利益相关者地图不仅有助于可视化服务系统和用户体验中的不同利益相关者,还可以可视化相关者与主要用户的互动程度。这个模版将医疗领域的利益相关者分为三类:医疗经营者,辅助人员和大型病人群体。


建议

-将代表主要用户或利益相关者的行为者卡片放在中心位置。
-将行为者卡片按照利益相关者群体进行分类,并将卡片放在画布的相应区域。
-将那些与主要利益相关者互动程度较高的行为者放在内圈;除了医疗系统外,还要考虑的更广阔的生态系统。


3.反应不同的用户类型


研究项目背景,收集服务生态系统中人们的行为、动机和特点等第一手资料。构建角色有助于更好地了解设计医疗服务中的病人和医生(或其他医疗经营者)的需求、习惯和态度。


为了更好地促进这一阶段的分析,工具包中的角色模板记录了病人和医生简历上的一些具体的医疗信息,如疾病类型和医疗知识。


建议

-对于病人角色,首先选择病人和疾病类型。
-对于医生角色,首先选择医生简历,记录痛点。
-利用卡片,选择与角色互动的环境和行为者,喜欢的互动渠道,价值观和经历的情感。


4.分析经历 构想更好的服务流程


我们都清楚,用户旅程是一个强大的工具,能够绘制服务体验,包括现有服务和待设计的服务。


我们也可以与病人或医疗行业的其他利益相关者共同绘制用户旅程,建立对用户体验的理解。


你也可以直接与利益相关者合作,确定具体痛点和在服务中可能造成摩擦的其他因素。


这套工具所建议的医疗旅程图可以用来分析病人和/或医疗操作者的体验并进行可视化,涉及到体验的所有成分:角色,行为,方式以及在接受或执行医疗服务时所经历的感情变化。


建议

-写出用户旅程地图需要的人物简历。

-卡片用为触发材料,促进病人和医疗相关人员分享经验,讲述故事。

-选择每个动作所经历的情绪,并将其垂直投射在相应的动作上。

-患者的用户旅程可以按照整个治疗过程绘制,有助于理解不同医疗步骤之间和相关部门之间的交叉点,以及可能出现的问题,形成一个全面的体验观。


5.通过评估 确定想法的优先性


在建立背景框架,分析了观点和体验之后,我们开始设计解决方案。让不同的利益相关者参与概念生成,方便作出改变或促进相关方接受新服务。


一旦确定了解决方案,接下来就要挑选最有潜力或最合适的解决方案,这项任务也十分困难,尤其是在复杂的环境中,比如与医疗有关的环境中。

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

文章来源:站酷   作者:马克笔设计留学

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

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

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


设计沉淀录:如何让你的设计更有价值

分享达人

前言:如何让你的设计更有价值,设计有价值代表你的方案有价值,你的方案有价值代表你的理论有价值、你的理论有价值代表你的专业能力体现,归根到底,说明了什么人作出什么样的作品的同时会带来相应的价值。站在设计师的角度看,在公司里,属于站在用户体验上的提出的设计建议或者设计方案,基于“以用户为中心”理念和交互设计原则,通过自己的设计思维与专业能力,为公司创造更大的价值,不单只是一个美观的输出。

目录:

一、设计行业的发展趋势

a)设计与产品的关系

b)找到自身价值的重要性

二、了解设计师的价值分层

a)设计协同

b)推动业务增长

c)设计驱动产品

三、设计师需要具备的哪些思维?

a)双钻模型解决问题

b)“五度”设计成果评估模型

c)培养数据思维,利用数据提升设计的价值


一、设计行业的发展趋势

a)设计与产品的关系

以前,设计师在团队里的位置会比较尴尬,因为没法验证自己对业务的推动是否产生了什么明确的价值。而大数据的来临,设计的价值变得显性化,作为与用户关系密切的设计师,善用好数据,可以发挥的作用其实很大。我们可以通过自己的设计思维与专业能力,为公司创造更大的价值,不单只是一个美观的输出。这就使得设计与产品业务关系越来越密切,是整个行业发展的必然趋势。


举一个设计以小成提高业务的实例。这是我之前做的分拣软件迭代首页的自定义配置组件。在改动前分拣首页功能多,甚至有时候需要滑动寻找。寻找点击率大概是不到16%,改动后提高到了40%,不消耗任何其他人力、物力成本,就可以用设计让CTR翻倍。

设计目标:减少首页模块寻找的时间,加大成功点击率,考虑延展性发展

现有问题:主次功能混淆、视觉点不够集中、点击按钮不明显

优化方案:1、主次布局调整,主上次下;2、面积放大提高模块命中率;3、色彩区分主次按钮;4、添加“➕”自定义配置首页主功能,加入人性化设计理念。

体验连接:https://www.growingio.com/projects/lPQ7bOj9/product-analytics/heatmap/j9yvlyRy(账户/密码miaomiao/liuge1)


b)找到自身价值的重要性

自身价值顾名思义就是你的工作成果会带来什么价值,按照公司更看重我们的设计能给产品的发展带来多大的价值。虽然职位的性质已经很明确你的价值的体现,但是这里注重成果的价值,设计师的成果更多是设计方案,方案成果的价值的接受度也是需要从易到难的渐进的。


举一个设计价值体现的实例。这是我之前做的新Station组件库——GM Design。设置组件和设计规范不仅保持了产品的统一性,且减少用户在使用过程中的行为认知负担,快速同事达成合作,还可以减少不必要的操作和排查,提高易用性。

设计目标:保持产品的统一性,减少认知负担,降低时间和人力成本,提高易用性

现有问题:同个功能存在组件多样、组件学习成本高、反复修改,

优化方案:1、建立组件库;2、功能类型划分,采用同一个组件的变形处理;3、组件集中化; 

体验连接:https://lanhuapp.com/url/rKmeX 


二、了解设计师的价值分层

设计师的价值可以分为以下三层:设计协同、设计推动业务增长、设计驱动产品。

a)设计协同

一个完美的执行者,能够在拿到需求后高效又完美地实现落地。简单地说就是手上功夫好。

做好这个阶段需要有优秀的专业能力,良好的沟通能力,并参与到产品的探索与构思中来。


举一个设计协调的实例。Q2阶段的B-Shop商城交互迭代。前期输出设计基础和设计规范,有助于开发高效实现,实时跟进UI进度和设计协助。在产品的探索中发现数字键盘组件的问题点,由于自己写的数字组件具有局限性,导致体验上无法满足部分需求,如:输入框的定位在数字键盘之上。基于这个问题点,我们提出A/B方案,A方案是自己写的数字组件,B方案是自己写的数字组件延用原生的逻辑,从用户测试得出,A方案是更符合用户操作习惯。

设计目标:组件高效快捷输入,侧重交互体验提升,视觉优化,提高易用性

现有问题:学习成本高、缺少设计基础、信息分层不明显、体验差

优化方案:1、划分主次信息,阅读更直观;2、建立设计规范;3、组件优化,符合用户操作习惯;4、图文结合,按钮优化,加强页面指导性

体验连接:https://bshop.guanmai.cn/?cms_key=miaotest&timestamp=1561085945884#/product(账户/密码miaomiao/1qaz2wsx)



b)推动业务增长

这个阶段的设计师,会比上一个阶段更能体现设计师的设计价值,并对产品产生一定的影响力。能在以用户为中心的基础上,推动业务的增长,所以这个阶段的设计也被称为UGD(User Growth Design)。


需要设计师具备用户洞见力,数据分析能力,从这两个维度出发,去熟悉业务、分析业务,从而推动业务

举一个推动业务增长的实例。Q2阶段的采购APP的交互迭代。表头的功能布局与标签栏的“➕”添加功能的调整,其实在用户调研阶段的热力图数据和观察法分析得出,工具类移动端侧重点在功能区,需要一目了然知道我的当前任务数是很重要的信息,且是高频操作,所以放置顶部;标签栏的添加功能是为了快速添加采购单据和询价为目的,用户群体特殊性,需要一键新建添加的需求。

设计目标:侧重交互体验提升,提高工作效率,提高易用性

现有问题:学习成本高、缺少设计基础、操作路径长、体验差

优化方案:1、操作路径简化,采用路径集合弹框;2、建立设计规范;3、组件优化,符合用户操作习惯;4、一键新建“➕”的功能,达到快速新建

体验连接:http://station.env-bugfix.dev.k8s.guanmai.cn/purchase_assistant/#/login(账户/密码zhangsan0001/ liuge1)



c)设计驱动产品

这个阶段的设计师,在团队中的价值可以说是非常大了。从被动的需求接收方,转化为从战略层,能主动提出需求的一方。也是UXD发展的终极方向。


三、设计师需要具备的哪些思维?

a)双钻模型解决问题

什么是双钻模型?

双钻设计模型由英国设计协会提出,该设计模型的核心是:发现正确的问题、发现正确的解决方案。一般应用在产品开发过程中的需求定义和交互设计阶段。


双钻设计模型把设计过程分成4个阶段:发现问题(挖掘)、定义问题(创意)、构思方案(制作)和交付方案(落地)。



采购APP进行双钻模型思维构建的基础,提供交互迭代的底层设计理论支持,在挖掘需求阶段,属于用户调研阶段;创意阶段,关注点在于问题梳理、实现目的、设计层面;制作阶段,寻找潜在的解决方案;落地阶段,解决方案的分析和验证,输出最适合一个。


b)“五度”设计成果评估模型

用户体验周期(由阿里巴巴UED提出概念)


用户体验周期指的是用户与产品的关系随着时间变化而形成的不同周期阶段。用户体验周期可以分为「当前」和「长远」两个阶段,每个阶段中有不同的细分。

  • 「当前」阶段,分为 3 个过程:

    • 触达:用户来访问网站,包括第一次访问网站的新用户和再一次访问网站的老用户;

    • 行动:用户在网站上进行相关操作;

    • 感知:用户在操作完成后对产品形成的主观感受。


  • 「长远」阶段:分为 2 种表现:

    • 回访:用户自己再次使用该产品;

    • 传播:用户推荐给其他人使用该产品。


如何在具体项目中体现呢?下图,运用一个具体项目举例:

c)培养数据思维,利用数据提升设计的价值

项目与需求上线后,去验证自己的设计是否有效地达成了目标。这个时候你就需要去看数据反馈。没有数据就就没有比较,没有比较就不能进步。

关于数据的用处有很多,举个例子,当两个人对各自的方案争执不休,分别觉得对方不好,但站在各自的逻辑上似乎都能说得通,那怎么办呢?分别做一个A/B测试,数据不会说谎,哪一个方案更有效,一目了然。

那么如何将数据结合到我们的设计中呢?首先在设计前,我们需要先定一个目标,而每一个目标就应有一项对应的数据指标。比如,提高了某一块的CTR(点击通过率),提高CVR(转化率),提高商品曝光、1/7/15/30日留存率等等。方便之后去验证自己的的action是否完成了自己的Goal。


拿到了数据之后,还需要分析数据。不管是有没有达到目标,都要去分析原因,进行复盘总结。复盘的好处是可以让我们在这一次项目中吸取有价值的经验—失败了就找失败的原因,方便以后避开同样的错误;成功了就分析成功的原因,并将成功的策略复制运用到今后的工作中,增加以后的成功率。如此,不管有没有成功,都能给我们带来最大化的价值。我们也会更加的接近用户、接近产品、接近业务。从而帮助我们进一步洞察用户、挖掘新的需求。


小结:

以上就是今天所要分享的全部内容。再带大家回顾一下,一共分为三部分:第一个是了解设计师的发展趋势,第二个是趋势下的设计师价值分层(设计协同、设计推动增长、设计驱动),第三个就是在价值分层的逐步递升中所需要培养的双钻模型、GSA的策略、数据增长思维等。

文章来源:站酷  作者:麦海欣

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

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

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


正态分布模型在体验设计中的分析及应用举例

分享达人

B端产品往往都具有较长的业务流程和操作步骤,需要用户循规蹈矩、通过较多的步骤找到相应的页面,来触达相应的用户目标。落实到体验设计中,需要设计师充分考虑用户在操作路径中的操作权重(频率&停留时长),进一步以核心步骤为中心向路径两端延伸,完成页面布局。


如何分析和评估用户在操作路径中的权重呢?今天介绍一下,本人从统计学中借用的一个概念——正态分布模型,并将其应用到体验设计的流程中。


1 首先,什么是正态分布模型呢?


正态分布,也称“常态分布”,或高斯分布,是一个在数学、物理及工程等领域都非常重要的概率分布,在统计学的许多方面有着重大的影响力。


如果一个指标受到若干独立因素共同影响,且每个因素不能产生支配性的影响,不管每个因素本身是什么分布,它们叠加后影响的这个指标平均值就是正态分布。


如图:

标准正态分布模型


正态曲线呈钟型,两头低,中间高,左右对称因其曲线呈钟形,因此,人们又经常称之为钟形曲线。


标准的正态分布模型包含了中心极限定理的三要素,影响因素独立,因素影响程度随机但无法支配,各个因素之间是相加的关系。

中心极限定理三要素


当然,在体验设计中正态分布模型就没有那么复杂,而且用户的操作也不是随机分布。那如何在体验设计中如何应用呢?


接下来,介绍一下基于用户体验,提炼的正态分布模型。


如图:

体验设计中标准正态分布模型


总的来说,体验设计中的正态分布模型,是一种用来探讨用户在某一功能的操作过程(或产品的整个生命周期)中,操作频率(权重)所集中的区间与页面布局、信息架构之间关系的方法与思维。


这个模型涉及两个维度:

一是带有指向性的操作路径(步骤/功能模块),可以是一个功能的详细、单一的操作路径,也可以是一个产品从使用到停止使用的生命周期中,用户对整体功能使用流程;


二是频率,操作路径中的步骤或者核心功能被使用的频率,即权重。这个维度可以直观的反应出用户的关注重点和高频操作,便于后续的用户引导及页面布局等。


将用户的操作频率按流程顺序放置到坐标中,即可得到类似于正态曲线的图形,直观的反映出用户在功能步骤(模块)上的关注度。


2 体验设计中正态模型的类型


根据分析功能的颗粒度不同,得到正态分布模型的验证结果也不相同。


由此,体验设计中的正态模型,大体上可分为两类:

第一类是具体的功能(功能型),通过该功能的起始到完成,获得该功能高频操作及核心页面,可有助于功能路径优化及页面布局、功能排布,让用户更方便的获取高频操作。


第二是产品整体功能(产品型),通过用户从使用到停止使用该产品的全部路径,获取用户在使用产品时关注的功能,有利于明确产品定位、优化功能架构,在B端产品上还可以进行角色和权限的管理。


接下来,我们就详细探讨一下两种类型的正态分布模型。


2.1 功能型的正态分布模型

功能型的正态分布模型多用于优化产品功能及路径。这种类型的模型关注更加聚焦,结论也更加直接,甚至可以直接应用到设计方案上。因此在分析功能路径时,要简化相关联的分支路径,避免其对聚焦问题的干扰,使分析结论更加精准。


例如,一个手机TB的购物流程,如果要研究用户购买行为,就需要更多的关注用户对商品的选择、比较等操作,同时简化用户的支付操作路径;如果研究的是购物流程中用户的支付行为,就应该相应的简化用户选择产品的路径。


如图:

举例:淘宝购物流程分析


另外,这种类型分析结果的落地,需要格外关注功能操作路径的入口及其他功能的衔接,保证在更大层级上的操作不会出现断点,保证使用流畅。


2.2、产品型的正态分布模型

产品型的正态分布模型,可以看作众多功能型路径的简化提炼版本,忽略操作细节,着眼于业务在功能模块之间的流转,多用于产品定位升级或架构调整。这种类型的模型是将产品的拓扑图,按照用户从开始使用到停止使用的的操作路径(产品的生命周期),将其映射到坐标轴上,来直观表现出产品的核心功能。


如图:

产品型&功能型


其结果属于定性结论,在设计方案时更多的是参考意义,只有在进行产品定位迭代及架构调整时,才具有指导意义。因此,在不同场景下用合适的模型才能更具有说服力。


正态分布模型的可以应用到B/C/G等多种类型的产品上,根据不同类型的产品,该模型还会有其他功能的扩展。


例如,B/G端产品往往都具有长流程、多角色、多模块的特点,当正态分布模型在B/G端产品上应用时,还可以清晰凸显角色、权限的结构,有利于对用户权限和角色的定义与管理。


3 案例分析


在本人所从事的安防行业中,实时报警的处理是较为高频、且重要的业务功能。本文仅对功能型模型进行案例分析,希望该方法(思维)的表达更加清晰明确,也能够帮到大家。


3.1 业务概述:

实时报警的业务流程大致是这样的:在监控中心或岗亭,保安人员对园区的安防状态进行警戒时,如果有异常状况触发了报警,系统会反馈推送给安保人员,安保人员通过录像抓图等信息判断报警的紧急程度以及处理方式。


3.2 业务定性

该功能是典型的“海岛事件”,具有偶然性和急迫性的特点。所谓海岛事件,是本人对具有偶然性与急迫性特点业务的概括统称,后续可以写文章专门探讨该问题。


3.3  场景推演

安保人员每时每刻都全神贯注监管整个区域的安全状态,是不可能的,更何况这类海岛事件呢?所以,在发生报警时安保人员大概率处在“摸鱼”状态。



当有报警进入时,安保人员第一时间需要确认的是报警的类型以及位置,从而快速判断如何处理。只有当报警信息不明确时,安保人员才会进一步通过录像、抓图、关联的监控来进一步判断报警信息。


实时报警场景推演


3.4  报警业务处理的正态模型分析

在整个场景推演过程中,用户的关注重点是报警详情以及报警信息的确认过程,会有较少的概率查看辅助信息,因此需要保留辅助信息的入口。


如图:


3.5  方案展示

方案采用瀑布流式,高权重的关键信息拥有更高的页面权重,用户可以快速获取信息,以判断处理方式。同时,渐进式展示确认信、辅助信息,如抓图、录像、关联视频等,一方面可以减少对用户决策的干扰,同时能够快速获取这些信息,辅助用户做出判断。


由于方案涉及到公司项目,所以方案不方便直接展示,这里只展示页面信息布局。



我们都知道,在页面纵向布局上,随着视觉流的下移,用户的关注度会逐步降低,因此,在实时报警处理页面布局上,将从上到下信息的重要性逐级降低。


首先是实时报警处理的核心区,分为两个部分基本信息区与视频辅助区,这两部分信息是判断实时报警性质以及处理方式的主要依据。其中,基本信息区是最重要的,用户可以根据报警的基本信息,来确定如何处理报警。对于大部分的报警信息,用户可直接判断报警是否需要处理,或是进一步的确认及验证,尽可能的减少用户的操作;因此,报警的处理入口,紧随基本信息。


而视频辅助区是对部分报警的回放确认,是在查看基本信息后的进一步操作,频率相对较低,因此虽然属于核心区,但是层级却低于基本信息的展示。


辅助验证区放置的报警期间的连续抓图,可以满足用户的放大查看,进行报警辅助确认,随着用户视觉流下移,其重要程度迅速降低,相应的操作的步骤也较为复杂,页面视觉权重也有较大的压缩。


最后,对于极少的报警信息,用户需要通过关联视频的信息进行验证,可通过页面底部的关联视频入口,点击展开关联视频浮层,进行报警信息验证。这是整个实时报警的最后一个层级信息展示。



4 写在最后


正态分布模型不仅仅是一个工具、方法,同时,也是一种设计思维。


在设计之初,充分理解功能的定位,完善功能入口,让用户更容易触达产品的核心功能。然后通过核心功能向业务两侧进行延伸,进而覆盖整个业务,完成产品的框架与流程的构建。


在设计之中,关注高频的核心步骤,让用户的高频操作具有更简便的操作空间,把用户更想知道、更想操作的内容推送到用户面前,让用户在整个操作流程中的操作频率与页面布局的权重分布相匹配,而不是想当然。


只有这样,设计才更具价值,才能培养更忠诚的用户。

文章来源:站酷  作者:体验设计思

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

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

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


如何锁定用户的核心需求?试试这个「层次分析法」!

分享达人

工作生活中,决策是我们不可避免的难题。如何做出明智的选择,在分析过程中保持“理中客”,抓住用户的核心诉求,提升产品的用户体验,是用户研究持续关注的议题。

传统分析方法,存在的弊端

当我们调研用户需求的重要性时,通常采取两种方法:单刀直入的问 & 委婉含蓄的算。例如,为了提升产品的满意度,我们调研用户对于产品各项因素的重视程度,以便优先迭代用户的核心诉求。

1. 单刀直入的问

问题:您刚刚为产品的满意度进行评分时,请问您最看重的产品因素是哪个(或哪 1-3 个)?「多选」

处理方式:统计本题各个选项的频数,由高到低顺序排列,从而决定优先顺序。

这种方法的缺陷显而易见,一方面直接询问会显得有些突兀,众多选项的展示极大可能会扰乱用户脑中原本的想法,导致真实答案被选项的罗列顺序影响,另一方面这种方法只能得到各个因素重要性的排序,无法得到他们各自的权重(影响程度)。

2. 委婉含蓄的算

问题:

Q1:请问您对产品满意度的评分是多少?

Q2:请问您对产品各个因素的满意度评分分别是多少?

处理方式:采取总——分的评分模式,对产品整体满意度得分、各因素满意度得分进行因子分析或者回归分析,根据分析得到的结果计算出每个因素对整体满意度的贡献度,找到贡献度最高的因素。

这种方法是一种“马后炮式”的分析,根据当前用户的评分去“科学的猜测”,因为分析结果有很强的时效性。比如当期调研中,产品由于在功能 X 方面出现了问题,给用户的体验造成了伤害,那么分析的结果势必会呈现“功能 X 的重要度极高”的结论,但真实的情况可能是,用户长期不怎么关注功能 X,只是最近产品的问题造成用户短期内关注 X 功能。

那么,有没有其他方法来分析“用户最看重的因素/哪个因素最影响用户评分”,决策“哪个方案对用户评价/项目目标的推动力最大”呢?这次向大家隆重介绍层次分析法

什么是层次分析法

层次分析法(The Analytic Hierarchy Process,简称 AHP),是美国运筹学家匹茨堡大学教授萨蒂于 20 世纪 70 年代初,在为美国国防部研究“根据各个工业部门对国家福利的贡献大小而进行电力分配”课题时,应用网络系统理论和多目标综合评价方法,提出的一种层次权重决策分析方法。

该方法根据问题的性质和要达到的总目标,将问题分解为不同的组成因素,并按照因素间的相互关联影响以及隶属关系将因素按不同层次聚集组合,形成一个多层次的分析结构模型,从而最终使问题归结为最低层(供决策的方案、措施等)相对于最高层(总目标)的相对重要权值的确定或相对优劣次序的排定。

层次分析法分两步走:建立层次结构 & 一致性检验,接下来我们一起看看这种方法如何应用:

在 M 项目中,“店东对 M 小组产生的整体价值的满意度”是一个重点跟踪的结果指标,项目组希望了解提升满意度各项抓手的过程表现及各自的重要度(对整体满意度的影响程度)。在综合考虑问卷篇幅、样本质量、重要度分析严谨性等方面,最终选择了层次分析法。

第一步、建立层次结构,形成问卷框架。首先明确四个主要抓手是通过怎样的路径来影响店东满意度的,产出多层级的结构,一般情况会采用“结果目标-抓手”两层 或“结果目标-分类-抓手”三层(本次示例中,店东对 M 小组价值提升的满意度是结果目标层,带团队的动力和带团队的能力是分类层)。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 1 “店东对 M 小组价值提升满意度”的层次结构

然后在问卷中对各项抓手捉对,采用 9 分量表对比重要性(如果是三层结构,可以先对比分类层,再对比分类层下面各自的抓手。本次项目由于抓手数量较少,所以跳过分类层,直接将四个抓手两两对比)。本次案例中抓手数量是 4,根据排列组合的结果询问次数为 6 次。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 2 重要度比较问卷

第二步、回收样本,做一致性检验。由于被访者在回答问卷时,可能对重要性的排序没有形成清晰稳定的认知,也可能没有仔细阅读或回答问卷,导致样本中有大量脏数据,比如会出现“A 比 B 重要、B 比 C 重要、C 比 A 重要”的逻辑矛盾,一致性检验可以通过矩阵分析有效的排除这类无效样本(分析过程此处省略一千字)。最终我们保留有效样本再次进行矩阵分析,可以得到各项抓手的重要度。

以虚拟的结果数据(非真实项目结果)为例,四个抓手对店东满意度的重要度如图 3 所示,其中,“平台资源倾斜”的重要度最高。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 3 各项抓手重要度

三种方法利弊比较

如何锁定用户的核心需求?试试这个「层次分析法」!

图 4 三种方法的比较

延伸应用

层次分析法除了上述应用之外,还适用于业务方案决策、日常个人决策等多领域。

业务方案决策方面,仍然以“店东对 M 小组产生的整体价值的满意度”为例。我们在前文已经分析出了四个抓手的重要度,假设目前我们有 3 套方案可以提升店东满意度,需要从中选择一个进行落地。我们要做的仍然是两步:建立层次结构 & 一致性检验

邀请 3—8名项目专家(可以是项目评委、项目负责人、该项目相关领域的资深人士等)预估各方案在抓手层面的表现。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 5 建立满意度层次结构

如何锁定用户的核心需求?试试这个「层次分析法」!

图 6 优势对比问卷

对数据进行一致性检验,并产出每个方案对各个抓手的推动力指数,这样我们就可以一目了然的看到,哪个方案对结果指标的推动力最强了。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 7 方案比较结果

个人日常决策方面也是同样的道理,比如我们在纠结去哪个城市旅游、购买哪只基金的时候,都可以搭建相应的层次结构,把自己(或者最了解自己的人)作为调研样本进行层次分析,用科学的方法帮助自己找到内心的答案。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 8 旅游目的地选择

如何锁定用户的核心需求?试试这个「层次分析法」!

图 9 购买基金选择

结语

决策不是拍脑袋赌运气的玄学事件,科学的方法能帮助我们理性地分析现状,作出明智的选择。相信掌握了层次分析法的你,不仅能在工作中锁定用户的核心诉求,也能在生活中摆脱选择恐惧的纠结,成为运筹帷幄的“小诸葛”。

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

文章来源:优设   作者:贝壳KEDC

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

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

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

如何针对不同的增长阶段,选用合适的用研思路?

分享达人

企业增长周期和用户生命周期这两个周期理论市面上皆有一些增长理论的定义。

从一般企业增长周期来看,会经历以下 5 个阶段:

  • 阶段①:问题/解决方案匹配期 → 主要是调研客户的需求;
  • 阶段②:最小可行性产品时期(MVP) → 寻求若干种最小化产品的建立方法;
  • 阶段③:产品和市场匹配期 → 提升用户的黏度和体验;
  • 阶段④:渠道和产品匹配时期 → 对高优先级的渠道进行大规模的投入;
  • 阶段⑤:成熟期 → 并购,国际化和本地化

如何针对不同的增长阶段,选用合适的用研思路?

运营常用的用户生命周期理论 AARRR 对用户在产品中各个层级的状态也有所定义:

Acquisition→Activation→Retention→Revenue→Referral

如何针对不同的增长阶段,选用合适的用研思路?

每个公司的拳头产品或产品矩阵中的各个子产品可能处在不同的生命周期,在做用研探索时需要具体分析。以酷家乐在近两年的情况为例,其主打产品早已走过 0-1 的阶段,但在大的框架下会不间断的迭代,如工具功能、生态服务功能。

在这种情况下,用研和业务密集合作的增长类用研项目主要集中在企业增长周期的“阶段③:产品和市场匹配期”之后的阶段,目的是提升用户的粘度和体验,随着产品的螺旋上升,也会对阶段①-③做阶段性小循环;反映在AARRR模型上则是以「用户留存+用户推荐」为重点。

如何在业务中挑选高杠杆监测点

那么问题来了,如何从不同的生命周期进行用研重点拆解?除市场上比较通用的生命周期拆解外,不少公司内部会有一套更加适配业务的体现生命周期的分层。

以酷家乐的业务为例,根据两种主流用户分层定义,即工具用户分层(工具行为是核心行为)和全站用户分层来拆解,我们圈定出了增长和体验中的重点观测用户阶段(橙色标注):

  • 工具用户分层中,重点关注“沉默/流失用户”
  • 全站用户分层中,重点关注“由注册用户和体验用户组成的纯新用户”

如何针对不同的增长阶段,选用合适的用研思路?

这些会被重点关注的逻辑为:

  • 用户沉默或流失若是由产品客观原因造成,往往是遇到一些比较严重的问题,其有效反馈应该被当做高优先级去处理;
  • 新用户的认知是潜在用户阶段接收市场培育的重要反应,也是其进入并使用产品、接受培育、融合进产品的黄金时期;
  • 活跃/准深度/深度用户这些在目前的追踪体系中是被剔除的,暂时不关注在平台蜜月期的用户,但对全站用户的总体衡量还是有必要的。

常用用研目标和维度拆分

用户需求可以成为产品设计的导向、市场推广的方向,用户增长类型的需求转换成用研目标,一般是:

如何针对不同的增长阶段,选用合适的用研思路?

更具体一些,我们常用的问题维度:

如何针对不同的增长阶段,选用合适的用研思路?

常见思维误区:一定要频繁做沉默/流失用户分析么

这里有一个大家通常会陷入的思维误区:一定要从沉默/流失用户着手调研–他们后来为什么不太用我们的产品了。

通常,大家普遍认为只要可以分析出沉默/流失的原因,按照 list 上条目进行改进就能降低流失率。但可以换个思维,产品的价值更多的是由认可该产品的用户群体创造的,沉默/流失用户一定程度上属于对该类产品为非刚需状态/需求匹配失败而自然流失掉的人群(非目标用户)。

单纯从调研手段上来讲,沉默/流失用户的调研难度也是很大,定量方法在这里失去了作用,基本只能预先定义好调研圈选人群时“沉默/流失用户”的定义(这里要在平台定义的基础上进一步缩小范围),通过 cold call 的方式做调研,参与过此类项目执行的同学会发现几个点,尤其是对专业垂直产品(非 C 端产品)而言:

  1. 原因中太多无效信息,如公司倒闭、转型,自己转行;
  2. 获取的有效信息大概率和留存用户群体的调研较为一致。

总结一下,沉默/流失用户的调研可做,但在产品无重大变化的前提下,建议长周期循环,如 1 年做一次足够。服务好留存用户,了解产品何种原因打动用户、如何做会更好,从留存用户中探索各种场景比去硬啃沉默/流失用户更有意义。

当然,也会有一些例外的情况,如公司的一款子产品自推出以来,长期留存非常低,这种处于探索期的产品可能是由于与目标市场匹配不当或当前产品功能做的太差,这种情况会建议关注全生命周期的用户反馈,包括沉默、流失用户;若是因为与目标市场匹配不当,调整目标市场和人群为当务之急,若市场匹配程度尚可,但当前产品功能做的太差,则需重点关注产品概念与体验链路等问题。

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

文章来源:优设   作者:酷家乐UED

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

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

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


与用户输入相关的设计模式

分享达人

模式一:模糊输入 Forgiving Format

简介:模糊输入是一种用于文本输入的模式,使用这种模式后,可以让用户输入文本内容时不用关心格式或语法,从而轻松达到预期目标。

例子: Google 搜索输入框

模糊输入详情


模式二:结构化格式 Structured Format

简介: 结构化格式是指用户在输入时,不仅仅使用纯文本输入,而是使用一组反映数据结构的字段,引导用户进行输入。

例子: Apple 双重验证码输入界面:

结构化格式详情 


模式三:语句填空 Fill in the Blanks

简介:「语句填空」使用一组短语字段将用户需要录入的信息,如文本、数字等串联为一句有指示意义的沟通语句。

例子: Visualeyes Design 网站的用户信息录入:

语句填空详情 


模式四:输入说明 Input Prompt

简介:「输入说明」是指在空白文本字段的旁边或下方,放置一个短语或示例,以解释此处需要输入的内容或提供关于此内容的详细要求及信息。

例子:  使用 Ant Design 组件-表单 搭建的创建小程序页面中的输入说明:

输入说明详情 


模式五:输入线索 Input Hints

简介:「输入线索」是指用示例输入或说明文本以占位符(Placeholder)的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。

例子:  在 Ant Design 输入框组件 的示例中(如下图),我们可以看到「输入线索」可以更好地帮助界面说明输入字段的内容或解释输入字段的功能。

undefined

输入线索详情 


模式六:密码强度计 assword Strength Meter

简介:「密码强度计」即在输入新密码时,立即向用户反馈密码的有效性和强度。

例子:  百度网盘的用户注册页面,红色文字代表不合格,白色文字代表已合格。

undefined

密码强度计详情


模式七:自动完成 Autocompletion

简介:「自动完成」即在输入内容过程中,向用户推荐与已输入内容相关的信息,把输入行为变为选择行为。

例子:   Ant Design 官网的全局搜索功能,用户只需要输入部分内容,下拉列表展示可能的结果,把录入行为变为更便捷的选择行为。

undefined

自动完成详情 


模式八:下拉选择 Drop-down Chooser

简介:「下拉选择」即通过使用下拉菜单或弹出式面板,来扩展菜单,使得菜单中可以包含更复杂的选择功能。

例子: Ant Design 官网的下拉菜单:

undefined

下拉选择详情 


模式九:列表构建器 List Builder

简介: 列表构建器是从较大的数据集中创建较小的数据集的一种模式。列表生成器的「数据源」和「结果」在同一个组件中可见。这允许用户通过按钮或拖放在它们之间移动项目。这种模式也常常称为两列多选择器。

例子: Ant Design 的 Transfer 穿梭框 组件就是基于这一模式的设计组件。

undefined

列表构建器详情 


模式十:合理预设 Good Defaults and Smart Prefills

简介:「合理预设」是指系统提供默认选项,这些默认选项不需要用户做任何操作,可以节省用户完成表单的时间和精力。

这些默认选项来的数据源包括: 先前输入的会话数据、来自用户帐户的信息、当前位置、当前数据和时间等等。

案例 :钉钉的“代办事项”设置功能,可以自动抓取到语句中的时间信息,自动帮助用户默认填写时间,减少用户的操作时长:

undefined

合理预设详情 


模式十一:错误提示 Error Messages

简介: 「错误提示」是表单出现输入错误时,为用户展示的一条引人注目的解释性消息,该消息可能描述用户如何修复错误。


案例: Ant Design 提供了多种表单错误校验样式:

undefined

错误提示详情 

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

文章来源:站酷  作者:Ant_Design

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

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

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


分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档