想把数据可视化做好这个超实用的经验总结一定要先看过!优设网

桌面和大屏幕上导航栏要怎么设计其实是一个经常被拿来探讨的问题,如今这也是 B 端设计中绕不开的一个设计问题。

编者按:这篇文章译自 Taras Bakusevych 的文章《How to redesign, step by step guide》,其中总结来自 Taras 多年的产品重设计的经验,泛用,实用,值得收藏学习。

不同的图表类型所承担的功能是截然不同的,不合理的数据呈现会容易让用户误读。同样的数据可以使用不同的图表呈现出不同方面的特征,因此,在设计信息图之前,先理清需求,再来选择使用哪种图表能够更好地呈现。

当使用数据在0的左右波动,产生正负差异的时候,请使用基线来正确反应正负关系,不要在同一侧来呈现数据,这样很容易带来误读。

和折线图不同,条形图如果从非 0 的位置开始,确实更容易反应趋势,但是给所体现的数据量级和特征是失真的。比如在下面的案例中,B看起来是D的3倍以上,但是实际的情况是,两者差异并不大。所以需要从座标 0 处开始呈现数据,这样会更准确。

对于折线图,需要考虑一下 Y轴上的尺度,因为如果单位太大,那么折线图所呈现出来的波动幅度不够大,趋势的表达也不够清晰。这个时候,建议调整Y轴上的单位大小,确保折线的波动幅度大概占整个Y轴的 2/3 即可。

折线图是使用线条连接特定时间节点的特定数据的一种数据呈现形式,它有助于说明随着时间推移,某些情况的变化,但是当间隔时间频率不对,参差,缺失,那么折线图的数据可能会无法对应,这个时候使用条形图其实是更容易呈现的。

平滑的「折线」在视觉上看起来是愉悦,但是它歪曲了背后的实际数据,也很难读到关键的转折点数据。

通常,为了为了节省可视化设计的空间,设计师会采用双折线来呈现数据,但是在数量级不对等的情况下,折线图会很难读,甚至容易会误导用户,这个时候,建议分开使用2个不同的座标系来呈现,更加易读,同样可以看的出趋势,也不会得出错误的结论。

饼图是最常用但是也是最容易误用的图表之一,在绝大多数的情况下,条形图是更好的选择。如果你决定使用饼图,那么这里有2个基本的建议:

不要超过7个不同的扇区,让饼图尽量简单你可以将额外的片段分组到「其他」的扇区中

没有合适的文本标签说明的情况下,无论信息图设计得多好都没有意义,直接在图表上进行明确的标识,才会对观看者产生价值,需要观看者自己去关联的设计是失败的。

不要将数值直接放置在饼状图的扇区上,在较小的扇区块上数据会非常难读,相反,使用引线来指引数据对应的区块会是更好的方法。

对于饼状图的切分方式,有2种常见的顺序:

将最大的一块置于12点钟方向,然后顺时针按照大小来排布所有的块将最大的一块置于12点钟方向,然后在右边放次大的块,右边放置再次的块,基本上就是越大的扇区约靠上。

同样的建议也适用于其他的图表,不要使用字母顺序来进行排列,不要使用笔画排序,而是按照数据大小来进行排列,水平条形图就将最大数据放在顶部,垂直排布则将最大数据的放在左侧,减少阅读的时候的信息分辨的障碍。

饼状图通常是最不容易读的图表,因为它很难对相似的数据进行对比,所以在将它设计成环状的时候,我们可以使用辅助的数据来呈现,但是一定不要牺牲彩色扇区的可读性,这样看起来高级但是并不具备基本的可读性。

不要让不必要的视觉效果来分散用户的注意力,这可能会导致用户对于数据产生误解,通常你应该避免使用:

3D元素和阴影渐变和失真的色彩斑马纹或者过多的网格线装饰性过强的字体

配色是可视化设计当中绕不开的一个重要的部分,在设计的时候可以考虑以下三种不同的配色方案:

