首页

设计基础(1):格式塔理论在B端产品中的应用

seo达人

格式塔主要包括7个基本原则:

图片

今天我们就来总结下,格式塔原理在B端产品中是如何应用的?

 

#01 接近性原则

我们先看2张截图,分别是不同分辨率下的界面效果。

图片

可以明显的感觉到高分辨率下,菜单列间距离较大,菜单的归属关系很清晰。而低分辨率下,菜单间的距离变小,特别是后面两列的菜单会给人混在一起的感觉。

这就是格式塔原理中的接近性原则,距离近的关联亲密,距离远的就各自独立分组。

当我们想要传达给用户层级关系时,就需要善于利用接近性原则。例如表格上方的功能按钮,通常我们将高频、核心操作放置在左侧,低频、辅助功能放置在右侧。通过增大元素间的距离,达到功能分区的目的。

图片

 

#02 相似性原则

相似性原则是通过颜色、尺寸、图形等方面的共同属性,实现信息的分组或者高可读性。

例如在可视化图表中,不同范围值的指标采用不同的背景色。通过背景色的差异,将同一范围内的数据形成视觉关联,提高用户对信息的识别效率。

图片

通过图形尺寸的相似性也可以构建内容分区。例如阿里云、腾讯云控制台的首页,都采用了双列设计,左侧主要以高频的业务功能信息为主,右侧是辅助运营信息。两列尺寸宽度有明显差异,用户会将相同宽度的卡片归为一组。这样有助于用户理解两类卡片的内容差异,并有效地突出业务信息。

图片

 

#03 闭合性原则

IBM、苹果的Logo设计,无论是“用刀砍过”,还是被“偷咬了一口”,用户仍然可以识别出完整图形。这就是视觉闭合性原则的一种表现方式。

图片

在UI设计中,则会通过对齐方式,形成虚拟空间。例如下图中阿里云通过明显的背景色、阴影等手法形成有形的内容空间。而微信公众号则是平铺背景色,内容区借助标题、卡片对齐形成视觉闭合空间,最终将页面划分为左侧导航菜单和内容区两个空间。视觉表现上更轻量化。

图片

另外闭合性是需要元素之间相互辅助的,单独的元素无法构建出闭合空间。以下图为例,虽然四个小的卡片做了间距分割,但是由于界面整体上是横向分割的。我们会将4个卡片看作是整体元素去理解和认知。

图片

 

#04 连续性原则

用户更习惯于从左到右的横扫阅读,因此连续性主要体现在横向空间中。

下图中,虽然左侧的标签文字与右侧的内容信息有较为明显的间距,高度尺寸差距也比较大。但是用户不会将内容看作是4个独立的个体,而是理解为两组信息。

图片

在某些场景中,如果信息平均分布,不会产生连续性的视觉感知。

例如下图指标监控中,指标都是采用小卡片,间距、尺寸较为统一。这种情况下用户就很难对信息分组处理。在我看来这些指标只是一个个的视觉散点,没有明确的视觉重点。用户无法感知到内在的逻辑性。用户想要找到某个指标时,需要逐个检索,花费的成本更高。

图片

 

#05 简单对称原则

通过上述很多图片,我们可以看出页面元素基本都是横平竖直,中规中矩的元素和分割方式。或许有些单调乏味,但是胜在简单,不会带来额外的视觉噪点。

特别是B端产品,基本看不到异形的存在,甚至全圆角矩形都很少见到。即使有异形,也只是作为视觉表现元素存在于内容中,而不会作为空间的划分边界。

图片

 

#06 主体与背景原则

主体与背景原则最典型的应用就是蒙版弹窗。通过拉大主体与背景的差异性,凸显弹窗信息。

当我们需要着重表现内容时,同样适用于主体与背景原则。例如登录界面的设计,会通过差异化的背景、阴影等方式,带给用户清晰的视觉层级,适当凸显输入框的主体地位。

图片

而B端内容区是核心空间,基本都是采用纯白背景,与页面背景形成对比,从而占据信息的主体地位。

图片

 

#07 共同命运原则

共同命运原则听起来有点玄学,指的是相同运动特征的元素会被认为是同一组或者是具有相关性的内容。运动的元素在B端产品中应用很少,我没有找到合适的案例解释这个原理。

在移动端产品中有些应用案例。比如iOS系统中,桌面布局编辑态下抖动的图标,可以与静态不可编辑的内容形成隔离效果,视觉引导性更强。同样今日头条频道编辑时,也采用了抖动效果。

图片

 

总结

虽然B端产品没有C端色彩丰富,表现力上没那么炫酷。但是两者对信息传达的要求是一样的,要求和谐、有序、层次分明,辅助传达内在的业务层信息。灵活地运用格式塔原理将对产品的体验提升会有很大的帮助。

格式塔原理不仅限于视觉表现,产品经理或交互设计师在原型设计时,也要重视格式塔原理,辅助设计方案表达,提高团队间的协作效率。

今天的分享就到这里了。如果有更好的案例,欢迎评论区留言分享给大家~

 

原文地址:子牧先生UXD(公众号)

作者:子牧先生

 转载请注明:学UI网》设计基础(1):格式塔理论在B端产品中的应用

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


产品细节剖析,让你看看大厂是如何做设计的

seo达人


