首页

中秋节排版设计这样做,真出效果!!

seo达人



图片

接下来就是看看如何将这些元素用到设计中了,我们先来整理好文案。

图片

然后将信息分布与构图用方块表现出来,深色重要,浅色次要,这样前期的构思就OK了。

图片

接下来我们先刻画主体,这里主体我想用中秋与灯笼相结合,字体的笔画风格加入中式的回纹效果。

图片

接着我们进行垫字设计,用画笔先勾出大概的骨骼,以画笔为基础用钢笔工具去完善。

图片

然后我们将文字与灯笼结合,搭配小文字丰富细节,海报主体就确定了。

图片

如果单独展示字体,可以找个中秋的背景素材,然后以横版banner去展示。

图片

接着我们继续做海报,将主体放到画面中,由于两侧比较空,可以加上两个叠加的圆圈扩大占比,颜色以紫与金结合。

图片

接下来将剩余的信息处理好,部分信息加入图形,字体统一用衬线体,也会更有韵味。

图片

然后将处理好的信息放入相应的位置,根据空间布局来进行排放,要使画面平衡统一。

图片

最后我们可以加入小英文与装饰线丰富画面,装饰线与主体相呼应,同时会使画面节奏性更好,信息之间的关联性更强。

图片

那么这时我们可以上个样机,增强视觉效果,设计就完成了,噔噔噔噔~

图片

OK,这次的分享就到这里,学会巧用AI自己带的工具,应用到我们的设计中,不仅会使我们的效率增加,还能更出效果哦。

 

原文地址:趣投记(公众号)

作者:趣趣熊

转载请注明:学UI网》中秋节排版设计这样做,真出效果!!

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

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

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

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



设计师“进阶辅技” —— 高效沟通术

seo达人



一、什么是沟通?

沟通的本质:

双向信息传输,除了清晰传递自我信息以外还需要引导对方,让其也能准确表达诉求。

沟通的误区:

“表达”与“沟通”有巨大区别:前者是单项输出,如何把自己的观点清晰地传递给别人,后者是双向传输,除了清晰传递自我信息以外还需要引导对方,让其也能准确表达诉求。

举个例子:一个不善言辞的人在生活中遇到一个沟通感觉特别顺的人,能让自己愿意说出自己的想法,再复杂的事都能和他相谈甚欢。仔细观察一下,这往往不是因为对方表达能力好,而是对方的“沟通引导能力”特别好。

图片

 

二、设计师为什么需要沟通?

图片

1.提升工作效率:

沟通到位能让我们始终保持正确的目标和方向,避免无效沟通和模糊猜测,让工作事半功倍。

 

2.设计师技能加持:

设计师的专业能力是立足之本,而沟通能力是解决一切诉求的前提和助攻!具备良好的沟通能力不仅能展现设计师的职业素养和个人魅力,沟通中也能锻炼全局思考和解决问题的能力;

图片

 

3.服务行业特性:

设计师作为一个服务行业,首先要保证是客户想要的(方向正确),其次是带给用户惊喜的(体验升级),能洞察/挖掘出客户真正的的诉求/痛点,才能解决根本性的体验问题。

 

三、如何完成一次有效沟通?

如何完成一次有效沟通?形成一套良好的“沟通”闭环机制?

有效沟通是指有效的把信息以明确的目的传递给对方,与对方达成共识并付诸行动的过程。只有沟通双方真正理解各自表达的东西,并能针对异议,达成共识,这样才能算一整个有效的沟通。

图片

 

四、高效沟通法则

图片

心态好

  • 01.尊重和合作意识:这一点是高效沟通的前提,前面也说到了沟通跟表达的区别,沟通闭环是需要双方合作的,彼此尊重,抱着合作的态度一起推进目标达成,实现共赢那是再好不过了。
  • 02.保持同理心:『百度对同理心解释为:同理心(Empathy),或称做换位思考、神入或共情,指站在对方立场设身处地思考的一种方式。』“自我意识”是同理心的基础。感知到别人情绪后,通过换位思考,用“自我意识”去理解别人的情绪,最终了解他人的想法。

 

擅表达

表达能力在工作中体现在方方面面,日常需求对接,组内主题分享,向上管理,述职晋升面试等,都离不开表达能力的支持。如果一个设计师不懂得推销自己的设计方案,明明作品很优秀却输在了表达上,专业能力会遭受质疑,也会阻碍个人影响力的拓展。

  • 01.“三点式”表达法则:明确表达的核心,逻辑清晰,思路完整,训练自己对于复杂事情都能总结1.2.3的能力
  • 02.多样性表达方式:沟通是要用对方听得懂的语言——包括文字、语调及肢体语言,针对不同的沟通场景和沟通对象,选择更适合的沟通方式
  • 03.控制时间节奏:大多数人注意力集中的时间是有限的,大部分人难以关注细节

 

多交流

  • 01.引导:主动跟需求方“聊天”,引导需求方说出“隐藏”诉求,明确目标和价值
  • 02.倾听:消化理解诉求,反馈问题,思考方案
  • 03.反馈互换意见:建立情感氛围,复述重点

 

找共识

  • 01.价值导向:针对业务诉求点提供专业设计意见,求同存异,找到视觉偏好的“平衡点”
  • 02.有理有据:针对目标和价值模糊不清的部分,理清思路并提供专业一件,有理有据

 

五、多场景下的沟通要点

1.独立需求的设计对接

Q:如何减少设计沟通中“试一试”的行为?

W:1.需求方没有预先的期望;2.需求方有自己的期望但无法准确表达。

Point:

1.风格稿很重要!擅长用图片去探索需求方的风格意向;

2.多跟需求方“聊天”,培养合作默契,有共识才能对话;

3.提供专业意见,主动介绍设计思路及过程,增强作品的说服力;

4.培养需求方的审美情趣,共鸣好的设计。

 

2.统筹角色的多任务协作

图片

Q:如何提升多人协作的效率和质量?

多方沟通:

  1. 反复沟通确认
  2. 专业思考判断
  3. 预研方案效果

内部协作:

  1. 同步信息准确
  2. 思维共通交流
  3. 传达合作意识

以上就是我在实际项目中对沟通的一些心得体会。

结语:沟通能力能让我们更好的与他人建立信任,探究隐藏的核心问题,提高工作效率,同时也锻炼我们从感性认知上升到理性规律的归纳总结的能力,不断进阶为更优秀的体验设计师!

 

原文地址:京东设计中心JDC(公众号)

作者:何鹃

转载请注明:学UI网》设计师“进阶辅技” —— 高效沟通术

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

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

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

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



设计赋能商业变现初探

ui设计分享达人

