惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
SegmentFault 最新的问题
B
Blog
P
Proofpoint News Feed
美团技术团队
The GitHub Blog
The GitHub Blog
Y
Y Combinator Blog
A
About on SuperTechFans
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Vercel News
Vercel News
有赞技术团队
有赞技术团队
小众软件
小众软件
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
Martin Fowler
Martin Fowler
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
aimingoo的专栏
aimingoo的专栏
H
Help Net Security
罗磊的独立博客
L
LangChain Blog
GbyAI
GbyAI
腾讯CDC
T
The Blog of Author Tim Ferriss
Microsoft Security Blog
Microsoft Security Blog

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
关于一个数据概览的复盘
一只鸡腿 · 2023-10-03 · via 人人都是产品经理

在B端的业务之中,数据概览页面属于常见的页面,对主管有快速查看/查询/决策的左右,对于执行也能查询到KPI是否完成的,防止遗漏的作用。今天就结合业务之中的一个案例,跟大家做一个分享。

一、业务需求

我们团队主要做的OA类型的项目,主要是服务于公司内部的开发团队。随着业务的逐步拓展、用户的角色需求的多样化、角色数量的多样化、团队内部开发团队难度、设计师人手有限等矛盾不断递增,8个数据概览模块面临着体验复杂以及设计开发难度大的问题。

涉及到的元素:

  • 业务:涉及8个应用,40个页面。
  • 角色分解:QA,IPM,SPM,TMDE,TES,模块owner。
  • 使用场景:管理者汇总团队信息、向上汇报以及分析数据。

二、现有问题

体验不一致,提高管理成本:架构组件以及样式不同的模块完全不相同,缺少规范性

开发低效,沟通成本高:

  • 组件重复开发,开发成本高
  • 设计师与开发沟通成本高

解决问题解决流程分为:

1. 找

高频框架

通过收集40个页面的布局,结合对执行者与决策者的角色行为进行分析,将所有的页面分为:

  • 数据概览
  • 数据分析
  • 详情查看

重复组件

将可视化按照空间分成;

  • 底层:背景
  • 内容层:页头+筛选+图表+表格
  • 顶层:动作按钮

高频样式

现有的样式杂乱无章,因此针对现有的样式进行收集和整理分类为布局,色板,字体,将所有的页面所有的元素进行拆解,统计高频样式。分成:

  • 布局:按照业务流程顺序区分
  • 高度:统计导航栏的高度重新计算高度
  • 走向:统计现有浏览器导航高度重新定高度
  • 字体:现有字体尤其是在数字的展现方式区分度不够

2. 组

架构组合

3个场景并且对页面进行分类,提取其中高频的进行整理继续布局:

  • 数据概览:图表+页头
  • 数据分析:页头+筛选+指标+图表
  • 详情查看:页头+筛选+图表+详细表格

组件组合

模块根据业务进行“总-分”形式的:

  • 功能模块
  • 子模块
  • 子功能

上面是针对于常规的功能模块,针对非常规的模块「例如:结果页面」进行更加细化的区分“图表”“表格”“筛选”,再度细分成为主体和变体进行区分。

样式组合

  • 布局:将7个常规的布局手链成为2个:“字-左上,图表右下”,“图表左右,注释右边”
  • 高度:以win为例,导航栏分为3栏,再去保证页面的报告率格急性型分组:1920对应的是440,1600对应的是360px,1366对应的是280px
  • 走向:根据统计的数据来,3个模块会出现超过20字的注释或者是标签名,因此延伸出2套解决方案:“自上而下”,和“自下而上”,经过验证邀请几个同学发现自上而下阅读成本低,理解成本更低
  • 字体:现有字体中,常规的默认字体区区分度不高,所以引入了Din作为支持数字呈现的

总结

本次从找和组2个流程进行分解,希望能给到大家帮助。

专栏作家

一只鸡腿,微信公众号:B端设计一只鸡腿,人人都是产品经理专栏作家。一个吃货的B端设计师。

本文原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。