后台的使用者通常是企业的各类权限的管理员,通过对用户管理的合理设计,让管理员准确、高效地完成既定任务,来实现用户管理的价值。

后台产品的使命是为企业提升效率,降低成本,而用户管理是后台的核心部分,用户管理有以下目的和价值:

  1. 简化操作流程,降低后台维护成本
  2. 协同业务流程,提升后台运作效率
  3. 维护用户资产,放大用户数据价值

后台的使用者通常是企业的各类权限的管理员,通过对用户管理的合理设计,让管理员准确、高效地完成既定任务,来实现上述目的和价值。

用户管理的设计要遵循哪些基本原则

1. 高效

后台产品的核心作用是提高效率,帮助使用者用最低时间成本解决问题,达成目标,用户管理也是如此,在设计中要时刻以高效为第一原则,因此我们以下面几个维度来思考让用户管理工作更高效

(1)提升信息浏览效率

管理员使用后台的时候,是很清楚自己要进行什么任务,需要在进入后台第一时间找到自己要去哪里,做什么事情。如管理员要查看新增账号数量、是否有账号使用异常等。

因此信息展示应按使用频次、重要程度、主次进行分类,管理员可以一眼看到全局的状态,并快速找到自己将要去往的目标位置。

图1 高频信息和功能在第一级

具体方法可以将信息架构中的用户部分(即数据库的用户表关联字段)提取出来,先按优先级分类,再按关联性分类和聚合。

(2)提高查找效率

通常发生在管理员需要快速搜索某个用户进行操作的场景,此时还要考虑管理员到的搜索方式和类型,如只知道用户的注册时间,或只记得姓不记得全称的情况。

因此应尽可能在同一搜索组件中支持更多类型的搜索,基本的字段类型是名称、手机、创建时间等,同时在管理员忘记具体名称时也可以通过关键字模糊搜索。排序应支持按用户名称(首字母),创建时间等,便于管理员直接定位到区域。

图2 支持排序和高级搜索,不用时可折叠到搜索框内

(3)降低操作成本

体现在两方面:

  1. 减少操作步骤;
  2. 降低操作时间。

1)减少操作步骤

尤其是常用操作,如B端产品经常需要管理员在后台添加用户,能一步完成就不要分多个步骤;添加多个用户时,可以在添加页面时勾选“继续添加用户”,避免管理员重复一遍添加流程;PC端的查看类任务,在设计页面交互时可以用悬停代替点击等

图3 添加一个用户完成后可以继续添加

图4 悬停代替点击

2)减少操作时间

如管理员删除用户时,选中目标后删除按钮应出现在最近的位置。在导出用户表单时,可以异步处理,当用户量较多(10万条数据)情况下,点击导出按钮后发送请求到消息队列,使用者可以继续完成其他事务,无需等待。

图5 反面案例

有些页面的需要等待很久,影响使用者的其他任务进度,可以在点击导出后,让该任务进入后台工作。

2. 简洁

后台产品由于角色,业务的复杂性,界面通常信息和功能都很复杂,很容易造成信息过载、功能冗余的状况,对管理员的工作带来困难。

因此用户管理要遵循简洁之上的原则,好的布局和展示会让使用者很清晰自己的位置,和将要进行的操作,杂乱的信息会失去重心。案例可参考图1。

功能要尽量简洁:

功能应按使用频次进行划分,并且功能的属性进行归类,聚合,常用操作在第一层级。

如用户列表首页,最常用的是添加用户功能,所以只需要一个添加按钮在最明显的位置,删除、编辑、拉黑等功能应该折叠或者隐藏。

一般原则是,页面按钮越少越好,一个页面内不要超过2个以上的按钮,并且用icon比文字好。

图6 隐藏某些非常用功能

图7 尽量用直观的icon按钮代替文字

界面信息要简洁

界面只包含常用信息,不相关的信息过多,杂乱会对使用者的注意力造成干扰,并且信息排列要遵循F型法则,即重要信息优先在最上方和最左侧。

图8 用户的信息根据业务情况,按重要程度排序,上面最常用信息是姓名、账号、邮箱,所属公司等依次类推,其余的操作 日志等非常用信息放置更低页面层级。

3. 易懂

用户管理的页面和功能要让使用者易于理解,明确信息的含义和每个操作的结果,易懂体现在3方面,信息展示易理解、提示信息易理解,和操作易理解。

信息展示要准确

一是界面文案的准确性,简单直白,无歧义,优先让用户清楚的原则;二是功能描述的准确。

图9 这是个订阅邮件的页面,上面的描述比下面更直观,让使用者第一时间理解这个功能的用处是同时发送邮件到多个邮箱地址。

信息提示清晰

根据尼尔森可用原则,操作前中后要有明确的提示和引导,比如输入信息超出格式或字符限制时,最好在前端进行格式验证并在焦点切换时立马给出提示。这个很多产品都已经注意到,不过多讨论。

图10 前端页面校验输入的合法性

操作即时反馈

操作的前中后要清晰的反馈,保证使用者清楚地知道任务如何完成,及每一个操作的结果,如添加成员完成以后,除了提示“添加完成”外,还要在用户列表产生变化,可以刷新在列表首位,也可以在用户数+1等方式。可参考图10。

