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

作者: Garvindon | 来源:发表于2017-12-27 11:44 被阅读25次

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

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

该功能有以下几种属性

访客类型

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

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

访问属性

    -商品

    -价格

    -库存

    -库存显示方式


第一版

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

客户

    -商品

    -价格

    -库存

    -库存显示方式

散客

    -商品

    -价格

    -库存

    -库存显示方式

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

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

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


第二版

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

散客

    -商品

    -价格

    -库存

客户

    -库存

库存显示方式

    -充足

    -数量


最终版

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

散客

    -商品

    -价格

库存开放对象

    -仅客户

    -客户及散客

库存显示方式

    -充足

    -数量

P.S

各版本页面

具体交互说明

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

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

散客是否查看商品和价格

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

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

库存

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

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

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

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

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

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

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


样式优化后的终极版

终极版交互说明

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

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

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

库存显示说明

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

相关文章

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

    应用类型:B2B交易协同工具,销售模块,店铺访问控制设计 店铺访问控制,是由店铺管理员设置各种访客角色对属性的访问...

  • Google语音交互设计规范(3/3)

    谷歌语音交互设计实践

  • 什么是交互设计

    交互设计是在设计什么 交互设计——设计交互式数字产品、环境、系统和服务的实践。正如大多数设计设计学科一样,交互设计...

  • 用限制迫使用户改变行为

    本文总结了《怦然心动:情感化交互设计指南》第21章:设置游戏难度的主要内容。 主要讨论了如何在设计中加入简单限制(...

  • 《交互设计精髓》读书心得一

    交互设计是数字产品、环境、系统和服务的交互设计实践。和其他学科一样,交互设计是关于外形和形式的,大多数设计都会影响...

  • 交互总结篇(二):流程设计

    上篇文章介绍了交互框架与布局的设计,详情请见《交互总结篇(一):框架布局篇》,而本文作为交互设计总结篇的第二篇——...

  • 【实践】API网关(TYK)设置流量控制

    TYK中设置流量控制和访问控制有两种方式, 1、在生成key的时候设置访问权限 配置如下图: 然后点击create...

  • WebView

    简单使用 在AndroidManifest.xml设置访问网络权限: js和webview的交互 WebView ...

  • 不得不懂得交互设计三要素之叁——交互细节设计

    交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素-交互细节设计。本要素是在前两个要素指导下的设计实践,...

  • Marks Review - Interaction Desig

    如何做好陌生领域产品的交互设计 交互设计的实质是行为塑造 交互设计新人在阿里的实习总结 7条产品设计原则:纯干货总...

网友评论

    本文标题:交互设计实践总结-访问控制设置

    本文链接:https://www.haomeiwen.com/subject/wuufjxtx.html