本文基于“价值链”理论、结合笔者当下支撑的业务去探究设计赋能商业变现的思路,旨在寻找设计赋能商业变现的理论方法,为设计师在商业层面如何发挥自身的最大价值以促进企业持续发展提供一定的方向指引。



关键词解读


为了更好的理解接下来的文章内容,笔者会首先对以下关键词进行解读:商业变现、设计赋能、价值链理论。 

关键词


1. 商业表现 
杰克·韦尔奇在《商业的本质》一书中提到:商业归根结底是一项“团队运动”,必须依靠团队的力量。就企业而言,笔者解读为「商业」的本质是:企业团队(个体、群体)通过创造一系列的价值活动实现企业和外部客户之间价值交换的运行模式;而「变现」则是指在此系统中“企业收入-支出成本”所得的实际收入,提升收入总额和降低支出成本均可以实现“变现”的目标。 



2. 设计赋能
设计师站在用户和业务的视角,能够从全链路的视角出发,洞察各利益相关者的关注点,运用专业的设计方法去挖掘产品和设计的机会点,最终促进业务持续健康向上发展。 

3.“价值链”理论
价值链的概念最早是由美国哈佛商学院的迈克尔•波特教授在其著作《竞争优势》中提出的,称作“价值链分析法”。把企业内外价值增加的活动分为“基础活动和支持性活动”。基础活动即企业生产经营的主体活动,涉及产品的物质创造及销售、转移买方和售后服务的各种活动,支持活动是辅助基础活动,是通过提供采购、技术投入、人力资源、及公司范围的职能支持的活动。不同企业参与的价值活动中,并非每一个环节都会创造价值,只有特定的价值活动才能真正创造价值。企业要密切关注组织的资源状态,特别关注和培养企业在关键价值活动上获得竞争力。 

企业保持竞争  优势,既可以来源于价值活动所涉及的市场范围的调整,也可以来源于企业合作或调整价值链所带来的收益。

随着社会分工的细化和专业化以及互联网的普及和发展,价值链的内容也不断向前发展,目前已发展为“合作竞争的价值链”理论。 



合作竞争价值链


价值链理论包含4个构成要素:价值主张、运营模式、界面模式和盈利模式。 



1.价值主张:包括价值主张、客户关系、客户细分三大部分。 


  1. 价值主张:不但包含了企业的战略方向,而且包含了企业提供给客户满足其需求的价值项,比如“快捷的渲染服务-10s出高清效果图”。

  2. 客户细分:确定目标客户群体,并对其进行细分,探索不同细分市场的客户需求。

  3. 客户关系:是在明确用户需求的前提下,找到吸引顾客、留住顾客、转化顾客的方式,从而对所提供的产品和服务进行不断的改进以维系和形成良好的长期往来关系,C端业务中常见的客户关系即是“会员”。


价值主张


2. 运营模式:企业将资源和能力转化为产品服务的过程模式。包括关键业务、核心资源两大部分。企业的产品和服务作为企业价值创造的载体,需要通过一定的过程将资源和能力转化为产品和服务,通过优化流程、提高效率则可以减少该过程中涉及到的成本和费用。 



3. 界面模式:包含重要伙伴和渠道通路两个部分。通过渠道通路,企业可以将自身的产品和服务传递给客户,客户也可将信息、资源、能力等回馈给企业。而企业的合作伙伴,在一定程度上促成了企业的产品和服务的产生,是企业外部的重要资源。 

4. 盈利模式:包含包括成本结构和收入来源两个构造块,企业可以通过“开源节流”以实现商业的高效运作。 




赋能维度提取



初步确定 4 个维度
可基于价值链模型从“公司角度”或“具体业务角度”去作分析,可更加灵活的应用该理论。但需注意,以上构成要素中,设计师很难全面切入,定要找准设计切入方向,才可发挥最大价值。 

那么我们来看如何确定设计赋能维度? 
一方面,在上述的价值链理论中,“客户关系”“重要伙伴”通常会有专业的商务、销售、售前、运营人员去维系,盈利和收入模式也会有高层管理人员进行制定和分析管理,设计师在工作链路上很难触达盈利模式和客户关系相关的内容。“重要伙伴”侧,设计师通常会进行客户调研、竞品分析等,以挖掘更多的产品机会点,促成业务价值达成,因此在赋能方向上,“重要伙伴”会合并到价值主张侧进行分析,不再单独展开来讲。 

另一方面,基于价值链理论的指导,我们进一步提炼企业或具体业务的核心价值链:企业需要将资源和能力整合,去生产或研发承载企业价值的产品/服务;产品/服务经过销售到达客户侧,客户付费购买则企业产生营收。在这条关键链路中,「生产/研发链路」「产品/服务」「销售链路」「客户/用户」都是非常重要的环节且缺一不可。而设计师基于“全链路”的设计思维,利用丰富的设计研究等方法均可以在此四部分进行有效切入挖掘业务价值,因此初步确认将此四部分对应价值链中的「运营模式」「价值主张」「渠道通路」「客户细分」作为设计切入的赋能维度。「生产研发链路」和「销售链路」作为直接赋能“降本”和“增收”的关键链路可作为设计赋能的持续探索方向。 

确认赋能维度和方向


基于维度对业务进行分析,找到更加细分的赋能维度乃至设计机会点


虽然初步确认了赋能维度,但是对于设计师如何寻找设计赋能机会点尚没有清晰的思路,因此笔者从自己负责的房产业务入手,尝试进行分析和挖掘。以下为简要的分析,仅供大家参考。 


1. 价值主张:房企业务在当下重要的价值主张在于探索全链路的业务解决方案。 
思考设计可以做什么: 


  1. 目前的解决方案是否完整,能否在房产上下游继续拓展。 
  2. 已经有的解决方案客户是否真正用起来,能否真正满足客户的需求? 
  3. “数字化精装”到底如何做到数字化? 
  4. 竞品做了什么? 
  5. 如何链接到C端消费者?(客户对户型对喜好如何,对装修风格喜好如何) 
    ... 



设计做了什么: 


  1. 对新房营销客户的核心诉求进行分析,基于C端消费者的购房链路整理客户关注的数据,提供到产品侧进行参考。 
  2. 对同类产品进行详细竞品分析梳理得出产品的基础功能、进阶功能、增值功能,并且将报告提供到产品侧在后续的产品设计中进行参考。 
  3. 基于对业务现状的分析,整理出期望的业务表现,根据表现的内容整理出可衡量的指标以及寻找可切入的设计机会点。 


业务现状分析


2. 客户细分:提供更加精细化的产品和运营策略。


思考设计可以做什么: 


  1. 目标客户的类型? 
  2. 不同地产大客户的共性和差异性? 
  3. 形成清晰的地产客户画像? 
  4. 地产客户下的细分角色?不同角色的关注点? 
    ... 