2021 | 第15篇分享目录(211~225

211.「微信」授权登录-多重身份 保护个人隐私

212.「爱奇艺」上/下手势交互-不只是调亮度和音量

213.「饿了么」配送进度-便捷的操作及同理心地图

214.「微信」语音消息-个性化的内/外音自动切换

215.「网易云阅读」Word模式-摸鱼生涯的巅峰时刻

216.「QQ」情怀-用故事和记忆减少用户流失

217.「支付宝」收款码-信息自动翻转提升视觉舒适度

218.「自如」背景图-模拟现实世界的昼夜变化

219.「淘宝」物流信息-最新动态 一目了然

220.「微信」摇一摇-不同性别、不同的图片你如何理解?

221.「纸条」简单的弹窗-暖心的设计

222.「高德地图」风景名胜区-超赞的手绘版实景地图

223.「英语·流利说」保存退出-再坚持一下好吗?

224.「即刻」细节控-走心的设计总会打动一些人

225.「网易云音乐」生日快乐-有温度的交流“俘获人心”

 

211.「微信」授权登录-多重身份 保护个人隐私

产品体验:

我们在其他应用选择微信第三方登录时,进入授权页面,可通过新建用户信息,设置全新的头像和昵称授权给其他应用作为基本信息,还能使用随机选择系统默认提供的头像和昵称。

设计思考:

用户选择第三方登录最主要的原因就是不想注册账号,在这个应用多如牛毛的时代,很多应用可能用一次就卸载,在非必要的情况下,手机号码能不使用最好,而第三方账号无疑就是最好的捷径,无需记忆账号密码,而且方便快捷。但即便是用第三方账号登录,也有不想泄露基本信息的时候,比如用微信登录xxx社交平台,美其名曰聊天交友,实则“…”,这时候如果被老朋友从自己的头像、昵称中认出来就尴尬了。

在第三方登录中选择微信登录时,可在授权页面通过新建用户信息重新设定头像和昵称,或者使用微信提供的随机信息,在成功登录其他应用后变成一个全新的自己,这种方式有助于保护用户隐私,能避免在其他应用未及时修改微信昵称、头像导致泄露给自己带来不便,通过新的个人信息登录用以增加安全系数,让用户用的放心。

(PS:尤其是喜欢将自己的真实相片设为微信头像的用户,频繁授权第三方应用,多少都有一定的风险)

 

212.「爱奇艺」上/下手势交互-不只是调亮度和音量

产品体验:

使用爱奇艺APP横屏观看影片时,在左右滑动(快进/快退)过程中,可在不松手的情况下进行上下滑动并根据提示切换剧情。

设计思考:

关于手势交互的应用越来越多,虽然学习成本较高,但有很多常规的手势已经把用户的操作习惯给培养出来了,当进入到似曾相识的页面中,条件反射性的自然运用。比如视频类应用在横屏观看时,左右滑动调整播放进度、左侧上下滑动调整亮度、右侧上下滑动调整音量,这么一看,好像该屏幕所在区域都给合理的安排上了,如果还想在哪个区域添加功能入口的手势交互,几乎不可能了。

爱奇艺APP横屏看片的交互手势真是无所不用其极,将其做到了最大化程度的利用。当用户在左右滑动调整进度时,最有可能出现的想法是对当前内容或剧情不感兴趣,通过进退的方式逃离此画面,在滑动过程中,界面会出现“上下智能跳剧情”的文案提示,在不松手的情况实现阶段性的剧情跳转。文案提示能降低用户的学习成本,让其快速知晓系统所隐藏的交互手势,以达到教育用户的目的,上线滑动则方便用户根据提示快速定位至新的剧情,跟左右滑动总是停留在未知区域相比,定位更清晰,让用户享受到更便捷、精准的服务体验。

 

213.「饿了么」配送进度-便捷的操作及同理心地图

产品体验:

①在饿了么下单后再次进入,APP左下角后显示正在进行中的订单快捷入口,点击快速查询配送进度;

②配送进度骑手地图页面,会显示实时的天气信息(尤其是雨天,特别突出)。

设计思考:

都知道买衣服及各种生活用品上京东、淘宝,到了饭点就上饿了么、美团外卖。我们可以在在淘宝逛上几个小时,反复进进出出看着在平台算法下给我们推荐的各种东西,随时购买,但却没办法在外卖平台呆很久,如果频繁进入应用,最大可能就是查看下单后的配送进度。

饿了么APP存在外卖订单时,用户二次进入应用的需求绝大多数都是查看配送进度,平台也是基于用户的这种心理需求,通过行为预判给予用户最便捷的操作,并通过情感化的方式触发其同情心理。

①下单后再次进入平台,右下角会提供正在进行中订单的快捷查询入口,点击即可快速查询当前配送进度,省去了原来需要从订单功能去查询的多步骤操作,“一步到位”节省用户更多时间。

②如果天气状况较为恶劣,骑手地图会显示当前的实际天气情况,尤其是雨天,当我们的外卖久久没有送到时,看到骑手地图上的倾盆大雨,足以能引发同情心理,对迟到的外卖也能表示谅解,以减少对骑手的投诉、订单的差评,同时提升饿了么平台的整体服务质量,优质服务的平台能吸引更多的用户使用,形成良性循环。

(PS:同理,我们在上班途中遇到大雨,很容易想象自己当时的心理,最终导致上班迟到,但并没有受到相应的处罚。恶劣天下时,领导可以容忍我们上班迟到,我们又为何不能容忍骑手迟到呢?)

 

214.「微信」语音消息-个性化的内/外音自动切换

产品体验:

在微信听语音消息时,默认是扬声器播放,当碰到不方便收听或噪音较大的环境时,将手机听筒贴近耳朵,系统会自动切换至听筒播放。

设计思考:

在沟通交流时,文本消息使用的最为频繁,但并不意味着文本消息是最好的表达方式。相较于文本消息,语音消息属于一种强提醒的方式并附带感情色彩,接收者的感知度更强,接收效果也会更好,如果你是一个精英/教育类型的职业者,每天面对几百上千条回复,就知道用语音消息回复有多香了,但是,这也意味着接收者的干扰程度也更强,如何让接收消息的一方把干扰降到最低,是值得产品团队深思的问题。

微信在很早之前就上线了语音转文字功能,虽然能解决部分接收者不方便听的问题,但此功能是建立在发送者普通话非常标准的基础之上,否则即便转成文字也会看的一脸蒙圈。考虑到语音消息接收方的场景问题,如果不方便听语音或者外面很吵时候,播放语音时,将手机听筒靠近耳朵,无需任何操作,会自动切换至听筒播放,方便在任何环境都能收听语音消息,对用户十分友好,不得不说,微信团队为用户创造出了既便捷又个性化的使用体验。

 

215.「网易云阅读」Word模式-摸鱼生涯的巅峰时刻

产品体验:

用浏览器进入网页版的网易云阅读,点击阅读页面的“Word模式”或直接按F2键,画风突转,整个网页会变跟Word极其相似的画面。

设计思考:

你是否有过在上班时间里将工作完成后去打发时间?是否为了劳逸结合而忙里偷闲、或者自己本来就是摸鱼党“楷模”,这时可能会去看看新闻或小说,可总是提醒吊胆,冷不防就被某个领导给瞧见了,不管你切换画面的速度有多快,总是快不过暗处的一双眼睛。

网易云阅读网页版上线了Word模式之后,简直开启了小说类摸鱼党的巅峰时刻,点击“Word模式”或按F2,就可以对着电脑假装“上班”了,就算领导从身边经过,只要不仔细看“Word”内容,就很难发现这是在看书,当你的同事和领导发现你目不转睛的盯着电脑,没准就会认为你是一个全神贯注工作的后生仔。网易云阅读的“Word模式”应该算是摸鱼党的必备神器之一了,如果你在工作之余有阅读的习惯,在条件允许的情况下不妨试一试吧。

(PS:word模式并非鼓励我们在上班时间去摸鱼,成年人的任何事情都是靠自觉,如果你是为了缓解工作压力或在工作完成的情况下去看会书却又总是担心被领导发现后的尴尬,Word模式或许可以帮你解决这个问题)

 

216.「QQ」情怀-用故事和记忆减少用户流失

产品体验:

使用QQ聊天时,在对话框页面空白区域左滑,会进入与该好友的关系页面,在这里,可以看到成为好友的累计天数、共同属性、添加时间等一系列信息。

设计思考:

每一个80、90后都有一个无法忘记的QQ号,还记当年去网吧的情景,可以不玩游戏、不看电视剧、不聊天,但是不能不挂QQ,时至今日,虽然心已被微信“掏走”,但不管是手机还是电脑,QQ软件依然是这群人的装机必备,就算不关注了,可“小太阳”还在默默升级,因为它承载着我们太多的记忆和故事。

在QQ好友的聊天界面左滑,可进入与该好友的关系界面,能看到添加好友时间、成为好友累计天数、星座等相关信息,满满的回忆杀,似乎一切都会回到了最初的美好。不得不说,QQ用卖弄情怀的方式能在很大程度上加深用户对产品的印象,增加其使用粘性,在微信横行的社交年代,或许这也是减少QQ用户流失不错的方案之一了。

 

217.「支付宝」收款码-信息自动翻转提升视觉舒适度

产品体验:

当我们把支付宝的收款码页面展示给对方时,如果将手机头部朝向对着别人,这时二维码中间的头像、部分标题和描述文字会在原位置自动翻转。

设计思考:

平时我们在给别人出示二维码时,因每个人习惯的不同,有的会扭动手腕来个水平翻转,但也可能直接抬高手腕将手机头部朝下递出去,这时站在对方的角度,看到的信息都是倒过来的。

支付宝在这方面做了一个很贴心的设计,当我们将手机头朝下把收款二维码出示给对方,页面中的部分信息会在原来的位置自动翻转回正,虽然没有实质性的作用,但能让对方看起来不是那么别扭,间接的提高了视觉舒适度。

 

218.「自如」背景图-模拟现实世界的昼夜变化

产品体验:

在自如“我的”页面,顶部背景图通过模拟现实世界中的自然规律,白天阳光照射、夜晚月光皎洁。

设计思考:

在我们的印象中,通常白天是晴空万里、艳阳高照,而晚上则是夜深人静、满天繁星,这也成为了每个人心中永恒不变的定律,而很多产品团队则会把这种自然规律的变化带入应用之中。

自如APP“我的”页面顶部背景图跟随昼夜环境的变化自动交替切换,UI视觉场景模拟现实世界的自然变化,使其更具真实感,便于用户在视觉传达的过程中结合现有认知,映射出更具亲和力的产品使用体验,通过细枝末节营造出最舒适的视觉表现力,带给用户不一样的惊喜。

 

219.「淘宝」物流信息-最新动态 一目了然

产品体验:

进入淘宝我的页面,如果有待收货订单,在我的订单区域下方会显示最新的一条物流轨迹信息,进入待收货列表,订单下方也会一一显示,用户不用进入物流详情页面就能知晓当前订单物流进度及更新时间。

设计思考:

有人问,如果物流信息迟迟不肯更新、就像停了一样,这是一种什么样的体验?很多人在电商平台买了东西,会时不时看下物流信息有没有更新,从哪发货、多少天能到都不重要,关键是在“动”就行,或许商品到了,在菜鸟驿站都能甩上一两天。其实,这是因为快递在运输过程中,每更新一个状态,就有种离自己越来越近的感觉,从期待到兴奋变化,这也是网购的一个特定,只要不出问题,在等待的过程中看着不断变化的物流信息也是一种享受。

淘宝产品团队考虑到用户的这种心理,提供了更为便捷的物流查询方式,进入APP我的页面时,在订单区域就能立即看到最新的物流轨迹,如果待收货订单较多,进入待收货列表只需上下滑动就能快速浏览多个订单物流信息,免去了每个订单都要进入物流详情页面查看的反复操作,让用户能通过最短的时间、做少的操作满足自己的需求,体现了应用的便捷性,提升用户体验。

 

220.「微信」摇一摇-不同性别、不同的图片你如何理解?

产品体验:

在微信的摇一摇页面,不同性别的用户所看的摇一摇图片(握设计手势)不一样。

设计思考:

微信一直追求的都是极简设计,要求非常简单,目的就是无需做任何的学习、任何人都会用。其实,不光交互流程、操作逻辑是如此,即使没有任何操作的纯视觉页面也是如此,足以看出是多么的细节控。

微信的摇一摇界面,不同性别的用户看到的图片不同,不难发现,女性的界面比男性多了一个手指头,看起来这一个很简单的细节,似乎起不到任何作用,但如果发挥无限遐想,也是有迹可循的。摇一摇开发之初,内部曾经命名为“录一录”,如果稍微往邪恶了想,“lu一lu”大家都懂,以至于后来很多人都从动作姿势上联想,很像“手yin”,如果认为这是一个很牵强的结论,那么张小龙曾经公开说过“它是一种人类的性的驱动力在完成整个过程的,没有什么吸引你的驱动力比性的驱动力会更加原始”。抛开所有的遐想,单单从性别不同就提供不一样的视觉效果,哪怕是微小的变化,也能看出设计团队很细节控,在不断追求完美的过程中力求做到极致。

 

221.「纸条」简单的弹窗-暖心的设计

产品体验:

在晚上0点以后进入纸条APP,会出现温馨的提示“夜深了,明日再早起努力吧”弹窗,暗示用户早点休息。

设计思考:

喜欢熬夜的人无非两种:一种长期习惯性的熬夜工作、输出或学习,特有灵感及动力;还有一种就是熬夜追剧刷视频,就算躺在床上也得抱着手机。不管哪一种,通常都会忽略时间的流逝,不经意间就过去了几个小时。

纸条APP是一个学习类型的应用,当用户在0点以后进入,系统会通过弹窗提醒用户夜深了、该休息了,此提示有助于快速勾起沉浸在学习中用户的时间观念。我们都知道,时间虽然很紧,可身体才是革命的本钱,用户看到此提示后,即便不会立即去休息,但可通过清楚的时间观念来计划接下来的学习节点。一个简单的弹窗,足以体现出产品对用户的关爱,是一个很暖心的设计。

 

222.「高德地图」风景名胜区-超赞的手绘版实景地图

产品体验:

使用高德地图搜索部分景区,如黄鹤楼、泰山、故宫等风景名胜区,放大后会出现超实景的手绘版地图,画面清晰程度精确到每个石阶、每一棵树。

设计思考:

高德地图应算得上是用户旅游出行的好帮手了,先不说本身就有较为完美的导航服务,就连吃、喝、玩、乐、购一条龙服务都是妥妥的,虽然如此,可依然有用户因为对景区不熟悉而走冤枉路、游走不全面等不尽兴的问题。

高德地图还有一个隐藏的黑科技,可助力用户在出行前对国内的部分景区作更深入的了解。输入景区名称搜索定位至该景区,当地图放大到一定程度时,会自动切换超级详细的手绘版地图,途中的任何一个点都清晰可见,精确到一棵树、一个台阶、一块地板砖。高德的手绘地图与地图软件完美融合,第一时间将景区完整呈现在游客面前,让游客对景区全貌一览便知,极大的方便了游客对于参观路线的选择。另外常规的地图样式早已不能满足人们的欣赏水平,手绘地图作为既古老又时新的表现方式,不仅方便用户使用,还能受到更多用户的青睐,为培养更多忠实的用户打下坚实的基础。

 

223.「英语·流利说」保存退出-再坚持一下好吗?

产品体验:

使用英语·流利说在学习英语的过程中,点击保存并退出时,系统会通过弹窗中激励性的文案,鼓励用户再坚持一下完成仅剩一丢丢的学习内容。

设计思考:

惰性是天生的,这也是每个人常规的通病,如果一个人的自律性很高、一直处于学习状态并努力的提升自己,那么一定使用过非常规的手段并结合内/外在环境等因素来打破常规(天生爱学习的除外,毕竟少数),即便如此,在学习过程中半途而废的也是多不胜数。

在英语·流利说APP学英语时,如果存在某些外在原因,比如:朋友叫逛街、喝酒、玩游戏…等,退出的过程中,系统会弹出“还差一点就完成了…”的文案,在用户可能产生放弃念头时,给予提醒并告知接下来的难度很小,给予坚持下去的动力。平台通过弹窗提醒并鼓励用户走的更远,做更多的事情,用户一旦坚持下来,对双方都是不错的结果,甚至产生无限可能。

 

224.「即刻」细节控-走心的设计总会打动一些人

产品体验:

即刻APP动态模块的点赞图标会根据圈子类型的不同而变化,比如在“晚安电台”中是月亮样式,“大产品小细节”中则是可爱的表情包样式。

设计思考:

在很多产品中有一些看似无关紧要、不痛不痒甚至跟自己毫无关系的设计细节,他们可以是一行文字的间距、一个文字的替换、一个图标的变化……

即刻APP根据不同圈子的类型,其点赞图标也不同,在“晚安电台”中是月亮的样式,“大产品小细节”中则是可爱的表情包样式,图标附带最直观的类别属性基因,始终保持着贴近于用户对生活中常规事务的感知样式呈现,非常走心的设计,虽然只是一个无关痛痒的图标样式变化,但对于细节控的用户,发现后也能产生一定的好感。

(PS:其实这种微弱的设计细节,口头上似乎没有什么说服力。很简单,举个例子:在1000个用户中,有100个用户发现这个细节,其中只有1个人被打动,可能整个团队都觉得不值一提,但站在做设计的角度,如果在应用中有上百个这样的设计细节,那么是不是用户体验就能提升10%?虽然答案不为可知,但在几乎不影响用户、不增加工作量的情况下完全可以尝试,况且在遵循基本原则的情况下,从来没有绝对的正确和错误,都是在无数次的尝试下逐步完善提升…)

 

225.「网易云音乐」生日快乐-有温度的交流“俘获人心”

产品体验:

在生日当天进入网易云音乐,金刚区第一个功能“每日推荐”会替换成“生日快乐”,进入此功能后,列表的第一首歌曲为“祝你生日快乐”。

设计思考:

之前看到一个问题“什么样的人机交互最完美”?其实没有所谓的最完美,只有在通过不断的优化、完善的基础上,力求做的更好。如果说一定要给一个答案,我想最起码要在满足用户基本需求的情况下做到有温度的交流,这就好比你跟一个钢铁直男或者思维敏捷且开朗的人对话,前者一问一答、甚至会引起不适,后者则会举一反三、以更有温度的交流方式并留下深刻的印象。

从网易云音乐APP的很多细节上可以看出,不仅做到了有温度的交流,更是升级到了俘获人心的地步。在生日当天买进入APP,金刚区第一个功能变成了生日快乐,进入该功能后,第一首歌曲就是“祝你生日快乐”,在不经意间直击用户内心。产品用热心为用户带来温暖和抚慰的力量,不管是否处于回报热情,用户在惊喜之余,能一定程度提升对产品的忠诚度,增加使用粘性。

 

结语:

设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。

本期产品设计细节分享结束,我们下期再见。

 

原文地址:能量眼球

作者:大漠飞鹰CYSJ

转载请注明:学UI网》产品细节剖析,让你看看大厂是如何做设计的

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


交互设计师该如何提升“软实力”?

seo达人

我将交互设计师应该具备的能力总体上划分为“硬实力和软实力”两个大方向:

硬实力是指专业能力,包括交互设计能力、对所负责的业务线与对应产品的理解程度、对产品面向的用户群体与用户使用场景的了解程度、对设计规范与组件的熟练应用、数据分析能力、对设计工具的熟练使用、以及具备一定的视觉审美。

软实力是指通用能力和个人影响力,通用能力主要包括“沟通与表达能力、推动与执行能力、项目管理能力、复盘总结能力”;个人影响力主要包括“分享、指导、创新能力”。

本文将结合我的工作经验,以及不同公司招聘要求中都有的共性点,向大家介绍如何在日常工作中培养和提升自己的软实力。

下图是我简要绘制的“交互设计师能力框架图”:关于硬实力这部分内容,在我之前的文章中已经梳理过一些,感兴趣的可以回头翻看。

 

一、通用能力

1. 沟通与表达

首先你需要分析自己的性格特点,一般外向的人擅长沟通,即便不是外向型,也最好不要是内向不爱说话。只有你发自内心的愿意主动与他人沟通,别人才能感受到你的亲和力

其次不管与怎样性格的人沟通,把握的第一个原则是“就事论事”:没必要为了事情大声争论,甚至上升为人身攻击,我们沟通的初心是为了解决问题,应该尽可能的“求同存异”。

你需要做的是想办法解决影响事情顺利发展的各种障碍,过程中遇到的非主观因素记录下来便于后续总结。

表达是指将思维所得的成果用语言等方式反映出来的一种行为,是向他人正确传达自己的想法。

比如与同事沟通表达自己的观点、公开演讲、获奖感受等,表达的定义里包含一个关键词“思维所得”:这意味着你需要在平时就有一定的思考沉淀,不然你无法做到“准确且清晰”的传递自己的观点

需要把握的第二个原则是“不卑不亢”:既然是一个Team,团队最终目标是一致的,只不过不同成员的岗位角色不同,分工内容不同,没有谁一定要给谁妥协,或者谁一定要强硬到底。按照已经发生的客观事实有理有据的陈述自己的观点即可。

最后需要把握的第三个原则是“换位思考”:用户体验设计领域的设计师经常提到一个词“同理心”。我们需要站在用户角度审视自己设计的产品,我们需要站在不同岗位角色角度理解他人的难处…无论对内还是对外沟通与表达,能做到换位思考的人,必然考虑问题更加周全、更加有深度。

 

2. 推动与执行

执行力是指完成任务目标的操作能力,评判执行力强弱的标准是效率与效果。执行其实是践行的过程,践行的过程中效率可能没那么高、最终的效果可能也没有多满意,但无论如何,做这件事都为你积累了宝贵的“践行经验”,举重若轻的背后一定经历过多次失败与不堪。

执行力是每一位员工都必须具备的基础能力,而推动力则是针对中高阶水平设计师提出的更高要求。

“从单纯的执行任务”升级为“从头到尾推动事情落地”,这是职场打怪升级的必经之路!推动力不再是单一的能力要求,而是“多项能力”的综合体现,推动落地的过程中涉及到沟通表达、组织协调、向上管理、项目管理等能力。

 

3. 项目管理

往小了说是对自己承接任务的管控,范围相对小,包括项目前期涉及到的“与上游业务同事和产品经理梳理需求、提出合理建议、预估排期”;项目推进过程中涉及到的“准时交付产出、问题沟通与解决、风险点预估与分析、及时向上汇报进展、设计验收”;项目后期涉及到的“上线验收、遗留问题记录与跟进”。

以上提到的是设计师在设计层面应该做好的事情。再往大了说,你可能会作为一个分支项目的牵头人,你要管控的不单是项目在设计阶段的开展,还会更多涉及到与上游业务方、产品经理;与下游开发同事、测试同事;与外部合作方的协作等。

随着项目复杂度提升,对负责人项目管理能力要求会越高,因为会涉及到方方面面,可能包括业务对接洽谈、细节协商达成一致、进度把控等。

作为交互设计师,有机会深入参与到项目推进的全流程中,这既是对你专业能力的深化,也进一步加强了你对所负责业务线的理解程度。

如果你遇到这样的机会,请珍惜把握,尤其是首次承担类似职责。谁都是从0到1、从无经验到身经百战走过来的,不要有过多的担心害怕,撸起袖子加油干!当你经历过再回首时,你会感谢当初自己的勇敢与自信。

 

4. 复盘总结

近期面试一些交互设计师,聊到关于项目需求的复盘时,有的应聘者在公司现有机制下没有机会接触到需求上线后的数据表现或者用户反馈;有的应聘者总结分析的不够深入或者视野局限于设计层面的改进。

我之前也在小的创业公司工作过,以上类似现象在许多公司还是比较普遍的。我的看法是:围绕个人能力发展思考并决策。

  • 如果你所在的公司没有建立复盘机制,你也很少能接触到相关数据,一方面你可以尝试着利用上面说的推动能力,试着推动建立这个机制,至少可以先从你所在的小部门开始试行;另一方面如果你是在类似国有企业,反馈信息涉及到保密,这是客观因素与你的努力无关,这时候需要认真考虑换工作的事情了。
  • 另外一种情况是有机会获取相关反馈信息,但有时候承接的业务需求不间断,再加上许多公司的复盘机制算是锦上添花,不是非做不可的,所以针对设计师个人而言,做好这件事更多依靠的是“自驱力”。

复盘总结不单针对工作项目,另外重要的方面是自我反思。从过往的工作经验中思考做的好的地方,不好有待提升的地方,需要补齐的短板是什么,职业生涯下一阶段的规划是什么… 我认为尤其对于交互设计师而言,阶段性的反思总结,有助于更好的认清自己能力优势与劣势,有助于逐步搭建上面提到的自己的能力框架。

 

 

二、个人影响力

1. 分享

分享其实就是将某方面复盘总结的结果拿出来与他人沟通交流,分享形式和分享内容围绕分享目的可以灵活调整。比如我之前的文章《如何做好一场部门内部分享?》中提到过关于分享形式与内容的创新,感兴趣的可以翻看。

当初之所以要做出这个改变,是因为我们认为原有的单个人框定大概分享内容范围进行分享的方式,不能很好的帮助分享人和被分享人提升能力,同时分享内容容易脱离现有业务。当然不同公司分享目的考虑的侧重点不同,所以算是因公司而异吧。

对个人而言,如果你平时针对项目、设计专业、工作流程、存在的问题等有过一定程度的思考,你会积累一些沉淀,无论是优秀的值得借鉴的内容、还是失败的值得引以为戒的内容,都可以与同事或者专业领域的朋友交流讨论。反过来在这个过程中,又会激发你更多的想法,拓展你的眼界与思维。

 

2. 指导

团队内有工作经验或者熟悉工作流程的中高阶设计师,针对初入职场的新人或者刚来公司还处于适应部门环境的有工作经验的职场老人,进行专业层面和工作流程的指导。

许多公司比较注重公司文化对新人的输出,但针对日常工作的指导带教却没有十分明确的规定。

辅导的效果很大程度上取决于指导人,如果某天你有机会带教新人,不要轻视这项工作,首先在心态上能够做到上面提到的换位思考,你自己也是从新人一路走过来的,能够切身感受到新人的诉求。

其次也是对你责任心的侧面考察,在职场有一句话我认为是适用的:你能承担多大的责任,就值得拥有多大的回报。

 

3. 创新力

提到创新许多人觉得有些虚无缥缈,因为现实情况是处理不完的待解决问题,哪还有时间和精力做创新,就算提了创新的点也很难有资源支持。很久一段时间我也是这么想的,后来看到两个观点使我茅塞顿开:

  • 创新不是颠覆,也不一定是惊天动地的大动作,更多的可能是微创新,一个有可行性有突破性的想法。
  • 如果你对所做的事情保持有好奇心或者热情,千万不要被日常的工作消磨掉。好奇心是创新的源动力。

生活中太多的人会告诉你,只能顾好眼前的苟且,没有精力和金钱畅想诗与远方,如果你也这么想并且这么去做,你只会被大众牵着鼻子走。更为可怕的是,慢慢的你丢掉的是那些原本可以让你更为成功的优势点。

 

 

三、总结

以上是我提炼出的我认为一名优秀的交互设计师应该具备的“软实力”, 这部分能力应该是成为高阶设计师的衡量标准之一。无论是职场新人还是老鸟,重视和持续打磨自身的通用能力与个人影响力,才能不断提升自己的不可替代性。

 

原文地址:人人都是产品经理

作者:Viksea

 转载请注明:学UI网》交互设计师该如何提升“软实力”?

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


如何让用户始终有掌控感——信息架构

纯纯

信息架构是产品的骨架。具体而言,就是一款产品有几个一级页面,以及支撑起整个产品的一级页面、二级页面各有几种内容样式。所谓一级页面,微信的“发现”页就是一个一级页面;在“发现”页点“朋友圈”,进去的就是一个二级页面。所谓内容样式,Banner 是一种内容样式,九宫格是一种内容样式,设置页面那种列表也是一种内容样式。

 

这样的信息架构,有什么价值?

 

 

01 信息架构的价值:掌控感与健康迭代

 

对用户而言,信息架构的主要价值在于掌控感;对产品而言,信息架构的主要价值在于健康迭代。

 

1. 掌控感

 

如果房间里很乱,到处都堆满了东西,常穿的衣服也找不到了,我们就很容易变得烦躁不安。相反,如果混乱的房间被收拾得很整洁,我们的心情也会随之变得愉悦起来。

 

这中间的原因是什么?

 

个人觉得,从原始社会到 21 世纪,我们人类一直生活在竞争中,所以一直在追求一种对生活的掌控感。这种掌控感,会让我们找到一种存在感和价值感,从而给身处竞争中的我们一种安全感。一个收拾得井然有序的房间,会让我们觉得一切尽在掌握中;一个胡乱塞满东西的房间,则会让我们觉得这个房间处于失控状态,从而引发烦躁不安。

 

一款 App,如果主要的几个一级页面也都塞满了各式各样的内容,那么用户通常也会感到烦躁不安。这是因为用户不能马上理出头绪,不能马上获得那种掌控感。另外,如果大的改版经常让用户体会到这种烦躁不安,用户就会对这款 App 感到不满和失望,甚至失去信心和期待。

 

所以说,信息架构的第一个价值,就是让用户始终有掌控感。

 

2. 健康迭代

 

产品的更新迭代,有时会出现“发福”和“微整形”的情况。这都属于不健康的迭代。

 

所谓发福,就是变得臃肿了,比如一级页面突然增加了很多内容样式。所谓微整形,就是和之前比有点乱套了,比如有的一级页面突然消失了、有的一级页面突然出现了、有些常用的功能突然找不到了,诸如此类。

 

一款产品,如果大的改版总是通过发福、甚至微整形的方式实现,用户就很难获得掌控感。

 

反过来,一个优秀的信息架构,是接近“冻龄”的。也就是说,不管产品怎么更新、怎么加新功能,都能简单如初,都能让用户马上获得掌控感。典型的例子是微信:微信已经加了很多功能,但整体给人的感觉依然是简单的。

 

这样的信息架构,很少发福,也几乎不做微整形,所以能让用户永远有掌控感,从而确保产品能够健康迭代。

 

 

02 怎样实现信息架构的价值

 

什么样的信息架构,能够实现“掌控感”和“健康迭代”?

 

其实参考答案刚才已经出现了,那就是接近冻龄的信息架构。或者更确切地说,是一种“以不变应万变”的信息架构。

 

这里的不变,是指信息架构看起来永远没有明显变化,永远都很简单。万变,是指不断新增的功能,不断变化的功能。

 

如何做到以不变应万变?一级页面和二级页面都很关键,其中最核心的是一级页面。这里也顺便抛一个问题:一级页面,用来干啥?

 

一级页面主要用来干三件事,分别是:提供掌控感、提供常用功能、提供小入口。也就是说,一级页面尤其要把掌控感给到用户,要让用户快速找到常用功能,同时还要为不常用的功能提供一个小入口。需要说明的是,这个理念可能不太适合一些商店类产品,比如淘宝这样的电商产品,所以仅供参考。

 

那如何完成这三件事?主要有以下四个要点。

 

1. 不要超过 4 个一级页面

 

4 个和 5 个,它俩之间存在微妙的区别。比如我们给手机号或银行卡号分段时,更喜欢每段最多分 4 个数字,而不是 5 个,直观对比见下图。


4 个还是 5 个

 

很多 App 的底部导航栏,也是只有 4 个Tab,即 4 个一级页面。受生活经验等因素影响,当我们看到 App 有 4 个一级页面时,内心或潜意识里可能会觉得:哦,4 个,还算简单,基本能记住;而当看到有 5 个一级页面时,可能会感到一丝压力:5 个啊,有点多了。

 

总的来说,我们更偏爱只有 4 个一级页面的产品,因为 4 个仍在简洁的范畴内,5 个就已经开始走向复杂。在《微信背后的产品观》这场分享中,张小龙也提到过:“微信保证只有 4 个底部 Tab。”

 

2. 不要超过 3 种内容样式

 

Keep 6.0 系列的“探索”页面有 5 种内容样式,显得很复杂。微信的 4 个一级页面中,“发现”和“我”页面只有 1 种内容样式,“微信”和“通讯录”页面只有 2 种内容样式(加上顶部的搜索框),显得非常简单,和 Keep 的对比如下图所示。

 

Keep 6.0 系列与微信的内容样式数量

 

像微信这种内容样式数量上的极简,可能很多产品难以做到。那么,我们不妨退而求其次,早期先从 1 种、2 种内容样式开始。后期加功能了,可以考虑第 3 种,谨慎考虑第 4 种,尽量不要增加第 5 种,因为一定会变得复杂。

 

大家可能会说,产品的功能很多,3 种内容样式不够用。

 

针对这种情况,只要逻辑上不存在大的问题(比如把“支付”放到“通讯录”页面),就可以尝试把不同内容合并成一种样式。微信在这方面就做得很好,大家可以参考它的设计。比如下图的“通讯录”页面,联系人上方那些内容,和联系人不是同一类内容,但它们共用一种内容样式——一个简单的图文列表。

 

微信“通讯录”页面:不同内容合并成一种样式

 

3. 不为二成需求,去打扰八成用户

 

产品设计里存在一个比较常见的问题,就是往一级页面塞很多内容或功能,其中有相当一部分是用户日常用不到的,这种设计容易让人觉得臃肿。比如 Keep 6.0 系列的“运动”页面,就用了较大空间来推荐付费计划和运营活动,如下图所示。

 

用较大空间来推荐付费计划和运营活动的 Keep 页面

 

相信有相当一部分用户是不需要这些内容的,所以这其实也是一种打扰。这种打扰会影响到这些用户对这个界面的掌控感。

 

这种现象有两个可能的原因。一是企业担心用户不用这些功能,所以就在一级页面用很多空间来展示它们,Keep 的例子应该属于此类。二是有部分用户提建议,所以企业就加了这些功能。

 

关于第一个原因,个人观点,有些功能本身就属于二成需求,在一级页面占用太多空间不仅改变不了这个现实,还会对用户形成打扰。

 

关于第二个原因,个人看法,用户的建议通常只代表个人立场,而企业至少要代表大部分用户的立场。比如,网上就有人建议微信在朋友圈加一个屏蔽别人的功能,实际上微信有这个功能,只是一直隐藏,没有放出来——因为用的人少,它属于二成需求,放出来的话会对八成用户形成打扰。

 

总的来说,理想情况是接受现实、尊重规律:是八成需求就提供八成空间,是二成需求就提供二成空间。具体参考如下图所示。

 

是八成需求就提供八成空间,是二成需求就提供二成空间

 

4. 尽量不在标题栏使用 Tab 或下拉框,增加维度

 

这其实是张小龙分享过的一个观点,我个人很赞同,就直接引用一下。下面直接看两个例子。Keep 6.0 系列的前三个一级页面,标题栏都使用了 Tab,就显得内容很多,有点复杂,如下图所示(仅展示前两个)。

 

使用了 Tab 的标题栏

 

微信中拥有标题栏的前三个一级页面,其标题栏都没有使用 Tab 或下拉框,就显得简单、内容少,如下图所示(仅展示前两个)。这也是微信保持简单的一个重要原因。

 

没有使用 Tab 的标题栏

 

 

结语

 

一般情况下,产品都需要更新迭代:增加新功能,完善旧功能。

 

用户则是一个矛盾体:一方面对新功能和新事物怀有好奇心;另一方面又希望每次打开常用的产品时,都有一种回到家一样的熟悉感和一种家里井然有序的掌控感。

 

好的做法,就是类似微信那样:尽管加了新功能,但是看起来没有明显变化。也就是说,以“不变”的信息架构,来应对万变的功能。

原文地址:站酷    作者:SnowDesign


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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




交互设计:如何做到善意?

纯纯

我们来探讨下交互设计的善意。


善良常常被用来形容人,偶尔被用来形容产品,很少被用来形容交互设计。


就像人们会说,iPhone 有人文关怀,而很少会说,iPhone 的交互设计有人文关怀。在笔者看来,原因之一,是交互设计很难将人文关怀囊括完,而产品本身则基本可以。


类似的道理,本文探讨的善意,始于交互设计,但不局限于交互设计,还包括产品和企业的善意。


一家之言,欢迎交流探讨。



01 为什么选择善意?


一个 3 岁小孩流落街头,无家可归,会让无数人起恻隐之心。我们普通人的微小善意,有时可能是一种本能反应,或者说是一种感性反应。


“他内心是有时邪恶,还是对人们始终良善”,这是李宇春《年轻气盛》里的一句歌词。


恶是否为本能,笔者不知道。科学家的解释是,有些基因中会带有恶。可以肯定的是,善恶皆为人性,共存于人类当中。


感性和理性是会此消彼长的,林黛玉和薛宝钗就是两个极致的例子。同理,人类体内的善恶,也会此消彼长。


一款产品,在做决策时,很大程度上是基于理性。


这种理性决策,很多时候是无意为善,也无意为恶。但遗憾的是,那个非善非恶的中间地带不会一直存在,有些无意为善和无意为恶,最终会成为非善即恶,比如开屏页是否放广告这件小事(下文有详述)。


既然善恶会此消彼长,而且产品的有些理性决策会导致非善即恶,那么不可避免的,有时候,善恶会变成一道二选一的选择题。


接下来,我们就从理性的角度探讨下,为什么选择善意。



1 长期主义


最近几年,互联网从业者有个共识:创业是件九死一生的事儿。因为据数据统计,90% 的创业公司活不过三年。


这是一个值得深思的社会现象,背后的原因究竟是什么?直接原因,往往是资金断裂。深层原因,会有很多,比如产品不够好、方向不够准,等等。


那么,核心原因呢?笔者认为,和创始人的执念有关。


有两类执念可以避免此类悲剧。第一类是做出优秀产品;第二类是长期主义。



做出优秀产品这块,有很多例子,最典型之一是特斯拉。特斯拉曾面临多次危机(资金、产能等),但都挺过来了,这肯定和产品深受车主喜爱有关。


笔者也见过两个普通创业公司的例子。他们都有一颗做出好产品的心,都很重视 UI、交互、用户体验这些基础的东西,而且把 UI 做的比较优秀,交互和用户体验做的还不错。其中一家靠着用户的付费在平稳发展,另一家连产品带团队被大厂收购了。


长期主义这块,典型例子之一是巴菲特。巴菲特信仰并践行价值投资,价值投资依赖长期主义。最近几年,长期主义在国内也被越来越多的提及。


个人的理解,长期主义至少包含两个要点,分别是:积累、多赢。因为,没有积累就不会有成就,没有多赢成就就不会长久。



中国女排,世界冠军。排球界有个说法,叫三年成型,五年成才,八年成器。互联网行业,也大致如此。这是积累。


用户,员工,投资人,三方利益都兼顾好,才是多赢。


俗话说,顾客是上帝,大家都知道对用户好;投资人作为强势一方,利益也往往有保障;员工的利益是否有保障,往往取决于创始人,所以存在很大变数。


回到主题,长期主义和善意,有什么关系?


通常而言,多赢能否实现,关键在于员工的利益能否得到保障。


笔者在网上看过一个有意思的评论,说当下的年轻人,如果收入、成就感、高兴这三点有两点达不到,就会辞职。


所以,员工利益得到保障的标准,可以简单定义为“三中二“,即收入、成就感和愉悦这三点满足两点。



再来分析一下现状:相比员工,公司是强势一方;人们仍受最大程度剥削剩余价值、官僚思想等观念影响;恶性加班等风气存在;僧多粥少的就业行情。


在这样的大环境下,如果公司对员工没有爱和善意,员工的利益是很难得到保障的。


最后,总结一下:公司有善意,员工利益就有保障,就能实现多赢,从而有望实现长期主义。


2 美好生活


前段时间,因为给武汉捐款 5000 万、并且疫情期间蔬菜按成本价销售,一些网友被胖东来这个商超刷屏了。


胖东来来自河南许昌,一个三四线城市,也是笔者的家乡。目前仅在许昌和新乡有店。


在一些关于胖东来文章的评论区,很多网友在喊胖东来去自己的城市开店。


为什么有这么多呼声?简单分享几个例子。


顾客方面,胖东来有 6 类购物车,包含婴儿手推车、儿童购物车和老年人购物车。老年人购物车自带凳子,可供休息,同时还配有放大镜。


员工方面,有高薪、高福利和利润分红等。胖东来比较为业界称道的高福利有:每周二闭店,春节闭店 5 天,工龄满 1 年即有 30 天带薪年假,一天最多工作 7 个小时。


从网上的报道、评论以及公布于网上的企业文化来看,胖东来一方面主张工作和生活(爱情、家庭、休假等)的平衡,一方面在践行和传播幸福、快乐、尊重等很多积极的文化价值观。



看新闻的时候,笔者注意到,老板于东来经常会提到“美好”这个词儿。实际上,在笔者看来,胖东来本身就代表了一种美好生活,一种物质和精神双丰盛的美好生活。


对于这样的美好生活,用户和员工自然喜欢。可这对企业有什么好处?


胖东来曾经意欲退出新乡市场,新乡合作商家和市民纷纷请愿,政府也多次出面挽留,最终胖东来留下来了。可见,胖东来在新乡已经深入人心,顾客自然会大力支持它的发展。


胖东来有一句 slogon,能够很好的解释这一切,那就是:爱在胖东来。


同样,既提供体面的收入,又关注员工和用户的精神需求,给他们带去美好生活,当然需要更大更多的善意。


在当下中国,能提供高薪的互联网公司已经很多了,但是能在精神层面让员工感觉良好、感觉愉悦、感觉幸福和快乐的公司却为数不多。


对于所有企业而言,这又何尝不是一种机会?



02 交互设计里,有哪些善意?


现实中,像胖东来给顾客和员工提供的这种美好生活不常有。但是退一步讲,还是有很多产品对用户展现了很多微小善意,值得我们学习。


这种微小善意主要有三类,分别是:不打扰,护尊严,人为先



1 不打扰


我们生活在一个信息爆炸的时代,不被手机上的信息过度打扰,是一个刚需。有三类信息,如果把握不好度,就会对用户形成打扰。它们分别是:广告、推送、推荐



广告这块,主要有两类会形成打扰,分别是:时机不佳的广告,过长的广告。


这方面,微信是个榜样,值得学习。比如开屏页广告,就是时机不佳的广告,因为大家不想在这里看到广告,微信就没有放。朋友圈里也有较长的视频广告,微信的常见做法有两类,要么先展示一张图片,要么先是无声播放。是否看完整的视频广告,选择权在用户手里。


推送这块,常见的有手机系统的通知和 App 内的红点消息。


系统通知,目前也有被滥用的趋势。根据使用情况和感受,个人的建议是这类推送控制在 1-2 类。第 1 类是关于核心功能,比如微信推送新消息,搜狐新闻推送新闻;第 2 类可保留一定的弹性,核心原则是对用户有价值,比如偶尔的活动通知。


目前有两种情况会对用户形成打扰和困扰,第一种是过于频繁的活动通知;第二种是推送和核心功能相差甚远的信息,比如金融类产品推送新闻。


红点消息,有一类会对用户形成打扰,那就是来自官方的过于频繁的各类活动、促销等信息。


推荐这块,主要指 App 内的 Banner 和专题。目前对用户形成打扰的主要是一级频道的一些专题。


一种是过多,比如网易云音乐的首页,就有 9 个专题;一种是位置不佳,比如 Keep 的“探索”频道就包含了课程的推荐,但是在“运动”频道还有两个专题来推荐课程。


2 护尊严


护尊严,就是尽最大可能,维护用户的形象和尊严。


最近几年,常有产品花巨资撒红包给用户抢。产品的初衷自然是好的,而且看起来也是一件皆大欢喜的事情。但是这件事很难提升产品的美誉度,也就无法增加用户对它的喜爱和忠诚程度。


为什么会这样?


让用户抢自己撒的红包,这件事能维护用户的形象和尊严吗?非但不能,可能还会对此造成伤害。因为可能会显得用户爱占小便宜,也可能会使用户处于被施舍的一方。总之这种事对用户来说,并不酷。


一款产品,要想赢得用户更多的喜欢、尊敬乃至忠诚,就最好不做哪怕仅是微弱伤害用户形象和尊严的事情,同时多做一些相反的事情。


3 人为先


人为先,是当用户利益和企业利益发生尖锐矛盾时,去追求一种用户利益在先的双赢局面。


大家都知道,吸烟是有害健康的,但是烟草公司又是要赚钱的。泰国香烟那种既触目惊心又恶心吓人的包装,就尽他们最大的可能诠释了“吸烟有害健康”,是真正的用户为本,让人心生敬意。



泰国香烟的这种做法,值得一些极易让人上瘾的游戏厂商借鉴和学习。



03 交互设计:如何做到善意?


上一大段,是善意的三类表现。这一大段,再探讨下做到善意的一个原则。


以社区型内容型产品为例,这个原则就是:先服务后管理


这里的服务,是指以服务者的心态做好用户体验,并不局限于交互设计。这里的管理,指的是一些必要的管理,一般是用户的行为规范和用户违规时的处理,比如评论里骂脏话、发布侵权文章等。


所有用户都是需要被服务的,只有少数行为不当的用户才是需要被管理的,所以我们要先服务后管理,以免误伤了不需要被管理的用户。


服务本身就是一种善意,笔者把它分成了两个阶段,分别是:体验的初始阶段,体验的完整过程


初始阶段对应的是:初始服务;完整过程对应两类服务,分别是:家常服务,极致服务



1 初始服务


初始服务,是当用户刚开始用这款产品时,能给他们留下良好印象的服务。


如何做到?不出现任何轻微恶意和管理倾向即可,再提供一些便利和帮助则更好。


下面分享一个反面例子。


在个别城镇的卫生死角,有时会看到这样的标语,“此处禁止倒垃圾!违者罚款 200!“。结果那个地方往往有很多垃圾。


为什么会这样?


这个标语,有两层意思:第一,你很可能会在这里倒垃圾;第二,禁止你这么做,做了要罚钱。


也就是说,某种程度上,这个标语在用恶意揣度别人,同时也在很严的管理别人。


看到这个标语的人很可能会这样想:既然认为我会在这倒垃圾,那我索性就倒了;禁止我?凭什么?还罚我钱,吓唬谁呢,况且你有证据吗?


下面再分享一个很好的正面例子。


笔者有一个宜家的退货经历。把一个已经拆过的桌子打包送到了宜家,宜家没有检查里面的零配件(很多螺丝之类的),直接退了。这样宽松的退货条件,宜家可能会蒙受一定损失,比如小概率的零件丢失,但宜家还是把这种服务提供给了顾客。笔者当时的感受是宜家挺信任我们的,对宜家就多了几分好感。


2 家常服务


家常服务,是指一种稀松平常,但又让用户感到舒服自在的服务。


举个例子,你去好朋友家里玩,朋友给你倒了一杯水,并端出一盘削好切好的苹果,你们一边吃一边聊。你和朋友是平等的关系,他这种简单的招待并不会使你感动,但却使你有一种接近在自己家的那种舒服自在。


笔者在用微信公众号(后台)时会有这种感受。在星巴克和肯德基时也会有类似感受。


家常服务,如何实现?第一,要有良好的初始服务,这是基础;第二,要有周到且较高品质的交互设计,这是关键。


以微信公众号为例,和微信一样,它的交互设计也做到了周到和较高品质。下面看看微信公众号的初始服务。


面向大众的资讯平台大多都有一个发文规范,多是关于禁止的行为,通常都会用一个单独网页来展示,有 1-2 页纸那么多。


通常情况下,多数作者是不会违反发文规范的。对于这部分作者,当他们首次看到 1-2 页密密麻麻的发文规范时,可能会产生抵触心理,即便自己不会违规。就好像高中开学第一天,班主任二话没说,直接就立了 20 条班规,同学们会是什么心情。


微信公众号的做法就很巧妙,它把这些规范分割成了三部分。


第一部分是严禁的红线行为,以高度概括的一行文字呈现,所有人都能看到,但是得仔细留意才能注意到。这是规范性质。



第二部分和竞品一样,也是链接出来的一个单独网页。链接入口也和竞品一样,在关联性最强的发文页面右上角。不同的是,这一页展示的是规则,主要以问答的形式呈现,给人感觉是有帮助的信息。这是服务性质。



而竞品的这个页面,通常都是禁三禁四的规范,给人的感觉可能是紧张、压抑甚至抵触。


第三部分是次于红线的禁止行为,比如侵权、低俗内容等。这部分内容的管理办法被以公告的形式分散在公告列表里。而且公告列表里内容多样,还有很多一般的通知,所以这个公告列表也不会像竞品的那一页规范一样,给人紧张、压抑的感觉。性质上是中性。


另外,这部分的入口在后台首页右上角,和发文模块是分开的。所以不会违法规范的作者一般不会去公告列表里翻这些内容,也就看不到。




微信公众号就是这么巧妙的让多数作者看不到“班主任”的“20 条班规”,同时还让他们看到了“班主任”的“常见问题回答”。


这就是微信公众号在发文规范方面的初始服务。另外还有一个加分的细节,就是检测疑似错别字的功能,很贴心,虽然目前还不是很准。


3 极致服务


极致服务,是指让用户感动的服务,比如海底捞和胖东来的服务。


这种服务,一般是由许多细节积累而来,是一种做加法的服务,而且背后往往依赖人力。


好的交互设计,一般都是在做减法,而且纯粹是界面、机器在和用户打交道。所以极致服务难以复制到交互设计上。


不过,一款互联网产品,除了交互设计,还有其它方面的内容。


B 站就是一个例子,它以不走寻常路的方式,在两个方面做到了较为极致的服务。那就是:视频无广告,比较积极、欢乐的弹幕氛围。



结语


以用户利益为先,不打扰用户,维护用户的尊严,这是交互设计里的三种善意,值得我们学习。


先服务后管理。服务作为一种善意,也能够引来用户的善意,最终形成良性循环。


杜绝任何轻微恶意和管理倾向,再提供一些便利和帮助,便能做到良好的初始服务;


在初始服务的基础上,提供周到、高品质的交互设计,就能做到良好的家常服务;


交互设计难以做到极致服务,但是其它方面有机会。


最后,用刘备的一句话来结束本文。


勿以善小而不为。


原文地址:站酷    作者:SnowDesign


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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



中后台没啥可设计的?试试这样拓展设计价值

纯纯

B类领域设计师必然会面对譬如CRM、ERP等诸多类型的中后台类产品。大多就是做做表单设计,年底考核时想争取涨薪证明自己,但老板要问的“设计价值”是个啥?在这些业务主导下的中后台产品又该如何定位设计机会及价值?



本文就以比较典型且系统化的中后台企采SaaS服务产品为例,来聊聊在这个领域中,是如何进行机会的挖掘,探索并付诸实践的。

01. 业务先赢 完成体验助力是基础

-

在过往数年里,阿里Ant Design,Alibaba Fusion为代表的中台团队进行了大量基础组件设计体系的积累,也沉淀了一些可直接复用的工程化解决方案。如果说有就行,的确产品经理和技术人员自己拼拼凑凑,就可以极低成本的获得一个较为套路化,但无需设计师介入费脑的中后台产品。



但作为用户工作环境中和风险、钱打交道为主,被强制使用的工具载体,在全球数字化经济转型推进趋势下,越来越多的中后台B端产品需要具备更高效,更细腻的体验,以改善千千万万使用者的数字化工作方式.

初步接触业务,我们即发现沿用基础通用设计组件库,“拼组件”的方式没办法满足垂直业务模块比如供应链询价、采购、财务核账履约领域高强度信息承载密度下精细化的用户体验诉求。

因此,为了增强SaaS产品及服务的不可替代性,提升售卖价值亮点以及产品续约率,我重点对业务场景下特有的行为组件、模板及方案链路进行抽象归纳改良设计。



这样做最直观的好处就是不浪费时间重复造轮子,站在巨人的肩膀上来完善组件库,提升设计效能,1位设计师就能通过业务场景组件,高效承接密集的产品需求。 

另一方面,收拢特定场景下核心差异点,只聚焦最小范围来打磨组件及流程,可敏捷实现差异化设计的最佳实践。 

精细化的场景多欠缺合适的线上化解法,作为你深度挖掘,充分思考下的设计方案,相对更容易获取某些领域的设计奖项甚至专利,证明你有在设计上做出了壁垒,创造了价值。 

除此之外,由于该敏捷的体验设计过程是以抽象核心差异为契机,对应领域的设计师亦能更高效的构建出业务特定场景下的独有的“Design System",在后续过程中放大设计价值。

02. 中后台产品 效率是关键

-

多数中后台产品(尤其是企业级应用系统)会出现 "功能、页面多"、“流程长”的臃肿现象。 

受打工人身份禁锢下的实操用户大多也是迫于工作合规要求,不得不从原本习惯的线下作业流程,转变为在中后台线上了解信息,以及多角色协同决策处理事务。甚至可以说有了中后台的存在,反而增加了他们日常工作操作成本,故无论是新用户还是老用户,都难有意愿于中后台完成事务处理的体验闭环。



为提高采购流程的效率,让中后台线上作业更轻松,更提升企业收益/价值。

我们基于用户行为能力动机,从“替ta完成”,“催ta处理”,“助ta做快”这三个维度,通过协同引导提效的方式来促进线上事务处理完成并流转。简单说,机器能做的就自动处理推进,不能的则及时触达引导,力求做到中后台事务处理过程去人工化,以及主动精准有效的引导。



设计师在这个环节内除了结合新技术,和业务团队共同打造一些智能化服务替代原本高重复性操作以形成新体验外,还可以深刻研究并理解人性本质,在相关待办或服务内容触达上精细化设计。

01、让待办任务更有效的被触达并解决

与业务一起分层提醒内容,及对应内容的可读性、可视化设计;

02、基于用户行为动机下的推送规则设计

不打扰用户工作前提下,及时引导助其理解更促使用户启用自动化提效服务,譬如处理受阻失败、或用户刚完成一项任务时,引导其配置自动处理规则,提高整体效率;

03、打造激励机制和场景

定期进行实操人员处理任务完成度/时长的同团队数据分析比较及外显方案,结合数据可视化呈现手段,在行业内外部团队相互制约下,促使用户自我驱动警示,保障事务推进流转。



最终目标即是推进业务中后台的用户数字化体验从最早的帮助Q&A被动唤起自助化服务,变为主动承接服务告知可处理,半自动化分发,及自动处理,甚至社会智能化数据自驱的演变进阶。



总体来说,在中后台产品给用户提供更简单、更集成的方案,大量消减操作步骤,突出真正重要的信息就是设计最大的价值。

03. 构建数字化管控的新体验

-

除一线实操用户外,我们还要关注管理者,有时更是一号位的老板这一类关键角色,他们在线上各个子环节都有较为强烈的可控,可管理的诉求在,以证明其付钱购买的中后台“在线数字化”工作方式真的能降本增效,或作为企业内部管理优化的量化指标依据。

在企业按年续费产品服务的商业化增长目标下,让管理者能真切意识并实际体会到数字化工作方式的价值就变得尤为重要。因此,设计的关键是增强管理决策者对数字化平台服务的感知度以及满意度。

01、智能化决策辅助的设计

和一线操作员侧的提效类似,只不过对于管理者,我们需更多着重于“替ta完成”和“助ta做快”这两部分去打造智能化服务的管控新体验。

为确保机器智能化处理逻辑更接近人的自然思维,设计师在这个环节中可主动补位,制定相应类型下数据的机器思维处理分析规则以及内容维度。



在过往采购SaaS中后台业务设计中,设计亦抽象了事务型进展以及综合决策分析决策两类数据模块新场景,通过直观结果呈现以及判断要点佐证,在管理行为及流程上促进管控手段的数字化升级,帮助管理者高效获取/查看/分析数据要点。



02、多维度的数据关怀提醒

有了对应的分析数据结果和要点,我们还要将数字时代下的管理数据,团队事务整体进度、风险预判结论有效触达管理角色,更放大其体感。



给老板用的数据大屏/中后台数据看板,及数字孪生可视化即是一种可以充分发挥设计表现力并擅长的领域,即便你所在的中后台团队没有相应技术资源,设计依旧可以通过“电子邮件” “长图”等通用载体,以轻量化的方式来完成价值传递。 

在这个环节,设计的价值就是让管理者读懂数据,受惠数据驱动的决策方式。

03、形成体验质量监测评估体系

以设计体验度量量化为起点,深度关联管理决策者关心的企业运营数据“健康度”,及商业化营收续签强相关的“续签意向”,来评定并监测用户对SaaS产品服务的整体接受度及体验满意度。



我们基于HEART、PULSE、UES、五度模型等已有模型,选择业务目标和场景核心指标来调整衡量维度并推导演变,从业务、产品、技术、服务等多维视角构成适合企业采购SaaS产品的体验度量模型,推动运营/算法/后端共建机制及产品将体验监测工具化,以形成业务中多角色都能有效应用起来的体验质量评估体系。



最终,管理决策者较过往能更实时的掌握一线人员工作使用中后台的健康度情况,有效数字化管理。

对我们的合作伙伴业务运营团队而言,全新的客户续签意向管理预测方式,可提早发现风险,更能联合内部预警及平台触达运营服务有效规避客户流失。

而对于我们自身设计职能,通过这种度量维度方法和工具,不但能定期便携的获取核心指标变化作为设计价值量化凭证,体验监测所获得的相关结论还可以指出中后台产品当前业务阶段问题方向,结合设计目标锁定问题范围,定位后续设计着力点。

中后台领域心得技巧

-

上述即是企采SaaS中后台产品中的设计实践。我们也总结了几个定位设计机会及价值的心得或方法。



01、学徒式调研实操,同理映射用户 

具有出众同理心的设计洞察以及解法是体验价值的基础。(常说要站在用户视角做设计,但不像消费端,设计师多不是中后台实际用户,也很难换位思考理解用户工作行为特征和痛点。) 

因此,中后台领域的设计角色迫切的需要与更多的实际用户去交谈、调研。 

为提升该过程的质量及效率,我们尝试在用户定性调研访谈之前,多通过学徒式调研的方法,来熟悉其工作行为特征,定性的挖掘用户痛点。 

即是以单任务为维度,先请教我们的实际用户他们是如何做的,并依此自己上手完整实操,直到确保能按时保质完成目标任务。 

设身处地还原目标用户情景,理解各方案的优劣势,及如何在他人身上起作用的目的,在该环节之后再去和用户交谈,即可更高效的获得真实的用户洞察以及理想方案假设。



02、用设计擅长的可视化手段,呈现体验痛点

天马行空的设计创新方案总是在决策时受各种技术、资源为由被Pass,推进创新智能的体验方案在中后台领域是个尤为费事的过程。 

面对这一难题,我们可以通过体现设计思维的一些工具模型调整应用,来增强表现说服力,进而建立信任以及方案推进的成功率。



譬如设计侧常用的决策工具用户体验地图,在B类中后台领域中可以将原本情绪体验波浪线替换为效率数据来调整应用,梳理并呈现产品的全流程效率数据曲线,同理“峰终定律”来快速界定并洞察全链路中短板模块,以及低效待设计优化关键点。

借此数据可视化手段,呈现出来体验关键问题严重性,亦可让项目组各职能伙伴共情,获得设计策略及方案的认同。

03、和业务方向紧密结合,跟业务匹配的设计创新

设计创新提案难免会出现两类问题:

首先是创新提案推不下去,甚至被说是设计自high。

这多是因为没有想着结合业务方向,光想着创新或新颖的方式去设计方案。

我们擅长也希望通过酷炫的动效,创新的交互,智能化体验的畅想及解法来表现设计手段的精深。固然,这些事情的探索尝试或练习都有其意义价值,但作为商业设计师不能光纸上谈兵,只有结合业务顺势而为,我们耗时做的方案才有可能提案成功,更推进技术还原落地,从而带给用户更好的用户体验。

再者就是方案有结合业务,也被认可有价值了,但优先级往后走?

这说明设计结合的点不大对,并非业务最关心的。

中后台产品,多和前台核心战略有着强逻辑关系,或有广泛的、潜在的商业化潜力。而了解业务核心关注点,最简单快速的方法就是找到对的人——业务一号位,并快速抄作业。

勇敢点的可直接约业务一号位聊聊,含蓄的设计师亦可尝试借美化一号位汇报PPT等手段,巧妙的获取并理解业务核心目标,布局以及关键利益,在此基础上再从上至下梳理了解各子业务线规划,设计就能更好的取舍。

原文地址:站酷    作者:阿里巴巴CBU设计


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


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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




如何合理使用大标题设计风格?

纯纯

一、什么是大标题设计风格?


大标题导航栏是从iOS11发布后,开始在中国的UI设计师中急速流行的一种设计风格。其实这种风格最早在2016年就在硅谷盛行了起来,源自一位叫Michael Horton的设计师发表的一篇《Complexion Reduction: A New Trend In Mobile Design 》的文章,这篇文章提到的Complexion Reduction这种设计风格(下文简称CR)就是大标题导航栏的起源,即大、黑、粗的标题。

 

CR这种风格有四个明显的特征:

 

1.删除多余的颜色;

2.又大、又黑、又粗的标题;

3.简单、可识别的图标,也不要使用颜色(常用黑灰色);

4.留白留白留白,更多的留白。

 

下图是比较典型的使用CR风格的APP(分别是爱彼迎、ENJOY、火球买手、MOO音乐),大家可以结合CR风格的4大特征感受一下:

 不知道小伙伴们有没有发现,这几个APP的功能会比较单一或是某一垂直领域,且视觉上都给人一种高品质,超极简的感觉,人们会更多的关注界面中内容本身,对内容的要求也会更高。



二、中西方的差异


那么问题来了,为什么这种CR风格鲜少出现在中国特有的淘宝类电商APP中呢?

 

国外的APP大都是小而精致的,一般一个APP只能做一件事,功能比较单一,而国内的淘宝类电商APP,携程类的综合旅游APP所包含的业务与功能都非常广泛,在狭小的手机屏幕上展示更多的商品就显得尤其重要,CR风格提倡的大标题大留白无疑不是在挑战老板的底线。

 

实际上即便使用大标题风格也不要盲目采用iOS11官方的大标题导航,其原因在于中英文的差异。

 

英文大标题一个单词有大小写的变化,富有一定的层级变化,而中文如果使用iOS11给定的68px(二倍图下)的字号,那真是大到闪瞎我的眼。中文一个词语每一个字都是差不多的大小,没有层级上的变化,太大的字体在整个界面中看起来会很奇怪,如下图:



三、合理使用大标题


虽说iOS11那么大的标题不适合大部分的APP,但并不是说大标题风格就不适合大部分APP了,实际上目前大多数的APP依然使用了大标题的风格,不过进行了一定的改良。

以下参考尺寸均是二倍图下的尺寸


1.大标题导航栏


大标题导航栏大致有两种样式,一种是延用iOS11的大标题导航栏,一种是稍微改良使用的大标题导航栏。


1)iOS11大大大标题导航栏


