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

推荐订阅源

Martin Fowler
Martin Fowler
V
Visual Studio Blog
有赞技术团队
有赞技术团队
T
Tailwind CSS Blog
B
Blog
I
InfoQ
博客园 - 三生石上(FineUI控件)
阮一峰的网络日志
阮一峰的网络日志
F
Fortinet All Blogs
H
Help Net Security
博客园 - Franky
宝玉的分享
宝玉的分享
博客园 - 司徒正美
C
Check Point Blog
G
Google Developers Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Jina AI
Jina AI
T
The Blog of Author Tim Ferriss
MongoDB | Blog
MongoDB | Blog
云风的 BLOG
云风的 BLOG
A
About on SuperTechFans
罗磊的独立博客
大猫的无限游戏
大猫的无限游戏
IT之家
IT之家

人人都是产品经理

为什么你的产品找不到差异化?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迎来强劲对手 – 人人都是产品经理,
管理后台的原型该怎么设计(2):自定义列表
数字的自我修养 · 2026-04-16 · via 人人都是产品经理

在B端产品设计中,如何让用户从繁杂的业务数据中快速找到关键信息?本文将深入解析列表页个性化设计的两大核心场景:字段自由配置与视图快速切换,揭秘如何通过'复杂留给自己,简单交给用户'的设计哲学,实现从标准化交付到用户赋能的体验升级。

上一篇关于方法与实践的文章,我们探讨了B端后台管理原型设计的基础范式。今天,我们将在解决用户对列表页个性化需求的道路上走得更深、更远。

用户的核心诉求是“掌控感”。面对一个复杂的业务列表,他们不希望被系统预设的、一成不变的界面所束缚,而是渴望一个能适配其个人工作流和专注点的灵活工具。让我们看看如何将这种“掌控感”赋予用户。

场景一:化繁为简,所见即所需

用户说:

“你这个列表页面一共有20个字段,但我只关心其中的10个。而且我的关注点会变,今天想看这10个,过两天可能只看8个。字段的顺序我也要能自己调整,我关注的就得排前面,不关注的挪后边。查询条件也一样,有些我根本用不到,就别展示出来占地方;有些我常用的,你反而没有提供。”

怎么办:

第一步: 在列表操作栏,放置一个“设置”图标按钮。鼠标悬停时,显示“自定义列表”按钮,点击后呼出配置面板。

第二步:在“是否展示”列和“是否支持筛选”列,通过勾选/取消勾选的操作,设置列表表头的展示和隐藏及哪些查询条件显示在列表上方的筛选区域;通过拖拽字段项,自由调整它们在列表中的左右显示顺序。

就是这么直观。 这个功能本质上是一个视觉信息过滤器,帮助用户屏蔽噪声,聚焦于对其决策有价值的数据列。

场景二:一键直达,固化工作流

用户说:

“我每天最重要的工作就是查看最新添加的重点客户信息。我不想每天重复点击一堆查询条件。我希望一进入这个页面,就能直接看到我想要的信息面板,有需要时再去查看其他。”

怎么办:

第一步: 鼠标悬停在操作栏的“设置”按钮时,不仅显示“自定义列表”,再增加一个“自定义视图”选项。

第二步:点击“自定义视图”中的“新增视图”,弹出创建面板。

视图名称: 让用户为其专属视图命名,如“重点客户”。

设为默认: 提供“设为默认视图”选项。若勾选,用户下次进入该列表页将直接呈现此视图。

第三步:保存成功后,列表页上方会出现一个Tab栏。用户可以通过点击“重点客户”等不同视图标签,在不同的字段配置与查询条件组合之间瞬间切换。

也依然这么高效。 自定义视图功能是工作场景的快捷方式。它将高频、固定的操作组合(特定筛选+特定字段)打包保存,实现了从“人找信息”到“信息等人”的体验飞跃。

关键技术思路

每位用户为不同列表所做的自定义配置(如字段设置、视图定义等),应在后端以“用户ID+页面标识”组合为键进行持久化存储,从而保证用户下次登录时,仍能看到自己已保存的个性化配置。

总结一下

列表页自定义功能,是B端产品从“标准化交付”走向“用户赋能”的关键一步。它承认了不同角色、不同场景下工作方式的差异性,将部分配置权下放,极大地提升了产品的包容性和长期用户粘性。

其设计原则是 “复杂留给自己,简单交给用户” 。产品背后的数据模型和业务逻辑可以非常复杂,但通过这个自定义层,为用户呈现的始终是一个简洁、专注、贴合其心意的操作界面。

本文由 @数字的自我修养 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议