【设计思考】内容过多，图上放不下怎么办？

来看看lemonoO大佬的解决方法

lemonoO：
……

不过话说回来，这么小的区域不适合放图例。看区域比例，这个图表也没那么重要。非要集满数据，并没有什么意义。

说个不恰当比较极端的例子，非要在iWatch上放一个4个指标的趋势图，还要把图例都放上去，还要让用户一眼就能看清楚，这本身就是一个钻牛角尖的想法。

解决问题的思路有很多，最不应该考虑的就是头痛医头脚痛医脚，在现有条件下挤破脑袋抠那几像素的问题。尝试疏导，正常人都是讲道理的。

这是前几天产品给的一个原型页面的部分截图，在一个固定布局的区域内，希望左侧是线性图（表示趋势），右侧是漏斗图（表示转化）。

乍一看没什么问题，但是仔细看，漏斗图包含的信息内容非常多，如果用传统漏斗图，在上面定制化补充各种指标内容，图的效果一般，内容也会因为很紧凑导致可读性很差，且成交人数和转化率本身并不是同类数据，没有单点横向比较的必要。

于是我想办法说服产品，能不能换一种形式，改成上下垂直布局的形式。

对用户来说更关注的是转化效果，所以用柱状图和线形图的复合图表去呈现，可以让用户很清晰看出转化趋势和成交人数的起伏是否成正比，如果成反比，就需要关注原因。

把“漏斗”横过来，信息可以更“宽松”的陈列出来，转化的效果也很清晰，转化的比例用一个“流程”表达出来，这样信息不臃肿，可读性也比较好一些，产品毫不犹豫就接受了。

所以解决问题的思路有很多，不要总被牵着走，想尽办法去挤出一个字的地方，并不一定能得到客户的认可，没准客户看不到你的努力，还会说，真JB丑，我自己也会做。

【设计思考】内容过多，图上放不下怎么办？相关推荐

r语言柱状图加星号_在ggplot条形图和框形图上放上星号-表示显着性水平（p值）...
请在下面找到我的尝试. 首先,我创建了一些虚拟数据和条形图,可以根据需要进行修改. windows(4,4) dat Sub = c("A", "B", & ...
ps怎么切图后放html下,怎么使用PS切图？PS切图后怎么保存到本地？
怎么使用PS切图?使用PS切图的目的其实就是将大的设计图分割成多个小图片,通过网页代码定位后台相册的照片来显示前端网页的效果,当然,在处理某X宝的图片的时候也是可以使用该方法的,具体见下文怎么使用PS ...
echarts树形图，分支过多，页面放不下，高度自适应方法
直接代码吧! html <el-row :gutter='20'> <el-col :span='24'> <el-card> <div id = 'char ...
织梦?php?调用栏目,dedecms列表页内容页模板调用上一个栏目下一个栏目方法
织梦CMS内容页有上一篇下一篇文章,没有上一个栏目下一个栏目,我们可以不用修改程序内核文件,直接在模板里用"runphp"输出上一个栏目和下一个栏目. 上一个栏目下一个栏目标签写法 ...
如何修改dede文章页上一篇下一篇＂没有了＂
dedecms上一篇下一篇调用标签: {dede:prenext get='pre'/} {dede:prenext get='next'/} 如何自定义织梦dedecms上一篇下一篇标签调用内容呢, ...
设计师：行业内设计师从出图到收费流程(设计收费标准、客户与设计师洽谈、设计师现场测量、设计师提供报价、设计图纸内容、签订合同、现场交底)之详细攻略
设计师:行业内设计师从出图到收费流程(设计收费标准.客户与设计师洽谈.设计师现场测量.设计师提供报价.设计图纸内容.签订合同.现场交底)之详细攻略目录行业内设计师从出图到收费流程设计收费标准 1 ...
交互设计｜抖音为什么是上滑查看下一个视频
去年求职的时候,作为一个产品新人,每次体验产品更多的是关注产品的设计细节,总是会觉得xx功能体验特别好,xx界面设计非常合理,xx细节引导非常场景化,非常贴心.但对于产品如何和用户发生交互,交互如何让 ...
《自由幻想》IP手游的设计思考与包装宣传
导语 IP产品的设计不仅是还原,也是提炼.本文由<自由幻想>IP手游的美术负责人刘嘉为我们阐述<自由幻想>手游项目从立项到上线历程中,是如何在满足用户情怀的同时优化美术表现并应 ...
面试必备：一个秒杀系统的设计思考
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者:阿哲 segmentfault.com/a/11900000 ...

【设计思考】内容过多，图上放不下怎么办？

【设计思考】内容过多，图上放不下怎么办？相关推荐

最新文章

热门文章