设计做了什么: 


  1. 通过“桌面调研、定性调研”的方法调研“新房营销”场景下的主要用户角色,梳理得出“决策者-营销总、管理者-案场销售主管、使用者-置业顾问”的用户角色画像,聚焦所服务客户(用户)的特征、动机、日常工作分析,为后续的产品功能规划提供参考。 
  2. 根据当前客户细分情况,整理在客户细分侧期望的表现,整理可衡量标准以及可切入的机会点。 


目标客户分析


3. 运营模式:将资源和能力转化为产品和服务的过程。前文已经提到,优化流程、提高效率均可以减少该过程中涉及到的成本和费用。针对此部分笔者还未进行系统分析,因此简单说明。 
  1. 一方面可以思考产研基建能力建设是否完善,是否有进一步优化的空间。 
  2. 另一方面可以思考产研、商务、运营等角色涉及的协作流程是否高效,能否进一步提升人效。 



4. 渠道通路:跟增收有直接的关联,在 C 端业务中表现为「购买转化链路」,而在面向大 B 客户的业务中,可细拆为“产品 / 服务”从「触达客户 --> 新签 --> 续约」的全链路。



面向大B客户的转化链路


思考设计可以做什么: 
  1. 运用链路分析法,对转化链路进行系统梳理,并明确链路中期望的目标表现,发现可用于衡量的数据指标和可挖掘的机会点。参考下图以“触达链路”为例进行详细说明:


“转化链路”分析


首先,需要对线上和线下的触达客户渠道进行枚举和系统梳理。比如线上涉及到官网、推文;线下涉及到展会、沙龙。线下渠道包含宣传册、折页等,可透出二维码引流到线上渠道;线上渠道还可以通过推文转发分享、搜索等进行引流。 



 其次,在触达链路中我们期望的目标表现是什么呢?在这个过程中,我们期望越来越多的人进入官网;希望线上的推文被大量分享;希望线下触达的客户量越多越好,期望品牌曝光次数越多越好,因为品牌曝光意味着触达客户量的机会增加,触达客户量也有可能随之增加。 

再者,如何衡量目标是否达成呢?最终指标:一方面是触达客户数量,触达量增加很可能意味着转化率提升;另一方面是咨询率,在触达客户增加的同时,咨询率提升意味着对业务感兴趣的客户多,转化的可能性就更大。过程性指标包括官网访问量,推文阅读量与分享量,单场活动触达客户量等。触达链路的主要目标是引流和拓客,最终转化与否还要依赖新签过程,因为转化率不会作为触达链路的最终指标。 
(此处推荐大家使用GSM模型的方法确立目标表现及衡量指标,在后续的文章中会进行详解,本文暂不详细说明) 



GSM模型


最后,在触达链路中,切入赋能的方向在哪里呢? 


一方面线上线下的渠道能否进一步拓宽?-分析现有渠道,线下客户扫码二维码后打开的是H5页面,关闭页面后无法再次查看页面,进而无法了解业务。因此建议增加“小程序”作为线上客户留存渠道,一方面可以依赖微信生态方便客户再次查看,另一方面在留存的同时还能提高客户间的传播分享。(下图是基于已有小程序时的触达链路) 

另一方面,已有渠道的品牌曝光量能否增加?-分析现有的官网,在官网中透出“酷家乐地产业务”的入口较深,且布点少,这些都影响了业务曝光度;于此,我们可以去思考,SEO搜索酷家乐时是否可以透出“酷家乐地产业务”?线下渠道是否可以增加可被客户带走的物料?线下展会中播放配音视频,通过声音传达到更多客户处,然客户产生兴趣,吸引客户前来了解业务。 

沿着上述的思路和方向,我们可以思考更多可切入的方向与机会点。 




初步归纳整体研究思路



上述的分析是基于价值链理论,从「价值主张」「客户细分」「运营模式」「渠道通路」4个维度进行切入,从实际业务着手运用专业的设计方法进行分析,整理得出期望目标达成的具体表现,以及确定目标可衡量的数据指标或软性评估体系,最后挖掘出可赋能的方向以及机会点。 

从业务着手,尝试挖掘赋能方向和机会点


由此,笔者也形成了相对清晰的研究思路:
基于价值链理论,选取赋能变现相关联的维度。从维度切入,运用专业的设计方法对业务进行系统梳理,挖掘维度下更细分的方向,并且确定相关的评估体系用以确保目标达成。由于单条业务挖掘的方向可能有限,因此后续需要对其他典型业务进行分析,尽可能从业务实践中抽离赋能方向,并且最后应用到其他业务实践中。


设计赋能商业变现的研究思路


影响因素


1. 产品 / 业务的生命周期:产品/业务所处的生命周期不同,所选择的维度也会存在差异性。笔者当前所负责的业务还属于从0->1阶段,业务品牌影响力需要不断增大,对外营销推广渠道也需要不断拓展,因此在业务的品牌影响力建设、渠道拓展方面都存在可深入挖掘的方向;而对于其他相对成熟的业务,赋能维度仍需要侧重在运营模式优化(内部流程优化、提效降本)和销售转化链路的优化与升级(直接影响营收)两个方向。 

2. 业务类型:B端业务和C端业务的类型不同,可挖掘出赋能方向也会存在一定差异性。尤其是在销售变现链路上,B端业务重在分析「触达客户」->「新签客户」->「续约客户」的链路,需要对转化链路中涉及的商务、运营、市场人员的角色及其作用进行深入了解;C端业务更重在从消费者的角度对C端转化链路进行分析,包含「初识/了解」->「产生兴趣」->「下单购买」->「多次回购」->「分享推荐」的完整链路,更要侧重于分析消费者的心理和购买动机。由于目标用户/客户、转化链路、业务属性的差异性,赋能变现的切入方向也会存在一定的差异性。 




总结



本文从“价值链”理论着手,选取设计赋能可切入的4个维度「价值主张」「客户细分」「运营模式」「渠道通路」。并且从实践出发,将上述维度落入到具体业务中进行分析,挖掘更加细分的赋能切入方向以及机会点。 

读完该篇文章,希望各位设计师们可以达成以下2个目标: 
1. 了解价值链理论的概念,并且将理论应用到当前自己负责的业务中进行分析。 
2. 在设计赋能商业变现中找准设计赋能可切入的维度以及挖掘细分的维度和机会点,并且真正落实到具体业务中。 

以上内容为设计赋能商业变现的初步探索,在后续的持续探索中会力求总结出更系统的理论框架和方法并分享给大家。 



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

文章来源:站酷   作者:酷家乐UED

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

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

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



表格设计-掌握表格设计方法(表格体验篇)

ui设计分享达人

前言


