交互设计实践总结-访问控制设置

应用类型:B2B交易协同工具,销售模块,店铺访问控制设计

店铺访问控制,是由店铺管理员设置各种访客角色对属性的访问权限。

该功能有以下几种属性

访客类型

    -客户(定义:供应商有该用户的客户档案)

    -散客(小程序未登录、app无客户档案)

访问属性

    -商品

    -价格

    -库存

    -库存显示方式



第一版

共两个维度,相互交叉。一开始按访客类型区分。

客户

    -商品

    -价格

    -库存

    -库存显示方式

散客

    -商品

    -价格

    -库存

    -库存显示方式

可以很好理解,是分别设置不同访客的权限。但是,有两个问题。

1.库存显示方式应是统一显示,不应该客户选择了显示数量,而散客显示“充足”。用户转变角色后看到的信息不一致。后台工作设置同一个属性面对不同用户要不同的方式显示,工作也繁琐

2.客户应默认有查看商品和价格的权限,不然没有意义。所以没有必要做选择【客户是否可以查看商品信息】



第二版

把客户的查看商品价格操作去掉,把显示方式提取出来了

散客

    -商品

    -价格

    -库存

客户

    -库存

库存显示方式

    -充足

    -数量



最终版

然而不如把库存也拉出来作为跟库存显示方式作为一个维度。而且没有这种可能【只给散客看库存而不给客户看】。

散客

    -商品

    -价格

库存开放对象

    -仅客户

    -客户及散客

库存显示方式

    -充足

    -数量


P.S


各版本页面



具体交互说明

理清了逻辑,然后就是考虑具体操作方式

1.只需要考虑散客是否查看商品和价格

散客是否查看商品和价格

选择允许散客查看商品后,才出现【选择散客查看价格开关】

2.到库存的维度(包括允许什么角色查看、显示方式)

库存

    2.1允许查看库存时,才会弹出【选择角色】、【显示方式】

选择角色必须二选一,仅客户、所有人。因为允许查看库存相当于客户一定可以查看,剩下就是选择散客能不能看

若“不允许查看库存”,不会弹出选择角色和选择显示方式。

3.库存显示方式,加上适当的文字说明,区间和显示的文本。

固定不变的是“库存小于等于0,显示缺货”

    3.1选择“显示数量”时,说明是“库存小于安全库存且大于0,显示数量”

    3.2选择“显示充足”时,说明是“库存小于安全库存且大于0,显示’充足’”


样式优化后的终极版

终极版交互说明

1.【查看库存的访客类型】打勾操作变成标签选择,表示不同种类的人群。

2.库存显示方式为左右排版,更加直观。

3.说明文案考虑的区间更加全面。

库存显示说明

第一行【大于安全库存】是动态文本,文本颜色改成蓝色。区分样式以引起用户的注意。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作者:[加] 阿利斯泰尔·克罗尔 本杰明·尤科维奇 韩知白 王鹤达 译读者:锅巴GG 全书的结构安排别再欺骗自己...
    锅巴GG阅读 4,142评论 1 32
  • 世上最好的家就是爸爸爱妈妈,妈妈爱我们,我们爱爸妈。一位父亲能为孩子做的最好的事,就是爱他们的母亲。因为生活在丈夫...
    开心球兔小跳阅读 227评论 0 0
  • 工作中,关于解决问题有两种人,一种是老好人一种是张弛有度的会解决问题的人。 以前我有点老好人倾向,更多时间竟然用于...
    懿拾阅读 367评论 0 0
  • 这是一个模仿简书风格的用户设置页面 实现页面 基本设置页 个人资料页面 黑名单页面 密码重置页 删除账号页 依赖第...
    suemi阅读 2,150评论 0 1
  • 男人是家庭里的中流砥柱,但相较于女性,大多数男性对于健康的话题并不感冒,这就很容易导致,在忙碌工作的时候,一些疾病...
    营养师高亚军阅读 399评论 1 1