iOS11的大标题导航栏标题字号约为68px、栏高192px(二倍图),大标题对齐导航栏左边,页面滑动时转换为常规的导航栏。

 

国内使用这种大大大标题的APP比较少,标题文字实在太大,若只作为导航标题占位,会极其浪费屏幕空间。

 

使用这种大大大标题时,导航标题一般都有一定的意义,如下图:

饿了么的订单页详情页使用了这种大大大标题,但是标题赋予了订单状态的意义,比起单纯的“订单详情”,这样有一定意义的标题文字则可考虑使用iOS11的大大大标题。


2)改良大标题导航栏

某些APP在使用大标题导航栏时,在iOS11的大标题导航栏上进行了一定的改良,最常见的就是一定程度缩小了标题的字号,如下图:

这三个APP的标题字号都没有到68px,常用40px~48px的字号,陌陌与天猫是固定在顶部导航栏的,而Kepp会随页面上滑变为常规标题导航。

 

一般这种固定的较大标题都会隐去导航栏的分割线,显得导航栏更高,更有呼吸感。像是天猫的大标题导航栏使用的色块,与下方模块又比较近,就显得很拥挤。



2.Tab栏大标题

Tab栏的文字标题切换样式最常见的就是颜色变化,加小短线等,随着大标题风格的流行,Tab栏的切换样式也出现了大标题的选中样式,选中字号通常采用40~48px(甚至更大,如虾米音乐的72px),而非选中标题通常则是采用的28~32px,如下图:

使用这样的Tab栏,能够迅速帮助用户辨识自己所在的位置,就差指着自己说“这儿”了。需要注意的是一个屏幕内尽量只在一级Tab使用大标题切换,与二级Tab做出区分。



3.模块化大标题

大标题的风格除了应用在界面顶部导航,在模块化标题上应用的也非常多,有些APP即便顶部导航不使用大标题,却会在模块化标题上使用较大的字号,如下图:

这种模块化大标题常配合留白分割的界面使用(这也符合了CR风格的特征),模块化大标题在留白分割的界面上能够更好地帮助上下模块做到层级区分的作用。



4.文字变大变粗变黑

抛开大标题不谈,不知大家有没有发现,现在越来越多的APP的内容标题、正文内容的字体也在逐渐变得更黑更粗,甚至更大,毕竟我们的手机变得越来越大了。如下图:

即便是拥有复杂业务的淘宝与飞猪,在某些内容标题上也变得更粗更黑,一眼看过去用户能更容易找到自己想看的内容。


四、划重点


· 大标题设计风格源自Complexion Reduction这种设计风格,CR这种风格的特征就在于颜色少、标题大黑粗、图标通用简单、大留白;


· 由于中英文字体的差异,中文使用超大字号没有英文富有变化;


· 合理使用大标题,做一些适当的改良。常见用于导航栏、一级Tab选中标题、模块化大标题以及内容标题。