提起中后台,除了高效、灵活和强大之外,不可忽视的还有它的海量数据。海量数据的筛选与呈现,直接决定决策人员的效率高低。我这边主要是结合自己在实际工作中遇到的表格设计问题,针对Web端数据呈现方式之一,表格的设计进行探讨。

首先了解下表格的构成:顶栏、表格主体、底栏



  • 顶栏: 对表格信息进行概括,包含标题、筛选、搜索、操作按钮等功能

  • 表格主体:承载数据内容,由 行 和 列 构成

  • 底栏:主要用于设置当页条数及放置分页器


关于表格的文章有很多,这边我仅仅针对表格内部(即表格主体)与大家探讨需考虑哪些问题才能让表格整体的阅读体验更好!


“优秀的设计需要用心、规划、思考和理解人们的行为方式”


的确,表格作为中后台海量数据呈现的载体,能够【帮助用户快速“阅读数据”,获取有效信息,提高决策效率】,但是实际业务中,很多设计师往往没能够结合产品和业务场景,找到一个合适的方案。所以我结合了自己在实际工作中遇到的表格设计问题,总结出以下几点:


一、表格需自我解释 —【梳理数据关系,明确数据重点】


自我解释的最终目的就是让人看懂你,试想下用户面对一整张表格中数据却不知道表达什么意思,这极容易给用户带来阅读压力最终放弃。因为很多B端产品的数据面向的用户角色及场景都存在差异,所以在设计表格的时,我们首先需要对表格的表头(列)进行合理的排列。


如:管理员与普通用户所展示的数据内容就可能存在差异,所以需要根据阅读重点来定义表格 列的展示顺序(依据信息重要程度从左到右放置),且思考每列间的数据关系,来引导用户。


案例:运用同学常见的拉新数据,其中的数据包含:日期、渠道、新增用户数、活跃用户数、用户启动次数、累计用户数、版本信息等。


首先我们应思考运营同学关注点是什么?作为运营方案的成果数据,他们肯定最想知道是否完成KPI「是否有效获取到用户?这些用户活跃情况?哪几天拉新效果最好等」。如果我们不考虑用运营同学特定的目的,随便排列,就容易导致用户第一时间很难获取到自己想要的有效信息,极大影响阅读效率。但如果抓住了这个主要目的,对指标进行排列,那么我们表格的逻辑性便会更强,更清晰,也更加贴合业务述求。



二、【配置表头类型,提高阅读效率】


表头不仅仅有解释当前数据内容,还可以集成:批量操作、排序筛选、解释说明、分组、固定等查看操作,而这些功能均不是必要元素,需根据用户查看数据的需要(如:用户想快速找到拉新用户数最多的某天等),适当的选配。


2.1、批量操作


在展示信息的同时,可以对表格主体内容中的数据进行删除、下载等操作,帮助用户批量操作,提高效率。如:QQ邮箱我们批量删除邮件。



2.2、排序筛选


排序能让用户可以改变数据的排序,筛选则可以改变数据展示的类型,帮助用户更好的观察数据,发现数据规律。有两种形式,一种是使用上下按钮进行排序(正序与倒序),另一种是使用下拉菜单进行排序(适用于多种排序及筛选)。



2.3、解释说明


  • 表头的字段名称理应简洁明了,但有时精简后的名称用户还是看不懂,这时就需要跟一个释义标识,鼠标悬停时出现该字段的详细解释,同时满足不同用户的需求。


  • 有时候宽度不够,文字会溢出,则需要悬停时出现完整的字段名称。



2.4、分组


适用于多种所属关系的信息展示(如:地址>街道>街区>楼号>门牌号)



2.5、固定


固定不光可以固定 行,也可以固定 列,特殊情况可以同时固定 行 和 列。一般数据较多时,帮助用户在滚动过程中可以实时看到 行 和 列 对应的内容,提高阅读效率。



三、数据展示 —【规范展示方式,营造良好展示效果,提升数据阅读效率】


3.1、对齐方式


合适的对齐方式,能够让用户阅读时更加舒服。由于表格中的数据类型比较多,需根据数据内容选用合适的对齐方式。


  • 数字:右对齐,有小数点的数值需按照小数点对齐,且数值较大时需每隔三位数使用 , 隔开,便于用户阅读与对比数值。


  • 文字:左对齐,符合人们从左到右的阅读习惯。


  • 混合型文本:左对齐(混合型内容包含图片,进度,状态标签,人物头像,链接等)。


  • 多选操作:居中对齐。


!!表头的对齐方式与数据展示的对齐方式必须保持一致,这样能够统一整个表格的表格对齐方式,便于提升阅读与对比的效率。




  • 数字:数值、金额、比率

undefined



  • 文本对齐:纯文本



  • 文本:判断性文本



  • 文本:时间日期



  • 混合型文本:状态标签、进度条



  • 混合型文本:人员(单人、多人样式)



  • 混合型文本:操作



  • 混合型文本:显示/隐藏



  • 混合型文本:评价



  • 可操作:多选



3.2、数据多层级


在复杂的表格中,由于数据量较多,并且数据有层级关系,所以会对数据表格进行分层处理,优先展示第一层级的数据内容,将二三层级的数据隐藏起来,用户点击后再展示(如:教育类产品中题目设置 章节信息编辑 知识点编辑)



3.3、数据修改


支持直接点击内容,出现输入框后进行编辑



3.4、展示统计


方便用户快速了解总数



四、表格分割线 —【建议选用水平线、斑马条纹,阅读舒适度最高】


表格行列的分割方式有:

  • 网格式:类似excel,这样的方式很好的所有 行 和 列 进行分割,但是网格很容易给人造成视觉疲劳。


  • 水平线:仅对 行 进行分割,通过间距与对齐的方式对 列 进行视觉上的分割,这样的方式可以很好的对数据进行划分,便于阅读。


  • 斑马条纹:通过低饱和度的颜色交替的对 行 进行分割,同样很好的对数据进行划分,便于阅读。


  • 留白,不分割:直接留白,通过间距来划分,不建议使用这样的方式,因为数据较多的时候,用户十分容易将行对应错,容易造成混乱。



五、空数据


5.1、表格中经常会出现空数据或无数据的情况,留白处理会给用户造成一定的困惑和误解,是系统没有加载出来吗或误以为出现了bug?明智的做法,是无数据时用「-」来填充显示,数据为零时与上下数据单位、小数点相同的0来显示。



5.2、表格无内容


  • 没有创建诉求的,数据是系统产生的,不是由用户创建的,直接告之暂无数据。



  • 是用户有创建诉求,数据是由用户或系统产生的则直接示意用户创建数据



写在最后

通过合理的组织架构和呈现方式,使原本枯燥的数据呈现出生命力,这是一件很神奇的事。而用心、规划、思考和理解人们的行为方式,围绕用户目的与实际使用场景,提供易读性高且规范表格更是需要设计师反复思考的事情!