使用定性的配色方案,不同的色相对应不同的元素,确保在整体配色的可访问性使用符合一定顺序(比如明暗)的近似色的配色,呈现出一种连续的色彩变化横跨冷暖色调的配色方案,将中性色置于中间,用来呈现存在正负关系的数据变化

根据目前的统计数据,大概 12 人当中有一个人存在视觉障碍,有的是色盲,有的是色弱。你的图表设计需要确保兼顾到这一部分用户的需求。

在配色方案当中使用不同饱和度和明暗的色彩使用去色效果来校验你的配色的对比度

在信息图的排版易读性上同样是有要求的,要避免分散用户的注意力,不会制造视觉障碍:

选择清晰的非衬线字体,避免使用衬线体和过度装饰的字体避免使用斜体、粗体和全大写字体确保和背景之间的信息对比度不要旋转文本

这是一个非常简单的技巧,能够确保用户在阅读的时候足够轻松,不会因为倾斜的文本扭伤脖子或者加重落枕的症状。

如果你的设计项目是面向 Web 或者移动端的交互式图表,那么你需要考虑的第一个问题就是,要用什么样的图标库。如今不同的图表库在功能模块和规则上各不相同,你需要在一开始就基于你的需求和设计想法,做出选择。

信息图本质上是在对数据进行优化处理、呈现的基础上,帮助用户进行探索,最大化地从数据中获得信息洞察,让数据发挥价值。在下面的 iOS Health 应用就是在最大程度地反映数据应有的意义和功能。

推荐官

2012年成立至今,是国内极具人气的设计师交流学习平台

优设是国内专业设计师平台,2012年创办至今,作为行业风向标,我们13年来专注于设计师创作者的学习成长交流。 通过优设网、优优教程网、优创网分别沉淀优质内容。是一家集齐媒体、内容、服务的多元化平台。MCN矩阵@优设AIGC 在微博、微信、小红书、抖音、B站布局,全网粉丝过千万。