原文地址:站酷    作者:人类君


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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



用户心理定律及优秀案例分析

纯纯

将普遍存在的人性用户心理规律运用于设计,增加设计的温度。

近来对用户心理比较感兴趣,去看相关设计资料的时候发现相关内容重复性较高,多方搜集资料结合自己的一些分析总结出一篇补充。

定律是钥匙,在遇到让我们上瘾,持续付出或获得情感的APP,多去想一想它背后洞察了哪些人性及心理,能不能为我们的后续的设计吸收。










undefined

undefined

undefined

undefined

undefined



原文地址:站酷    作者:唐小葱


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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


如何选择确定B端后台设计风格及细节优化

纯纯


1.B端后台分类:

根据服务对象划分:

一类支持有C端前台,支持前台产品管理各种资源。第二类服务企业,提高企业工作效率和营收。


根据后台功能:

1.监控运营:时效性强,旨在实时反馈异常情况,快速判断下达命令,回复信息、多用于数据控制中心。

2.数据分析:数据结果的对比和分析趋势,时效性要求并不高,了解整体和各部分数据水平,助力决策。

3.记录管理类:主要用于人员、设备、资产等增删改查,文本信息容量大,频繁便捷的操作。

4.系统配置:权限配置、设备功能配置,操作为主。


2.后台深浅两大风格分类:

