【数据界面】web端流量分析优化

为什么优化?

【整合】优化数据产品浏览体验中,提到云台助手app中本店数据和行业数据相割离,让用户无法方便的比较分析得出洞察。

同类数据的不同维度割离的问题,在web端数据产品中也存在,本篇尝试用相同思路整合优化。

注:为求清爽,优化页未使用原页面风格。


1.整合本店和行业

当前数据易道的行业数据集合展示在付费工具【竞争分析】中,而在其他版块未有任何露出。本流量分析页面仅展示本店单一维度的指标数据,没有任何参考信息,不利于用户分析。

其次,当前可视化图表中,将不同衡量单位指标融合展示,更会加剧用户的困惑感,降低其理解信息的速度。

Figure1.1 当前页面

优化页,针对单一指标增加更多维度:本店往期、同行对比,帮助用户比较分析。

Figure 1.2 优化后:整合本店和行业


2.内容转换:跳转→弹框

现阶段查看承接商品为跳转交互,但按钮较小不易被发现,且缺失导航指引(此页不在左侧导航栏中,页面上也无面包屑导航),让内容间的层级不分明,联系感很弱。

Figure 2.1  当前页面为跳转切换点击,来源明细   
Figure 2.1  跳转至承接商品

为加强页面间的联系,优化页将原跳转页面改为遮罩弹框,点击叉号或遮罩处取消,突出内容层级,转换更灵活。

Figure 2.2  优化页面为弹框


3.指标:无差别平铺→可选择查看

原页面将所有指标平铺展示,通过横向滚动查看,体验较差。优化后将收集在下拉浮层中,用户自行选择想查看的信息。

Figure 3.1 当前页面通过滑动查看更多指标
Figure 3.2 优化页面用浮层收集指标并分类,用户可根据需要有选择的查看


4.图表:可点击的饼图→Tab样条形图

当前页面用饼图展示各类页面间的访客数差别,并通过右侧列表展示各大类的具体url流量明细。但此设计存在两个问题

1)此饼图与色块标注排布在两部分,用户视线将反复上下移动比对,浏览较为不畅。且饼图对于展示细微的面积差别较为困难,不利于比较。

2)饼图中的色块是可点击的,通过点击可切换页面类型查看。但此饼图并未给出任何可交互的线索,而让此功能被忽略,妨碍用户查看更多细节。

Figure 4.1 当前页面

针对此两点我的优化方案是

1)用条形图替代饼图,并用纵向列表明确表达各类页面的流量排序。

2)用tab切换不同页面,此展示方式更符合用户一般习惯,不易被忽视。

Figure 4.2 优化页面


更多

更多控件状态细节如下。

Figure 5 控件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容