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

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

6c66b27ba0e166dc9b654885d8c94550.png

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

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

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

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

1. 高效

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

(1)提升信息浏览效率

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

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

ab7fcebf2e9e929d32f9810c87aae660.png

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

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

(2)提高查找效率

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

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

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

(3)降低操作成本

体现在两方面:

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

1)减少操作步骤

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

4d03e22efdfa66c9414b1e3707f94ec4.png

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

fa4835fa61a10cf2d3686b2c943fc429.png

图4 悬停代替点击

2)减少操作时间

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

f2bec591800da91a7e739d30f2e8601a.png

图5 反面案例

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

2. 简洁

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

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

功能要尽量简洁:

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

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

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

c270a8ee93dc2baef87fbe35f4e92b4d.png

图6 隐藏某些非常用功能

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

界面信息要简洁

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

8b5efa6d9ad2e6ed48cea212ec07f98c.png

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

3. 易懂

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

信息展示要准确

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

ad25f08e3b24e56a72a5209f1e360ae5.png

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

信息提示清晰

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

a2c8127b0c565b10fc7d8ef1c1e499d6.png

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

操作即时反馈

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

总结

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

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

题图来自Unsplash,基于CC0协议

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/502889.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php 随机颜色,php生成随机颜色的代码实例

PHP生成随机颜色的代码实例:方法一:function color_txt($str){if ( is_array($str) ){$str $str[1];}$len mb_strlen($str);$colorTxt ;for($i0; $i$colorTxt . .mb_substr($str,$i,1,utf-8).;}return $colorTxt;}function rand_color(){re…

windows。forms.timer设置第一次不等待_面试官:换人!他连 TCP 这几个参数都不懂(一)...

前言TCP 性能的提升不仅考察 TCP 的理论知识,还考察了对于操作系统提供的内核参数的理解与应用。TCP 协议是由操作系统实现,所以操作系统提供了不少调节 TCP 的参数。如何正确有效的使用这些参数,来提高 TCP 性能是一个不那么简单事情。我们需…

php 输出可以设置格式文件,php格式输出文件var_export函数实例

本文实例讲述了php格式输出文件var_export函数的用法。分享给大家供大家参考。具体如下:var_export:php 4 > 4.2.0, php 5var_export -- 输出或返回一个变量的字符串表示.描述:mixed var_export (mixed expression [,bool return])此函数返回关于传递给该函数的变…

python tornado websocket_基于Python Tornado框架的websocket服务

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。Tornado中定义了tornado.websocket.WebSocketHandler来处理websocket请求。Tornado框架的安装以及入门这里就不说了,想入门tornado的请移步我的另一篇文章奥小飞:基于Python的…

微信网页开发教程 php,PHP实现微信网页授权开发教程,php授权教程_PHP教程

PHP实现微信网页授权开发教程,php授权教程微信网页授权是服务号才有的高级功能,开发者可以通过授权后获取用户的基本信息;在此之前,想要获取消息信息只能在用户和公众号交互时根据openid获取用户信息;而微信网页授权可…

lstm原文_LSTM模型与水文模型在径流模拟中的比较

学术简报题目:Comparison of Long Short Term Memory Networks and the Hydrological Model in Runoff Simulation作者:Hailin You1,Hongxiang Fan2,Ligang Xu2,Yongmi Wu1,*,Lizhen Liu2 and Zhong Yao1作者单位:1 Poyang Lake Research Center, Jiangxi Academy of Sciences,…

php 获取已用空间,PHP5:获取导入的名称空间列表 - php

是否可以在当前上下文中获取PHP文件中所有导入的类/命名空间的列表?例如:namespace A;use B, C\D;我想得到这个数组:array(B, C\D);原因是我正在构建一个Mapper注册表,并且希望能够在当前上下文中使用别名类名而不是全名来查询该M…

[英语单词] piss in the wind

有点粗俗的俚语:piss in the wind。 感觉这个谚语是写在实:就是找不准点,pointless;然后引申代表是浪费时间。 https://lkml.org/lkml/2006/10/10/130 This is not a pointless piss-in-the-wind discussion; unless we define ra…

pythonos模块介绍_Python OS模块介绍

OS模块简单的来说它是一个Python的系统编程的操作模块,可以处理文件和目录这些我们日常手动需要做的操作。可以查看OS模块的帮助文档:>>> import os #导入os模块>>> help(os) #查看os模块帮助文档,里面详细的模块相关函数…

php 安装 bzip2,php如何安装bzip2

php安装bzip2的方法:首先安装扩展依赖的系统bzip2开发库;然后编译安装php源码包目录下的“ext/bz2”扩展;最后修改“php.ini”配置文件即可。php安装bzip2安装扩展依赖的系统bzip2开发库sudo yum install bzip2-devel编译安装php源码包目录下…

python处理滑块验证码_使用python实现滑动验证码

首先安装一个需要用到的模块pip install social-auth-app-django安装完后在终端输入pip list会看到social-auth-app-django 3.1.0social-auth-core 3.0.0然后可以来我的github,下载关于滑动验证码的这个demo:https://github.com/Edward66/slide_auth_cod…

java 虚拟机 字节码,JAVA虚拟机:虚拟机字节码执行引擎

“虚拟机”是一个相对“物理机”的概念,这两种机器都有代码执行能力。物理机的执行引擎是直接建立在处理器、硬件、指令集和操作系统层面上的。虚拟机的执行引擎由自己实现,自行制定指令集与执行引擎的结构体系,并可执行不被硬件直接支持的指…

mysql 触发器不能同时 insert or update or delete_MySQL6:触发器

什么是触发器MySQL的触发器(trigger)和存储过程一样,都是嵌入到MySQL中的一段程序。触发器是由事件来触发某个操作,这些事件包括INSERT、UPDATE和DELETE语句。如果定义了触发程序,当数据库执行这些语句的时候就会激发触发器执行相应的操作&am…

javabean连接mysql数据库,jsp+javabean 链接 mysql 数据库

JSPJavaBean html一、JavaBean类java首先先澄清 这个三个都是绝对路径 没有相对路径, E://test.txt 和 E:/test.txt 是一个意思 E:\\text.txt 用这样的写法是 \\ 转义了 ‘\’ .linux为何有\\ 的写法 和 / 这样的写法呢 ,由于window 默认的是\\ 这样…

mysql 强制使用索引_快速找出MySQL数据库冗余索引和未使用索引

冗余索引和未使用索引的危害随着上线的业务越来越多,在MySQL数据库中建的表也会越来越多,为提高查询访问速度,会创建相应的索引。但是由于技术人员的水平参差不齐,业务下线,代码逻辑变更等原因,导致线上数据…

java第一次课必修实验答案,Java第一次实验报告

北京电子科技学院(BESTI)实验报告课程:Java实验 班级:201352 姓名:池彬宁 学号:20135212成绩: 指导教师:娄佳鹏 实验日期:15.04.14实验密级: 预习程度…

python实现目标识别_Python10行代码实现目标检测

ImageAI可以让程序员和软件开发者只用几行代码,就能轻易地把最先进的计算机视觉技术整合到他们现有的以及新的应用程序里面。用ImageAI实现目标检测,你只需要以下步骤:安装Python安装ImageAI和相关函数库下载目标检测模型文件运行示例代码(只…

在matlab中求协方差,matlab里面的求协方差函数

一:matlab里面关于方差和协方差的几点需要注意的求均值的函数:mean求方差的函数:var标准差:方差:求协方差的函数:cov1 如果a,b是向量,则:cov(a,b)相当于是[D(a),cov(a,b);cov(b,a),D…

python做var模型_【Python金融量化】VaR系列(五):Copula模型估计组合VaR-阿里云开发者社区...

1. 资产组合VaR建模方法回顾文章中总结了通过DCC模型估计组合向前一日VaR的方法,整体思路如下:● 通过Garch族模型估计各资产的波动率● 通过DCC模型估计各资产间的相关系数,结合1得到资产组合的协方差矩阵● 在各资产正态性假设的前提下&…

matlab从矩阵中取rp开头文件,matlab trainrp

Af ] train(net, P,T, Pi, Ai,VV ,TV ) 3 [Y, Pf , Af , E, perf ] sim(net, P, Pi, Ai,T ) {tansig,purelin},trainrp BP lr......traingdm、traingda、 traingdx 、 trainrp 、 ...traingdm traingda traingdx trainrp train...{tansig,purelin},trainrp BP 网络的训练函数 训…