浅色:

适合文本信息多密集的表单列表类后台,浅色更符合人眼白底黑字的阅读习惯,浏览速度更快,信息获取效率更高。


深色:

图像信息密集的后台适合图片、数据可视化图表等;深色对彩色的图像信息衬托更强。信息获取速度较慢,长时间可能视疲劳。




3.作者常向产品方提供的风格参考

较常见


1.经典商务风(导航深、内容浅)——专业、高效、成熟、可信赖(对照深色西装人物形象)

      优点:市面最常见的风格,普世性高,大多数用户可快速接受,层次分明

      缺点:视觉缺乏记忆点


 2.轻量科技感(导航浅、内容浅)——简洁、明快、轻量、年轻(对照白衬衫打领带男性)

      优点:视觉清新明快更年轻化更轻量,对其他文本及图形展示包容性高,就像A4白纸一样容器存在感弱

      缺点:纯白色导航+页面层次略暧昧。


 3.蓝色科技风(导航中、内容中)

      适合:适合科技属性强的产品界面,图像图形展示

      缺点:对其他色彩信息有干扰,持续性长时间观看易视觉疲劳


 4.暗黑科技风(导航深、内容深)

      优点:对色彩表现力强

      缺点:密集文本信息获取速度会下降,持续性长时间观看易视觉疲劳