最后感谢您看到最后,希望通过本篇文章的讲述,能对大家有所启示~~~~~~~

文章来源:站酷   作者:小发歌

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

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

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


以用户为中心的设计:它是什么以及如何做

ui设计分享达人

以用户为中心的设计在设计领域取得了许多突破。

它提高了产品和界面的国际标准,扩大了设计中的创意机会,并协助了近代技术的发展。

以用户为中心的设计通过创建兼顾两者的解决方案来帮助消费者和公司设计产品。

可用性是这个设计过程的最前沿。每一步都是为了最大限度地提高设计团队创造令人满意和高效体验的能力。

什么是UCD?

以用户为中心的设计是一种设计过程,旨在通过根据用户的经验和要求创建设计解决方案来最大化可用性。

它是一个迭代设计过程,在很大程度上依赖于有关用户体验的反馈和数据,以创建适用于潜在消费者和企业的解决方案。它在数字产品的生成方法中很常见,在 UX/UI 设计中尤其重要。

例如,需要创建用户友好的网站界面的设计团队将应用 UCD 设计指南,以根据用户的观点、需求和愿望生成和完善解决方案。

原型将通过质量测试,并通过反馈和对其体验和行为的深入分析与用户合作,这将影响有关产品功能的决策。

为什么 UCD 很重要?

用户体验在产品设计、网页和界面设计以及营销方面很有价值。

消费者希望他们的生活变得简单。网站、应用程序或产品的存在是为了满足消费者,因此其成功取决于他们的经验。

以用户为中心的设计方法对公司的好处包括:

1) 不断返回业务的忠实用户

2) 销售额增加

3) 开发精致、高效且易于获取的产品

4) 深入理解问题,创造优秀解决方案

5) 客户和团队之间的协作

6) 避免常见错误

7) 提高竞争力

8) 帮助他们了解他们的市场

UCD 引领产品、软件和设计的发展,使我们更接近轻松、高效。

UCD 流程

交互设计协会强调了从头到尾考虑整个用户体验的必要性,并分4步定义了以用户为中心的设计方法:

1. 了解使用环境——这部分设计阶段至关重要。我们通过深入观察和采访用户来了解他们的行为和需求。这部分过程通常由行为科学专业人士执行,他们进行专家访谈。

2. 明确用户需求——一旦更好地了解用户,设计团队就可以编制一份用户需求和粗略概念列表,以指导他们如何设计成品。

3. 设计一个解决方案——这里的重点是“解决方案”。设计某产品的目的是为问题、需要或愿望提供解决方案。设计理念必须根据研究阶段发现的内容来解决问题。

4. 根据需求进行评估——一旦有了设计原型,就必须经过一个评估过程,在该过程中分析产品对发现的初始需求的满足程度。只要有差距,产品就会经历一个迭代过程,在这个过程中,将重新审视设计以填补这些差距,直到有一个满足所有用户需求的完整设计。通过可用性测试评估设计可以清楚地了解产品与用户需求之间的差异,从而推动流程向前发展。

最大化可用性的技巧

以用户为中心的设计过程旨在最大限度地提高可用性并满足消费者。上面提到的基本四步过程是一个基础。我们可以使用一些最大化可用性的技巧来充实它。

1. 同情和理解

同理心和理解是主要在用户研究阶段使用的关键设计技术,为团队提供关键见解。

同理心意味着理解和分享他人感受的能力。这是设计思维的第一步,因为深入了解各个级别的用户体验的本质有助于设计团队获得第一手的观点并确切知道要解决哪些问题。

移情设计略有不同。它是一种以用户为中心的设计方法,明确关注用户对产品的感受。这对于包含在以用户为中心的开发过程中也很重要。人们对产品的感受在消费者体验中至关重要。

一种产品可能提供了很好的解决方案并且效率很高,但它可能缺乏与消费者的情感联系和建立关系。用户需要感受到启发、关心和共鸣,才能取得成功。这就是视觉设计可以发挥重要作用的地方。

美观且鼓舞人心的界面和品牌大有帮助,并且是通过视觉品味吸引他们并与产品建立情感关系来与合适用户建立联系的门户。

2. 明确为什么

设计是一个高度有意的过程。它需要被规划出来,遵循步骤,最重要的是,以与业务目标一致为指导。

设计师必须知道他们为什么要创造一些东西,以便能够克服在实施阶段会出现的障碍。每个人都需要清楚为什么设计对用户和业务都有益。“为什么”是推动发展的动力。

它需要良好的项目管理和出色的领导能力——这是设计和商业成功的重要组成部分。

3. 使业务需求与用户需求保持一致

归根结底,企业也有必须满足的要求。只关注用户会存在局限性。一旦理解了他们的需求,他们就需要考虑收入、利益相关者和设计范围的业务目标和结果。

使用户需求与业务成功保持一致归结为目标和清晰的路线图。业务需求和目标需要从一开始就非常明确地规定,具有灵活性的空间来满足不可预见的用户需求,同时仍然与业务需求保持一致。这是商业模式将有助于指导设计过程的地方。

通过确保您拥有所需的所有资源、做出并履行承诺、与整体业务保持联系以及拥有高效的项目管理和领导能力,保持业务需求得到满足是从内部的角度为项目取得成功做好准备。

4. 磨练用户反馈循环

反馈是一个基本的设计原则,在任何设计过程中都是必不可少的。

用户反馈是响应用户输入的行为。用户反馈循环在以用户为中心的设计过程中至关重要,因为它向设计团队展示了改进和重新校准的地方。

它在产品或系统的整个存在过程中都得到维护,因此在产品或系统的整个存在过程中都将依赖于用户反馈循环或客户反馈循环。

它可以采用推荐和正面评论的形式,强调产品或系统运行良好的地方,因此可以保持原样或进一步改进该区域以获得更深层次的满意度。

5. 总是迭代

设计过程是一次又一次地尝试,直到它们奏效。

正如你们许多人所知,设计过程是一个迭代过程。这是一个贯穿开发和维护的持续过程,其中产品或系统不断得到改进。生活在如此快节奏的时代,对于必须掌握最新发展和技术的设计团队来说,意味着要做大量的工作。

迭代是任何设计过程和长期客户满意度的关键部分。在此过程中,原型将在重复循环中进行测试、调整和再次测试,直到找到解决方案。

在迭代过程中,原型将经过用户测试和可用性测试。用户将测试设计、被观察并提供反馈。

6. 轻松就是一切

设计中出色可用性的关键是使一切尽可能简单易行。友好的体验是一种愉快、轻松和令人满意的体验。创造简约是一门艺术。这是一个淘汰的过程。它需要深刻的理解。以用户为中心的设计实践通过以下方式带来便利:

1) 减少用户的工作量

2) 使用简单明了的语言

3) 让用户主导并赋予他们权力

4) 简化导航

5) 使信息完全清晰,并在轻松和复杂之间找到平衡。

优秀UCD的例子

以用户为中心的设计实例无处不在,尤其是在我们今天使用的大多数知名数字产品和软件工具中。我们列出了一些品牌的例子,这些品牌通过将用户体验放在他们所做的一切事情的中心,同时与业务需求保持一致而取得成功。

苹果网站

Apple 知道如何提供出色的用户体验。他们的成功归结为可用性。通过强调设计,品牌创造的一切都以简约和美为核心,既吸引用户,满足他们,也让他们的生活变得轻松。

Apple 网站使用户可以轻松访问。它在直观、组织良好的界面上以易于理解的语言提供有关产品的详细规格。

爱彼迎

另一个用户友好的直观设计解决方案的绝佳例子,在线度假租赁市场 Airbnb 通过专注于满足潜在消费者的每一个需求,将一个绝妙的想法提升到一个新的水平,从而取得了成功。

该应用程序是个性化的,易于导航,可以轻松查找和预订住宿,尤其是具有取消和退款等功能。他们还使用视觉设计作为激发用户的一种手段。

总结

你对以用户为中心的设计有更好的理解吗?

这个概念本身很简单。并且,这个过程是有效的,你现在应该可以知道了。它需要跨学科的专家团队、深入的分析和大量的迭代。如果我们不得不将其缩小到三个要点,它们将是:

1) 通过深入研究和同理心了解用户是设计解决方案的核心

2) 简单、轻松和愉快是我们的目标

3) 需要多次迭代才能取得成功

在本文中,我们了解了UCD 的关键原则、为什么它很重要,以及针对主要用户的设计的一些技巧。希望这些内容可以帮助到你的设计。


关于表单中存在编辑表格的情况

ui设计分享达人

需求:供应链系统,销售价目表需要添加价目明细。


问题:思考【添加】【删除】按钮放置位置及交互方式


思考过程

 

方案一:

这是系统已有页面。【添加】【删除】按钮固定于表格右上角。

适用于数据1~10条的情况。


方案二:以【轻流】举例

【添加】【删除】按钮固定于表格左上角。

表格中有勾选框,支持【批量删除】【部分删除】


同时在表格右侧固定【添加】按钮。


当鼠标位于序列号时,出现【弹框填写信息】按钮。


弹框页面支持上下数据切换。




方案三:

【添加】按钮位于表格下方左侧,不固定。【删除】按钮位于表格右侧,固定。

适用于数据10~100条的情况。


优点:相较于【方案一】,缩短了操作路径。

缺点:不适用于表格存在分页的情况。需要每个页面存在【添加】按钮。

          不适用于表格存在横向滚动条的情况。


方案四:以【简道云】举例

【添加】按钮位于表格外下方左侧,固定。


当鼠标位于表头左上角时,出现【切换】按钮,表格会单独在一个页面打开。


当鼠标位于序号时,出现表格【切换】按钮和【更多】按钮。


点击【切换】按钮,出现【弹框填写信息】。


点击【更多】按钮,出现【删除】和【复制到最后一行的】按钮。


总结:对于在表格中编辑的样式,基于业务场景,目前都是弱化删除按钮。我更倾向于选择【轻流】的方案。

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

文章来源:站酷   作者:木丁西dwj

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

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

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



如何从用户角度出发打造产品体验

ui设计分享达人

文章定位:

好的产品能为用户带来高效的解决方案,在迭代升级中实现用户价值。

以下文章主要探讨设计师 如何从用户角度出发打造产品体验,通过设计帮助产品带来高溢价。

 

01、用户思维

用户思维最基本就是 围绕用户 去设计,帮助他们 解决实际问题。

Q:为什么要围绕用户做设计?

A:想将自己产品打造成为好产品,最终留住用户。

Q:什么是好产品?

A:“让产品自然生长,不要去碰用户,不要去打扰他们,让他们自然形成一种互动关系”。不要强塞东西给用户,切切实实的在用户需要的时候能快速给到他们价值,解决某个问题,或满足他们的情感,情绪。

即:帮助用户解决实际问题,并提供解决该问题的优秀设计。

所以设计师产出设计方案前需思考的是:

  1. 解决什么实际问题?

  2. 应该提供怎样的设计?




02、确定用户面临的问题点

解决哪些实际问题是每个案子的核心,在该阶段设计师常容易陷入误区

如:我要做 一个…东西、我要怎么怎么做……下意识的就去研究怎么做,而不是首要思考具体解决什么问题,该误区到后期往往会造成设计偏离。

为了避免该情况,首要需确定问题,并将问题清晰表述出来,表述的越清晰解决起来就越容易。

那我们应该怎么去确定这个问题呢?


– 利用同理性图谱构建用户认知

好的设计需要与用户心智相符合,贴合用户当时情境下的诉求。

为了让优化方案更有依据,在发现问题的时候,需要从用户视角出发,结合当前产品的页面去分析是否符合当前用户的诉求。

——可以采用 同理心图谱 的方式:

从 说了什么、做了什么、想了什么、感觉到什么 四个维度去勾勒用户真实的想法感受。


以下以优化案为例:

在实际优化案中,可结合需改版页面按照四个维度走一遍,可让设计师更了解当前页面帮助用户做什么,后续有哪些优化方向。

如:QQ支付页面整体流程优化设计

① 用户需给好友发红包,在输入完红包金额点击支付时,向上滑出了支付面板,用户看到这个面板时候,其心理活动可能是怎样的呢?

② 用户想要更换支付方式,点击更换后看到下方页面,用户对该页面的的感受会是怎样的呢?

③ 用户输入密码后,以为马上就成功了,却发现卡里没钱了,这时候用户更加迫切的是什么呢?

通过以上这样 【移情】的方式,使我们更能了解用户,在没有用户访谈的情况下对他们的 愿望、需求、诉求点 有个概念,当有了这个 共鸣 在后续就可以将这个共鸣变成一个有着明确优化方向的 问题陈述。


– 自问自答式推理逐渐确定问题

在挖掘用户需求点过程中,可以采用不断询问不断回答的方式,将自己脑子里想的直接写出来,通过这样的方式构建自己思考的逻辑。

如:“在下单页转化率太低 > 在下单页用户无法快速验证信息 > 在下单页重点信息不集中,其余信息太显眼 >…..”

在这个过程其实就是刨根问底的过程,在反复的试错过程中也会离真相更近。

类似下面这张Julie Zhuo的自我审视图:


03、问题陈述(POV)


– 什么是问题陈述

通过陈述句将产品当前状态(问题)和期望状态(目标)的差距描述出来。POV有助于我们强调用户痛点,保证自己将重点始终放在用户身上。