总结

用户管理是后台产品的核心部分,做好用户管理的设计,才能和其他模块业务流程、数据紧密的连接,因此务必遵循高效、简洁、易懂的基本原则。

本文由 @进击的蜗牛 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

visual studio 按钮判断管理员和用户_用户管理的设计原则相关推荐

  1. 关于在Visual Studio 2019预览版中的用户体验和界面的变化

    原文地址:https://blogs.msdn.microsoft.com/visualstudio/2018/11/12/a-preview-of-ux-and-ui-changes-in-visu ...

  2. 【交互设计】用户体验之手势交互设计原则

    转载自:老二牛车教育 » [交互设计]用户体验之手势交互设计原则 手势识别指的是计算机设备侦测并识别人类手势.近几年来,随着手势识别技术的高速发展,以及3D传感器的广泛采用,手势交互已经得到广泛的普及 ...

  3. 基于用户体验的手机产品交互设计原则

    基于用户体验的手机产品交互设计原则 一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定 ...

  4. 后台是怎么判断管理员用户还是普通用户_用户浏览器被阿里私自【托管】?仔细一查,这事并不简单...

    大家好,我是启人. 可能很多挨踢友之前都有过浏览器被人私自篡改的经历. 比如强制更改首页,替换默认搜索引擎. 不过这种情况在各种驱动级(也就是内核级)电脑管家的强力封杀下,现在基本不存在了. 但是,千 ...

  5. 【错误记录】Ubuntu 中 ROOT 用户无法启动 Visual Studio Code 开发环境 ( 推荐在普通用户下使用 VSCode 开发环境 )

    文章目录 一.报错信息 二.解决方案 一.报错信息 在 [开发环境]Ubuntu 安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Ub ...

  6. 【转】【UML】使用Visual Studio 2010 Team System中的架构师工具(设计与建模)

    Lab 1: 应用程序建模 实验目标 这个实验的目的是展示如何在Visual Studio 2010旗舰版中进行应用程序建模.团队中的架构师会通过建模确定应用程序是否满足客户的需求. 你可以创建不同级 ...

  7. visual studio odbc数据源设计器_NEW!WinForm界面开发设计时正式支持.NET 5

    点击"了解更多"获取DevExpress v20.2完整版下载 早在今年7月,官方技术团队宣布对DevExpress控件进行功能增强,使其支持最新的.NET 5 Preview. ...

  8. 【编程技巧】Code snippets(代码片段)在Visual Studio中的使用(附简单的Snippet管理工具)

    引言 Code snippet (代码片段)在VS中指的是基于IDE支持的利用快捷方式快速输入一小段,或者称之为一整块代码的功能,在日常编程,特别是在工作中写内容相似的业务代码时,利用Snippet功 ...

  9. delphi7 dbgrid缓存模式下怎么判断输入重复记录_互联网公司的架构设计要怎么落地?| 技术头条...

    作者 | 张辉清 责编 | 胡巍巍 你做架构设计了吗?你认为要不要做架构设计?你的公司有没有做架构设计?互联网公司的架构设计又要怎么做? 我不知道你是怎么想的,在我得到的答复中,大部分人认为要做架构设 ...

最新文章

  1. SAP RETAIL MM42进入商品的销售视图系统提示: No basic purchase price relevant to pricing found with schema RM0000
  2. python IO多路复用源码
  3. springboot常用配置
  4. Python邮件发送案例
  5. python绘制散点图的函数_Python用PyQt5绘制多彩随机散点图,基本控件之QPainter使用详解...
  6. SAP License:BWBCS学习笔记
  7. 【Vegas原创】远程桌面下重启xp系统的命令
  8. ThreadLocal 原理和使用场景分析
  9. Rust:mod、crate、super、self、pub use等模块系统用法梳理
  10. 感知机学习算法的直观解释
  11. 申请计算机助理的英语作文,助理面试英文自我介绍范文(通用5篇)
  12. 【CodeForces 1253B --- Silly Mistake】
  13. Python爬虫技术及PyQt5界面编程实现12306火车票查询
  14. mcldownload文件夹_download文件夹是什么?Win7系统download文件夹可以删除?
  15. 实践致知第7享:Windows如何设置文件的默认打开方式?
  16. 电脑文件误删除如何恢复?试下这3招
  17. android back键不退出程序,Android按back键不退出当前Activity
  18. tableau 集动作_Tableau训练营:7天,每天30分钟,零基础get数据可视化基本姿势
  19. OpenGL---GLUT(一)
  20. 服务器受到勒索病毒威胁我们要怎么处理?

热门文章

  1. 第四期《Summer Tree》 已经整理完毕
  2. linux的基础知识——CS模型流程图
  3. linux的常用操作——vim和vi
  4. python中使用什么导入模块-python—模块导入和类
  5. php jquery 源码,最新版jQuery 2.1.0完整
  6. 电子科大沙河校区有计算机专业,电子科大沙河校区学费
  7. C++大小写字母互转
  8. latex填充段落之间的留白
  9. 查找会议论文的会议地址
  10. np.random.get_state()