4.精准选择风格时可以进一步的考虑:

1.整体行业风格

比如美妆和科技行业的整体设计基调就不太相同。


2.产品想要传达的气质:

理性可靠 or  简洁轻松轻量 or 关怀普世 or 酷炫吸睛….这个可以和相关产品经理、销售共同商讨


3.目标用户的群体特点及喜好。

根据目标用户的性别、年龄层、受教育水平,审美水平考量(可能包含多种角色,选取1.2个核心角色为参考)带入目标用户工作场景及爱用物常用物品味,去判断基调。

如主要用户群:40+男性用户,本科以上受教育水平,使用windows电脑进行专业管理操作,审美倾向明确内敛。

如主要用户群:20-40岁,男女比例约6:4;大专;操作水平参差


4.使用场景及高频的操作。

例如:最常使用数据分析管理,需要快速阅览多条数据,对数据进行比对,更适合浅色风格展示表单数据。


5.判断独立的平台是否为独立开发

独立开发的,可以采取更独特设计。若平台很大需要不同外包公司的合作属于整合类平台则更注重设计的包容性。



5.如何让后台设计更具特色:

1.重点色的使用

“731配色比例”70%的面板色,30%的导航面板色,10%的强调色。(这里的用色比例可以根据内容具体再去调节只是大概比例)品牌色或重点色:强调行动关键点、重要信息高亮、图形化说明等。强调色用就要用的像蛋糕上的樱桃。起到画龙点睛作用即可。

2.图标的优化

后台高频出现的图标,值得我们花时间去统一设计打磨,调整圆角粗细疏密,符合整体界面气质。从图标库里拖出的图标很多在线条粗细上是不统一的,好的设计在细节处也要动人。

B端工具类图标识别性第一,美观性第二。B端导航图标更多是在基础造型上打磨,不需要加花里胡哨的渐变、投影,导航图标一般在24px-16px大小,太复杂反而看不清。在区分状态的时候可以考虑加点品牌色


3.空状态小插画

空状态插画是B端设计师少有能发挥自己绘画天赋小巧思的地方。

图形化状态语言,辅助用户理解内容。可以将产品机械苍白的文案设计表现的更加具有温度,具有引导性。让乏味的工作出现一些共情小彩蛋,有趣的插图动画可以缓解等待的焦虑。



4.登录注册页

纯色背景卡片式:简单大方更聚焦登录操作

插画背景:场景化展示产品的功能及亮点,让用户更有心理预期

几何图形背景:最后和品牌图形相关,加深用户对产品的品牌印象。

照片背景:相关场景或产品类型,具象图片信息更直观


5.圆角的大小

不同大小的圆角传达产品不同的气质,大圆角亲和、小圆角精致、中等圆角大众中庸。



6.优化信息层级

优化信息层级,区分信息主次可以使阅读更快,操作更快,界面更有节奏感。

这时候你就是那个考前画重点的老师

判断一个页面里最重要的是那些信息或操作,强化它!并弱化辅助信息;

判断一个模块里那些是重要信息,强化它!



6.新人需要避免的雷点:


1.追求炫酷的视觉效果舍弃操作效率。比如追波风满屏花里胡哨的卡片及面板,满屏大投影及高饱和色彩。对于B端界面来说信息噪音太多,反而干扰信息获取效率。


2.反常规用户习惯的操作。尊重用户习惯,不要为了个性化去尝试改变,不要妄图改变用户的操作和认知的惯性。惯性思维大于设计思维,曾经遇到过产品因为右手操作所以要把导航放在右边的离谱例子。


3.数量多,动静大的夸张的动效。B端与C端不同的地方在于希望操作者沉浸式工作,遵循非必要不打扰。之前看过一个反面例子后台,在每一步操作后都出现大的场景动效鼓励完成,如果作为一个长期使用的工作者,我会觉得每次完成任务都需要等待动画完成可能只需要2-3s也很浪费我的时间。


4.新人建议多看Antdesign和Element等成熟的组件,创新类组件样式,最好和和开发商量是否能够实现。


5.在确定主要风格及2-5张主要页面后,就应该着手基础规范(色彩字体等,不然后面越做越乱)。


6.一段时间一个审美,同一界面中的元素风格不统一。


7.避免大面积使用高饱和高明度的色彩,及暧昧含糊的临近色彩。长时间使用眼睛会累,产生不耐烦焦躁的负面情绪。



最后推荐几个官方组件库:




原文地址:站酷    作者:唐小葱 

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


什么是数据可视化

seo达人


01. 什么是数据可视化?

数据可视化即数据的图形表示,旨在以更易于掌握和理解的有效方式传达大量海量数据。从某种意义上说,数据可视化是原始数据和图形元素之间的映射,它决定了这些元素的属性如何变化。可视化通常是通过使用图表,折线或点,条形图和地图来进行的。

  • Data Viz是描述性统计的一个分支,但它需要设计,计算机和统计技能。
  • 美学和功能齐头并进,以直观的方式传达复杂的统计信息。
  • Data Viz工具和技术对于做出以数据为依据的决策至关重要。
  • 在形式和功能之间取得了很好的平衡。
  • 每个STEM领域都将从了解数据中受益。

Jorge Rey的化石燃料Dataviz

 

02. 它是如何工作的?

如果我们能看到它,我们的大脑就可以内在化并对其进行反思。这就是为什么理解图表和查看趋势比阅读大量的文档要花费大量时间和精力进行合理化更容易和有效的原因。我们不想重复人类是视觉生物的陈词滥调,但这是事实,可视化更加有效和全面。

在某种程度上,我们可以说数据Viz是讲故事的一种形式,目的是帮助我们根据数据做出决策。这些数据可能包括:

  • 追踪销售
  • 识别趋势
  • 识别变化
  • 监控目标
  • 监测结果
  • 合并数据

秘密7 –塞尔吉奥·费尔南德斯(Sergio Fernandez)提出离婚可视化的理由

 

03. 什么时候使用?

数据可视化对于每天处理大量数据的公司很有用。必须立即显示您的数据和趋势。胜过浏览庞大的电子表格。当趋势立即脱颖而出时,这也可以帮助您的客户或观看者理解它们,而不会迷失在混乱的数字中。

话虽如此,Data Viz适用于:

  • 年度报告
  • 简报
  • 社交媒体微叙事
  • 信息手册
  • 研究
  • 趋势贩运
  • SciViz
  • 烛台图,用于财务分析
  • 确定路线

 

