【产品思维】按钮上的文案是“动作”还是“状态”?新手容易犯的错误

有的时候,文案用词不当,或者交互表现不合理,容易产生歧义,让用户困惑。

下面看个实例

需要在路由器设备列表里提供“显示来源”的按钮,让用户看到哪些无线设备连接到极卫星或者AP

先放一下最终效果图:

【状态1】初始状态,未展示无线设备来源

【图2】点击按钮后,展示了无线设备来源(来自极卫星XXX)

放哪里合适?

由于是动作按钮,所以放置在展示内容的右上角。
由于这个按钮有的时候会出现(当list发现有AP或极卫星),所以为了保证用户点击其他按钮的便利性(鼠标放上去点击,按钮不会横向窜动),所以放置在最左边。因为如果放在中间或者右边,当某次刷新时,一旦发现没有AP或者极卫星,这个按钮就消失,会导致最左边的刷新按钮出现在中间位置,鼠标还得移动点击,体验不好。

文案叫什么合适

经常会遇到一个问题,有的词汇既表示动作又表示状态。所以应该尽量岔开。如果非常容易产生歧义,最好在旁边注释下当前的状态是什么。因为当前状态和指示动作从字面上看,实际上是反义词。

例如 显示来源,单看有两种解读:
1.当前是显示来源的列表
2.点击后才显示来源,现在是隐藏来源的

从截图案例中,由于右上角全是指示动作,所以相对还比较理解,意思是点击后出现什么状态,并不代表当前状态。

【产品思维】有访问权限的页面如何增大曝光和传播

上周,极路由云插件平台实现了这样一个功能:复制插件页面给好友,如果好友没有插件安装权限,那么跳转到无访问权限的插件介绍页。

这么改造的目的:

  1. 无访问权限,让搜索引擎收录,增大曝光
  2. 复制链接需要权限判断时,做二次跳转,是为了方便好友间传播

对于第二条,记得很久前人人网曾经遇到一个问题:
小白用户登录人人网后,习惯性把登录后的首页url复制粘贴给好友(复制的是“主态页”的url),以为好友点击链接后就能看到自己的页面(对别人而言的页面,称之为“客态页”)。

其实,虽然登录后的url后缀有uid(注:用户ID,userid),但是好友复制后会被踢到登录页,当好友登录后,发现展示的是好友自己的页面,并不能看到链接发起者的人人主页。

【产品思维】8021x手机号名下mac绑定,黑白名单的逻辑

极路由的802.1x手机号连WiFi方案

【图】( 极路由的802.1x手机号连WiFi方案

极路由802.1x手机号登录WiFi的功能(查看介绍),需要实现一个衍生功能:

当有设备连接极路由时,会用手机号、密码请求极路由(802.1x认证形式),极路由请求云服务器,如果云端说这个手机号可以放行,则把云端存储的密码加密发给路由器,路由器将来自手机和云的密码串比对一下,如果一致,则放行手机的连网请求。
这样,IT管理员会有个衍生需求:

  • 员工手机号只允许指定的某几台无线设备连网(1台或者多台)

最简单的办法,给手机号提供黑、白名单两种模式,但是会增加模式切换选项,不够极简。

现在方案是:

  • 1.默认处于黑名单,任何新设备都可以进入
  • 2.当用户点击开始独享时,相当于切换成白名单模式,独享的设备可以上网,其他都切换成禁止联网状态。令人,只能从曾经连接过的设备MAC里选择哪些进入白名单,新的试图连接上来的设备由于不在白名单里,所以不会出现新增设备。
  • 3.一旦进入“独享模式”,想切回原来黑名单模式,需要手动一个个点击“取消”,直到列表只剩1台允许连网的设备,这时,点击它的“取消”,会将这个列表的MAC恢复为“允许连网”状态(即初始状态)

方案好处:

  • 1.支持绑定多台MAC地址为白名单设备
  • 2.避免出现一个黑白名单模式切换按钮,精简操作流程

另外补充一点,交互方案设计时,强烈不能用图标替换文字按钮,因为图片的信息传达能力最弱!!能用文字的还是要文字,不要怕文字长。