– 问题陈述怎么写

那怎么陈述才能更好的将问题及规划表达好呢?以下有两个方式:

  • 基于用户角度来说:我看QQ群里抢红包很热闹,我也想快速参与进去,但是轮到我发的时候,我因为我不是非常熟悉整个流程,导致我反应慢了,这让群里的人以为我故意这么慢才发,影响大家氛围,这让我有点沮丧。

  • 基于用户研究来说(4W):我们的初中生因为特别活跃,喜欢在群里踊跃发言参与活动,所以一旦群里有好玩的消息总是想第一时间参与进去。我们的解决方案应该 为他们 提供快速能够完成红包发送的链路与方式,不扫他们的兴。

以上两种陈述方式都是针对同一个问题,只是表述方式不同。所以只要你足够专注用户,理解他们需要什么以及为什么需要,就可以快速构建你后续的设计方案。


– 问题陈述注意点

① 用户与他们的需求是问题陈述的核心,避免:我们应该怎么做、产品应该…作为开头。

② 保持陈述的宽泛性,不要过早抛出细致的解决方案、技术限制等内容,避免团队发散受限。

③ 专注一点,不要让用户的需求和目标过于宽泛,导致自己很难找到一个合适解决方案。所以不要视图在一个问题陈述中解决太多用户需求,一次解决一个就很好了。


04、如何打磨设计方案

在经过问题陈述我们对要解决的问题了然于胸,在解决方案上,设计师需要考虑 易用性、易理解性、及着力提升用户任务效率,给用户一个更好的体验。面对不同的项目,可考虑以下几点:


– 结构简洁,重点突出

例1:


该例子非常能体现出 诉求 与 解决方案 的契合。

首先工作人员唯一的目的性就是 筛查 有问题的人,所以在众多人中需 快速判断,这个转化到设计上解决方式:

通过大面积的 色块直观反馈

通过实时的 滚动时间+滚动背景反馈真实性

在结合下方核酸与疫苗辅助判断,整体非常贴合实际诉求,重点突出,有节奏感。


例2:

通过体验核心信息,将内容合理布局,重点突出,操作划分明确,有助于信息获取与确定。


– 管理复杂(满足不同诉求)

人的认知资源有限,天生不善于处理复杂信息,所以在面对复杂信息时设计师需将复杂的内容以一定秩序逻辑管理,分而治之,减少用户的选择,让正确的行为变得自然和明显。


例1:

在58二手车页面的改版中,可以看出在面对不同用户诉求的情况下在 模块化结构 与 坪效 找到了平衡:

顶部按钮直接 分流 不同目的用户;

中间模块展示用户 最关心的维度:价格、品牌、车类型;

下方 透出推荐内容 吸引用户往下逛。


– 注重情感化

情感化不一定都是很精美的插画、动效等表现层面上的,有时候 贴心的记录、舒缓的内容、小游戏…… 也可以起到 情绪调节 的作用,提高用户看到复杂信息的 忍耐度


– 场景化设计(预判你的预判)

多考虑用户使用场景,挖掘一些场景是可以通过我们的设计 帮助用户多走一步,帮他们排除障碍,减少负担。


例1:

打车软件在特定时间点自动浮出目的地,以及截图后立刻打开微信聊天窗,图片自动在对话框中浮出的方式都是通过用户的行为预判了用户下一步的行为,


例2:

用户输入密码后下意识认为操作成功,但却被告知失败,对用户而言是一次打击,若这时直接前置化用户后续可能会的操作,将条路径重新接上,可以让整个过程更加高效。


所以在具体设计方案上,设计师需要不断的去思考打磨设计方案,让自己的设计:

① 显而易见的,让用户体验后觉得「没错,就应该是这样」;

② 有价值的,它为用户解决实际的问题;

③ 与用户的心理模型相符,它不意味着更多的设计。



05、验证体系

验证方式有很多,目前市场上有几大比较成熟的体验度量体系,针对不同的关注点进行 定性+定量 检测。

除去性能表现外,主要都是围绕用户行为数据及使用感受来进行度量

在行为数据上,主要关注:访问频率、留存率、页面访问次数…

在用户感受上,主要关注:满意度、用户评价、推荐度…



– 设计师怎么确定自己设计方案的验证指标

对于设计师而言,不需要做的这么全面,我们只需要针对我们 具体优化页面、场景 找到可以直接验证的指标即可。

例:

在上述的发红包支付页面的优化设计中,由于主要优化的方向是为了让用户更聚焦,提升整体支付体验,所以基于这个目的,我们可以以 整体的支付成功率 来验证大致优化效果;

其次,可以从 每个触点的转化漏斗、和 各页面停留时长 上分析具体页面改版效果。


– 面向真实用户验证设计

除去行为数据上的验证,用户真实反馈同样重要,我们可以采用用户调研的方式了解用户对产品体验的反馈,主要可以从下面三个方面执行:

① 可用性测试:可针对核心优化的功能点设定测评任务,来观察用户的完成情况,如:如果你余额不足,你会怎么做?

② 满意度测试:采用界面可用性问卷调研,可以采用SUS问卷收集反馈

③ 推荐度测试:通过NPS量表来衡量,通过将分值划分为:0~6分为贬损者,7~8分为被动者,分值高于8分为推荐者,带入计算公式(NPS值=推荐者% – 贬损者%)算出推荐度数值,数值越高,说明用户满意度越好,用户的推荐意向越高。


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

文章来源:站酷   作者:小发歌

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

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

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


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

ui设计分享达人



引言


随着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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务







一秒就上瘾,这个风格简直让人欲罢不能!

lanlanwork


什么剪纸叠加风格?

剪纸艺术是最古老的中国民间艺术之一,作为一种镂空艺术,它能给人以视觉上以透空的感觉和艺术享受。传统意义上的剪纸,用剪刀将纸剪成各种各样的图案,如窗花、门笺、墙花等。
图片
图片
然而现今飞速流行起来剪纸风格,大多以软件设计完成。在设计中添加阴影、色彩等使用叠加效果,因此看上去层次和细节十分丰富。
图片
剪纸风格因其特殊的质感和造型美学,在现今越来越受到大众喜爱和设计师的追捧。特别是每年重要节日,比如中秋节和春节等,在礼盒设计和C端运营上都大量出现剪纸风格设计作品
图片
在复现传统节日氛围沉的同时,又将现代美学与剪纸风格融合,形成一种全新的视觉感受。
图片
图片

 

剪纸风格的基本特征