可以看到数据可视化的常见情况是在销售和营销,医疗保健,科学,金融,政治和物流中。

娜塔莉·祖伊娃(Natalie Zuieva)的租金和薪金统计信息图

 

04. 为什么要使用它?

简短的答案:决策。数据可视化具有快速识别模式和解释数据的不可否认的好处。更具体地说,它是确定以下情况的宝贵工具。

  • 识别变量关系之间的相关性。
  • 获得有关受众行为的市场见解。
  • 确定价值与风险指标。
  • 随时间监视趋势。
  • 通过频率检查速率和潜力。
  • 应对变化的能力。

太空垃圾-BBC科学焦点,作者:Federica Fragapane

 

05. 数据可视化类型

您可能已经猜到了,Data Viz不仅仅是简单的饼图和图形,而且还具有视觉吸引力。该分支用于可视化统计信息的方法包括一系列有效类型。

 

地图

地图可视化是一种很好的方法,可以分析和显示与地理位置相关的信息,并通过地图准确地将其呈现出来。这种直观的方法旨在按区域分布数据。由于地图可以是2D或3D(静态或动态),因此可以使用多种组合来创建Data Viz地图。

COVID-19支出数据可视化POGO,George Railean

 

但是,最常见的是:

  • 区域地图:显示国家,城市或地区的经典地图。对于每个区域中的不同特征,它们通常以不同的颜色表示数据。
  • 线图:它们通常包含空间和时间,由于对特定场景进行了分析,因此通常是路线选择的理想选择,尤其是该地区的驾车或出租车路线。
  • 点地图:这些地图分发地理信息的数据。它们是企业确定区域中建筑物确切位置的理想选择。
  • 热图:它们根据特定属性指示地理区域的权重。例如,热图可以按区域分布感染者的饱和度。

 

图表

图表以图形,图表和表格的形式显示数据。由于图形确实是图表的子类别,因此它们经常与图形混淆。但是,两者之间的差别很小:图形显示数据组之间的数学关系,并且仅是表示数据的统计图方法之一。

图表数据可视化,作者:Madeline VanRemmen

 

顺便说一句,让我们谈谈数据可视化中最基本的图表类型。

条状图

他们使用一系列的条形图来说明数据。它们是较轻量数据的理想选择,并遵循不超过三个变量的趋势,否则,条形变得混乱且难以理解。

 

饼状图

这些熟悉的圆形图按部分划分数据。切片越大,部分越大。它们非常适合描述整体的各个部分,它们的总和必须始终为100%。当您需要显示一段时间内的数据发展或缺少任何部分的价值时,请避免使用饼图。甜甜圈图与饼图具有相同的用途。

 

线形图

他们使用一条线或多条线来显示随着时间的发展。它允许同时跟踪多个变量。一个很好的例子是跟踪品牌多年来的产品销售情况。面积图与折线图具有相同的用途。

 

散点图

这些图表使您可以通过数据可视化查看模式。它们有两个不同值的x轴和y轴。例如,如果您的x轴包含有关汽车价格的信息,而y轴包含有关薪水的信息,则正向或负向关系将告诉您某人的汽车所反映的薪水。

 

表格

与我们刚刚讨论过的图表不同,表格几乎以原始格式显示数据。当您的数据难以以视觉方式呈现,并且旨在显示应该阅读而不是可视化的特定数值数据时,它们是理想的选择。

数据可视化| Aishwarya Anand Singh的养蜂与否


例如,图表非常适合显示特定区域内一段时间内特定疾病的数据,但是当您还需要了解具体原因(例如原因,结果,复发,治疗时间和治疗方法)时,最好使用表格。

 

06. 数据可视化与信息图表

5个主要差异

它们并没有什么不同,因为它们在视觉上都代表数据。通常,您搜索信息图表并找到标题为“数据可视化”的图像,反之亦然。但是,在许多情况下,这些标题都不会引起误解。这是为什么?

  1. 数据可视化仅由一个元素组成。它可以是地图,图表或表格。另一方面,信息图表通常包含多个Data Viz元素。
  2. 与可能简单或极其复杂且繁重的数据可视化不同,信息图表简单易行,并且面向更广泛的受众。即使对于信息图表代表的研究领域之外的人,后者通常也是可以理解的。
  3. 有趣的是,数据Viz不提供叙述和结论,而是提供这些叙述和结论的工具和基础。虽然信息图表在大多数情况下提供了故事和叙述。例如,数据可视化地图的标题可能是“按区域划分的空气污染饱和度”,而带有相同数据的信息图则显示为“ A区和B区在C国污染最严重”。
  4. 数据可视化可以在Excel中进行,也可以使用其他自动生成设计的工具,除非将其设置为演示或发布。但是,信息图表的美学非常重要,其设计必须吸引更广泛的受众。
  5. 在交互方面,数据可视化通常提供交互式图表,尤其是在线形式的图表。另一方面,信息图表很少互动,通常是静态图像。

Skype通过可视化.com进行可视化

 

07. 如何创建有效的数据可视化?

5种有用的技巧

该过程自然类似于创建信息图表,并且围绕了解您的数据和受众。更准确地说,这些是准备有效的数据可视化以使您的查看者立即了解的主要步骤和最佳实践。

 

1.做功课

准备工作已经完成了一半。在甚至开始可视化数据之前,必须确保您了解该数据的最后细节。

不可否认的是,了解您的数据查看对象是另一个重要部分,因为不同的人对信息的处理方式不同。您要为数据可视化的对象是谁?他们如何处理视觉数据?只需给他们一张饼图就足够了,否则您将需要更深入的可视化报告?

您正在可视化什么样的信息,它能反映出您的目标吗?

最后,考虑要使用多少数据并加以考虑。

图片来自Brodie Vissers

 

2.选择正确的图表类型

在上一节中,我们列出了可在数据可视化中使用的基本图表类型。要确定最适合您工作的人,需要考虑的因素很少。

  • 图表中将有多少个变量?
  • 您将为每个变量放置几项?
  • 值之间的关系是什么(时间段,比较,分布等)

话虽如此,如果您需要展示整个项目的各个部分,那么饼图将是理想的选择。例如,您可以使用它来展示特定产品的市场份额的百分比。但是,饼图不适用于时间范围内的分布,比较和跟踪趋势。在这些情况下,条形图,散点图,s和折线图更为有效。

另一个示例是如何在图表中使用时间。使用水平轴会更准确,因为时间应该从左到右。它在视觉上更直观。

Oberhaeuser的MagnaGlobal广告市场海报

 

3.对数据进行排序

首先删除所有不会增加价值并且基本上是图表多余的数据。有时,您必须处理大量数据,这不可避免地会使您的图表变得非常复杂且难以阅读。不要犹豫,将您的信息分成两个或多个图表。如果这对您不起作用,则可以使用突出显示或使用更合适的内容更改整个图表类型。

提示:使用条形图和柱形图进行比较时,请按值(而不是字母顺序)以升序或降序对信息进行排序。

图片由萨曼莎·赫尔利(Samantha Hurley)

 

4.利用颜色发挥自己的优势

在每种可视化形式中,颜色都是您最好的朋友和最强大的工具。它们产生对比,重音,强调并直观地引导眼睛。即使在这里,色彩理论也很重要。

设计图表时,请确保不要使用超过5或6种颜色。除此之外,任何其他操作都将使您的图表不堪重负,并且难以为观众阅读。但是,您可以使用颜色强度来发挥自己的优势。例如,当您在不同的时间段内比较同一概念时,可以将数据从所选颜色的最浅阴影到其较深的颜色进行排序。它会创建适合您时间线的强烈视觉效果。

选择颜色时要考虑的事项:

  • 不同类别的颜色不同。
  • 系列中所有图表的采用一致调色板,方便以后将进行比较。
  • 最好使用对色盲友好的调色板。

Jamie Kettle可视化塑料废物污染数据

 

5.获取灵感

当您想成为数据可视化设计中的佼佼者时,请多多发挥自己的灵感。查看优秀的示例、信息图、其他人的工作,并了解哪种方法最适合您需要实现的每种数据。

下图这个Twitter帐户数据可视化是一个很好的例子。同时,我们还将精选一些令人称赞的示例,这些示例将使您有信心开始为数据创建视觉效果。

lilit Hayrapetyan创作的大数据纪录片的人脸

 

8个数据可视化示例

作为另一种艺术形式,Data Viz为一些令人惊叹的精心设计的图表提供了沃土,这些图表证明了数据也可以是美丽的。现在,让我们来看看一些例子。

 

1.黑暗之魂III体验数据

我们从孟小伟的个人项目开始,介绍他玩《黑暗之魂3》的经验。这是信息图表和数据可视化也是个人设计工具的完美例子。这项研究非常庞大,但非常专业地归类为针对不同概念的不同类型的图表。所有数据可视化都使用相同的调色板进行制作,并且在信息图表中看起来很棒。

我的黑暗之魂3孟小伟在播放数据

 

2.有史以来最伟大的电影

凯蒂·西尔弗(Katie Silver)根据评论家和观众的评论汇总了有史以来最伟大的100部电影。可视化显示了每部电影的关键数据点,例如发行年份、奥斯卡提名和获胜、预算、利润、IMDB得分、类型、拍摄地点、电影背景和制作工作室。所有电影均按发行日期排序。

凯蒂·西尔弗(Katie Silver)的100部最佳电影数据可视化

 

3.最暴力的城市

费德里卡·弗拉加帕内(Federica Fragapane)显示了2017年全球50个最暴力城市的数据。这些项目根据人口在垂直轴上排列,并根据凶杀率在水平轴上排序。

 

4.家族企业作为数据

这些数据可视化和插图由Valerio Pellegrini为《透视》杂志制作。它们显示了一个饼图,其中包含行业细分以及对就业贡献的散点图。

视角杂志–家族企业by Valerio Pellegrini

 

5.太阳系的轨道图

该地图显示了太阳系中18000多个小行星的轨道数据。每个小行星都显示在1999年除夕的位置,并按小行星的类型进行了着色。

埃莉诺·卢兹(Eleanor Lutz)的太阳系轨道图

 

6.标题的语义

KatjaFlükiger对头条新闻的故事情有独钟。数据可视化旨在传达销售对算术的影响程度。该项目在马里兰大学艺术学院完成,目的是可视化对移民的引用,并对用词选择和上下文所暗含的价值判断进行颜色编码。

标题语义学KatjaFlükiger

 

7.月球和地震

该数据可视化用于回答月球是否引起地震。该图显示了根据月球的相位和轨道位置而发生的地震的时间和强度。

月亮与地震艾西瓦娅·阿南德·辛格(Aishwarya Anand Singh)

 

8. Nanosats的黎明

可视化效果显示了从2003年到2015年发射的卫星。该图表示了专注于项目的机构类型以及为其提供资金的国家。左侧显示了每年的发射次数和卫星应用次数。

有线英国–由Nanosats拍摄的黎明(Valerio Pellegrini)

 

最后的话

数据可视化不仅是一种科学形式,而且还是一种艺术形式。其目的是帮助任何领域的企业快速理解复杂数据,并开始根据该数据做出决策。为了使您的图表高效且易于阅读,这一切都与了解您的数据和受众有关。这样,您就可以选择正确的图表类型,并使用可视化技术来发挥自己的优势。

 

原文地址:https://graphicmama.com/blog/what-is-data-visualization/

译文地址:站酷

作者:AI Boicheva

译者:ZZiUP

 转载请注明:学UI网》什么是数据可视化

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档