THE END
0.LabelHierarchies(六)标签生产时效性:标签生产的时间间隔,时间间隔越短,时效性越强。时效性对实时类标签尤为重要。 标签取值覆盖量:具有某标签的有效标签值的对象个体数量。由于每个对象个体的数据完善程度不同,同一个标签能覆盖到的对象群体不同。例如在用户信息中,有的用户登记有性别信息,有的用户没有登记,“性别”这个标签的取值覆盖量就是那些有性别有效取值(“男”或“女”; jvzquC41yy}/lrfpuj{/exr1r1k4cm=9:fh6dm
1.一文快速解锁:标签体系全流程jvzquC41yy}/7:hvq0ipo8ftvkimg8<696710qyon
2.标签体系,这么做才有实用价值标签体系,绝对是数据分析年度工作中,最值得摆在开年做的。因为它和所有工作都有关系,经营分析、投放分析、用户画像、推荐策略、商品运营……都得靠标签带动。 标签体系做得好,后续分析才有足够多素材,才能积累经验。标签体系做得差,白费功夫不说,后边做深入分析的时候还没有依靠。 jvzquC41dnuh0lxfp0tfv8|gkzooa<94:26728ftvkimg8igvcomu86448>47B>
3.一文看懂“标签体系”基础原理:开发思路,模型,业务价值标签体系,是数据分析工作的重要基建。经营分析、用户画像、推荐策略、商品运营、投放优化、用户运营……都和标签体系有关,今天一篇文章,跟大家讲清楚。文章较长,同学们记得先给陈老师点个赞,回来慢慢看哦。 理解标签含义 标签是有业务含义的分类维度。举个例子,领导想看高价值用户数量: 提前打了标签:看下本月高价值用户有多少? 没有标 jvzquC41o0ou3?=0eqs0c{ykenkra?=:2:?:0qyon
4.快手:由慢向快同粉丝层级创作者粉丝数量均能实现稳定增长,平台流量向中尾部倾斜反而有利于头部账号的增长。快手平台上,粉丝量在300W以下的创作者占比高达78.19%,粉丝量在100-300W的创作者是300-500W创作者的3.5倍。在快手300W粉丝量对于创作者来说是明显的门槛,快手中腰部创作者占比远高于行业平均,头部账号占比较少,这正是其流量jvzquC41ycrmu}wggvio0lto1cxuklqgu1972@:24
5.倾斜标签检测确保消费品上的标签位置正确,避免产品因质量问题召回或影响声誉。jvzquC41yy}/exlpgz4dp8j/et0kwiwuvxjg|4eqpyvonw/rtuewlyu1ngcgunpi/sbttnpi1ylg€jf/ngcgu2kpuvfe}nqp
6.连续数值变量的一些特征工程方法:二值化、多项式、数据倾斜处理二值化处理:将细粒度的度量转化成粗粒度的度量,使得特征的差异化更大。 特征多项式交互:捕获特征之间的相关性 数据分布倾斜的处理: log变化:log变化倾向于拉高那些落在较低的幅度范围内自变量的取值,压缩那些落在较高的幅度范围内自变量的取值,log变化能够稳定数据的jvzquC41yy}/ewgnqiy/exr1y|jM[8u1;8=24:90jvsm
7.供应tipn欢迎前来供应商网(https://www.gys.cn)了解深圳市艾克生科技有限责任公司发布的供应tip-n-tell人字形防倾斜标签 人字形倾斜指示器 防倒置标贴价格、厂家信息,产品和服务质量好,性价比高,为您节省采购成本!进网站查看卖家电话。jvzquC41yy}/eqnpc0io1lmcproo1<6:7:749<50jvsm
8.国际智库发展趋势特点与我国新型智库建设四川省社会科学院天府智库尽管目前我国政策研究与咨询类机构的数量不少,但没有形成各类智库竞争发展的良好环境。政府智库类机构尽管可以通过内部渠道对决策过程发挥特殊影响力,但政策研究与建议范围受限于政府指定的研究项目,利用研究成果传播和宣传政府采取的政策措施;大而不强,研究质量、学术独立性等都有待提高;比较脱离社会大众,社会公信力不jvzq<84yyy4tc|x0ep524?4552910jxrz
9.2)试管应略倾斜试管应略倾斜,(3)标签应向着手心标签应向着如图是某同学取用液体药品的操作装置图.请指出图中的错误之处.(1)瓶塞应倒放瓶塞应倒放,(2)试管应略倾斜试管应略倾斜,(3)标签应向着手心标签应向着手心.jvzq<84yyy422:5lkcpjcx3eqo5d|q}1ujoukhnfa29b3o=df2h3dA587:hcf>g8eelef@6e8
10.防倾斜标签TILTOKEEPLUS价格,厂家,求购,使用说明中国制造网(cn.made-in-china.com)为您提供中山沃克条码科技有限公司相关的公司及产品信息介绍,囊括了防倾斜标签 TILTOKEE PLUS价格、厂家、图片、使用说明等参数。想了解更加全面的防倾斜标签 TILTOKEE PLUS信息及中山沃克条码科技有限公司的公司信息就上中国制造网。jvzquC41ep4ncmj/kp3djrsc0eun1ptpi{ooi8uymqk{lu/VuxSqI[tQIqz7mvon
11.常规设置—KritaManual5.2.0文档你可以在此标签页配置光标显示的有关选项。 光标形状 选择在使用笔刷工具时显示的光标形状,只要光标移动到画布视图中就会一直显示在笔尖位置。你可以在选单中选择下列形状: 工具图标 显示当前工具图标,在使用笔刷工具时也显示一个笔刷图标。 箭头 显示常规鼠标光标。 准星 显示准星状十字线。 小圆圈 显示一个白底黑线jvzquC41fqit0twkvc4ptp4|jaIO1{jhgtkoendocp{bn8utghksgwhgu1mfpnwcnayfv}npiu4ivvq
12.R语言柱状图排序和x轴上的标签倾斜操作R语言这篇文章主要介绍了R语言柱状图排序和x轴上的标签倾斜操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!【 如果你想靠AI翻身,你先需要一个靠谱的工具!】R语言做柱状图大致有两种方法, 一种是基础库里面的 barplot函数, 另一个就是ggplot2包jvzquC41yy}/lk:30pku1jwvkerf1;5:988/j}r