由于其独特的视觉特征,这种风格几乎可以立马被任何人识别。剪纸叠加风格在如今受欢迎是有其原因所在,除了其具有深厚历史底蕴,如今演变成现代感时尚设计。
可以用几个关键词来形容:简洁、形象夸张、层次叠加丰富、故事性、多层投影和纸张肌理效果。
现代剪纸风格,它打破了传统文化中单一的剪纸艺术特点,从而形成一种新视觉特征,出现在大众眼前,其几何化纸张感最具吸引力。
图片
剪纸风格色彩单纯明快,色彩要求在简中求繁,在对比色中求协调,尽量避免多余色彩噪音。
图片
多层的叠加,让图形之间互相带有穿插效果,让剪纸艺术风格不在扁平枯燥,而是富有更多细节表现。设计师通过投影、色彩等明暗关系营造层次。
除了本身带有强烈的艺术气息外,它还可以表达故事性和情感性等特征。
图片
图片

 

剪纸风格的应用

剪纸艺术风格在诸多领域中都有它的身影,目前也出现了很多优秀的设计案例,下面我们来一起来学习下这些案例。
#01. 平面设计中的剪纸风格
图片
图片
图片

 

#02. LOGO设计中的应用
图片
图片
图片
图片

 

#03. 动态设计中的剪纸风格
http://mpvideo.qpic.cn/0b78b4aaoaaaiyaoc37dovqfad6da4hqabya.f10002.mp4?dis_k=5e5f632c341fd30804918a7dd9dc0c02&dis_t=1629453344&vid=wxv_1945420369956306956&format_id=10002&support_redirect=0&mmversion=false
Sudio的纸艺术定格动画

 

http://mpvideo.qpic.cn/0b78c4aaoaaa5aaofbhdpzqfaf6da4lqabya.f10002.mp4?dis_k=99b1672f2acc8c7a01e2f587189400f0&dis_t=1629453344&vid=wxv_1945419139196518401&format_id=10002&support_redirect=0&mmversion=false
情人节定格动画

 

剪纸风格艺术家推荐

#01.Eiko Ojala
图片
https://www.behance.net/eiko

 

#02.Margaret Scrinkl

图片

https://www.behance.net/scrinkl

 

#03.Mary Komary
图片
https://www.behance.net/marykomary

 

原文地址:功夫UX(公众号)
作者:功夫UX
转载请注明:学UI网》一秒就上瘾,这个风格简直让人欲罢不能!

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

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

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

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


设计思维 | 在58同城,如何设计内容系列产品品牌?

lanlanwork



图片

随着部落的发展,内容的形态越来越多。身为视觉设计师需要整合设计不同的内容话题,运用设计思维,通过品牌设计来打造不同系列的内容运营活动。经过长时间的实践,我发现活动方案的最终效果是三方相互作用的结果。设计师、产品经理、内容本身,内容本身的包含了用户、第三合作方。涉及到美学、营销学、心理学、经济学等,围绕这三方的品位,相互冲突、启发、磨合、协作,最佳的设计方案处于三者的平衡点。下面就项目从视觉设计的角度出发,以部落内容为例向跟大家聊一下。
 

图片

面对大量的话题运营活动,我从品牌设计入手,打造了品牌系列感的一整套部落话题运营活动,让部落的用户对品牌形象产生信赖,持续参与到活动中来。在接到部落话题需求时,会主动发起和运营产品一起,以系列品牌运营出发点去做,以不同的话题去打造不同的系列运营。

 

01.我和我的朋友

《我和我的朋友》活动专题,58同城作为项目发起⽅,联合劳务茶馆,邀请朋友圈的企业好友,共同面对当下的企业发展、品牌服务以及 C 端声音进⾏⾏业交流与消费者传达。
 

· logo创意

从手写连笔字中找到灵感,用简洁等粗的线条书写,给人亲切、流畅的感觉。
 

图片

图片

· 海报宣传

 

图片

 

02.瞧别人家公司

最先部落对外合作项目,已经和十几家企业合作,打造了不同职业话题社区,将职业类信息更聚焦,让每一位用户都可以在职业上找到适合自己的圈子,进行职业生活的交流互动。栏目也带动了不同业务间更多不一样的合作形式,为未来创造更多可能性。

· logo创意

“瞧”字有吆喝的意思,我放大了这个字的比重,小喇叭植入到了字的右上方,喇叭口有放射状的虚线,logo整体用对话框围了起来,可以使它看起来更聚合。整体以字为主体,辅助元素也采用简洁的线条,现代感同时非常的易用。在不同企业话题里都能轻松适用。

图片

· 海报宣传

海报风格受到外部企业文化的影响较大,完全统一很难。但是我希望每张海报的主体都是企业真实的员工照片,员工的服装、展现出的状态,也可以反映出企业文化。不足之处是企业提供的照片质量很难控制,会影响到海报的效果。合作方的常常对海报的风格有自己的想法和目的,需要反复的对稿。
 

图片

03.小金库满兜

针对平台上的用户核心痛点:赚钱和找工作,尤其是疫情开始后,在很多人失业的情况下,我们打造了小金库的系列。通过邀请赚钱专家、创业专家、副业推荐官、以及本地商家的方式,通过直播的形式与用户交流分享,为用户推荐赚钱方法、帮用户解决赚钱难题,涉及领域包含餐饮/美业/母婴等品类。获得商家及用户的认可及好评。

· logo创意

从传统的书法汉字寻找灵感,把金币与汉字结合起来,并且做了倾斜,使之更生动,在空白区域点缀了星星,logo整体看起来更加饱满了。

 

图片

图片 

 

04.同行侃门道

 58部落打造的《同行侃门道》IP系列线上内容中,包含餐饮、装修、家政服务、美妆、财务服务、宠物等多个行业,更多行业陆续加入中。为部落用户带来赚钱等行业知识分享与就业避坑指南,还为部落用户带来了更多工作机会。

· logo创意

以“同行侃门道”作为logo的主体,用平直的笔画语言组合,把“门”“道”拟物化,整体倾斜带来了前进感。

图片

图片

· 海报宣传

用报纸的形式展现信息,这种方式可以把不同的第三方机构融合在报纸形式的框架里。

图片

 

05.掌柜专家计划

将建立商家社群,利用现有平台中小B的生意经验,产出赚钱红宝书,形成体系化课程,推广给想要赚钱的C,形成内容闭环。

图片

 

06.总结

品牌设计包装只是内容的展现形式,优质的内容才是关键,但是在内容的前期目标是获得更广泛的关注,那么品牌视觉设计的个性和独特就能产生很大的作用。logo在视觉中发挥着桥梁的作用,辅助元素和整个内容的的布局也非常关键。

 

参考资料:
《治字百方》-左佐
 
 

图片

 

原文地址:58UXD (公众号)

作者:环铁艺术家


转载请注明:学UI网》设计思维 | 在58同城,如何设计内容系列产品品牌?

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

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

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

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




日历

链接

个人资料

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

存档