创意电子

标题: 谈谈小步伐产物设计规范 [打印本页]

作者: Ryan葉 时间: 2021-4-14 22:05
转发了

作者: 有得 时间: 2021-4-14 22:51
？

作者: 小草与小狗 时间: 2021-4-15 00:17
转发了

作者: 物联区块链 时间: 2021-4-15 06:52
转发了

作者: 科技之先一米阳光 时间: 2021-4-15 07:23
转发了

作者: 王老板爱视频 时间: 2021-4-15 08:17
转发了

作者: 事在人为162084077 时间: 2021-4-16 08:26
转发了

作者: 一直晒暖的猫 时间: 2021-4-16 09:11
转发了

作者: JS052460 时间: 2021-4-16 14:05
转发了

作者: 人人都是产品经理 时间: 2021-4-19 07:10
标题: 谈谈小步伐产物设计规范

编辑导语：现在微信小步伐已经用的非常频繁了，很多平台也都开展了小步伐板块，小步伐在一定程度上给用户带来了很多便利；对于小步伐的设计，也一定要注意规范问题，以免用户体验不好；本文作者分享了关于小步伐产物的设计规范，我们一起来相识一下。

无论从小步伐上线时间上还是用户规模上，小步伐都不算是一个新的物种，但依然要秉着用户最少的学习成本来达成产物目标；近期体验过程中发现部分产物并没有发挥小步伐应有的特性和本领，也有部分产物把小步伐当App一样举行产物设计；给用户带来不友好的体验，提炼了几个出现频率较高的事项和大家分享。

一、关于“添加到我的小步伐”

（数据来自阿拉丁统计平台）
在2020年小步伐入口流量排行榜中排在Top1的就是微信消息下拉入口，流量占比达到21.54%，该场景值非常依赖用户长期打开形成倒序排在最近利用小步伐列表前线，大概用户曾经做过“添加到我的小步伐”的操作；目前大多数用户具备“添加到我的小步伐”意识，但多数需要在恰当的场景下给予不一样的引导方式。

1. 引导方式分为“气泡引导”和“蒙层引导”

气泡引导是一种较为轻量级引导，展现情势指向小步伐胶囊的菜单入口，气泡引导优势在于不会打断用户举动，它应在一定时间（发起5s）内自动消失，或提供关闭按钮由用户手动关闭。
蒙层引导偏逼迫性引导，优势在于拆解添加步调，流程较为清晰。缺点也在于蒙层引导能利用户注意力聚焦在引导上，此时原页面功能均无法利用；考虑到它会打断用户的任务路径和沉浸式体验，引导次数不宜过多，且在恰当的时机再举行引导。

2. 注意事项

不宜出现叠加引导，即同时出现2种引导，显得冗余且会干扰，根据用户属性和偏好选择恰当的引导方式大概在不同场景下出现不同引导。
勿利用激励举行诱导引导，从用户代价导向来看，通过诱导产生的添加在后续产生的用户代价是微乎其微的，因为是冲着奖励/奖品来，而不是小步伐自己提供的服务；除非是面向KPI来做产物和运营。同时也违背了小步伐运营规范，遇到基本一个举报一个准。
不宜多次重复引导，对于已经添加后的用户引导气泡/蒙层再次进来无需提示，目前无法监听用户是否做过“添加到我的小步伐”；但可以从打开小步伐的场景值中去判断，即从微信下拉或发现-小步伐-我的小步伐中打开可判断引导添加不予提示，减少无关页面元素避免对用户产生干扰。

二、关于授权

用户授权的成功与否，一定会影响后续用户举动和产物提供服务质量，好的授权方式应该是很自然且充分尊重用户知情权与操作权的底子之上举行授权引导，从授权类别上小步伐总体可分为“账号登录授权”和“别的服务授权”

1. 登录授权

大多数业务都需要登录后才华感受到小步伐实际代价，整体核心业务流程漏斗上，让用户登录成功是第一个漏斗，现在小步伐提供的登录本领很强大，所以流程很简单，但触发和交互方式不容轻视。
登录授权触发机制均为用户自主触发，触发方式大体分为“全功能”触发和“局部功能模块”触发。
全功能触发即小步伐页面中的所有内容均需要登录才华浏览/操作，局部功能模块触发即小步伐页面中的部分内容模块，需要登录才华浏览/操作。
针对“全局功能”触发发起以转达小步伐代价为主举行引导授权，比如登录后可利用订阅服务，发布信息服务等小步伐特性或功能点罗列。
针对“局部功能模块”触发发起以转达该模块功能代价举行引导授权，如登录后可评论，登录后可查看我的收藏；与“全局功能”触发授权不一样的是， “局部功能模块”触发的授权，可以由不同页面模块来转达不一样的代价来引导授权登录。

2. 授权情势

授权情势大体分为两种，一种是“页面内”触发授权，另一种是跳转至授权中间页授权。

“页面内”触发授权按钮，只需要一步就触发授权请求，比较合适于“局部功能模块”触发的授权情势。
跳转至授权中间页统一多场景的登录体验，更大设计空间，比较合适于“全局功能”触发的授权情势。

3. 别的本领授权

别的本领授权包含常见的地理位置、相机、相册等本领，这类授权机制保举用户自主触发授权；虽然可以做成自动触发授权，大多数用户对这些授权都非常敏感，只有在真正需要利用授权接口时，才向用户发起授权申请，并在授权申请中说明清楚要利用该功能的理由。
授权通过率可能才有保障。一旦用户明确同意或拒绝过授权，其授权关系会记录在后台，直到用户主动删除小步伐。

用户可以手动在小步伐设置界面（右上角- 关于- 设置）中控制对该小步伐的授权状态，这路径实在有点长；如果判断拒绝授权时，可以调用 wx.openSetting 一步跳转打开权限设置界面，引导用户开启授权。

4. 注意事项

请勿在用户预期外弹出授权，比如切换底部tabr弹出登录授权，对用户感到，即使该tab部分内容模块需要登录才华浏览/操作，也可让用户进入到该tab页面中，举行引导授权，充分尊重用户知情权与操作权的底子之上举行授权引导。
不宜过于逼迫的引导，比如授权引导固定悬浮在底部，授权弹窗无法关闭，频繁弹出授权等，会破坏用户的原生体验，只解决了“用户该怎么授权”并没有解决“用户为什么要授权”的问题。

三、关于利用体验

如微信小步伐设计规范所说，一旦用户进入我们的小步伐页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去；确保用户在页面中游刃有余地穿梭而不迷路，这样才华为用户提供安全且愉悦的利用体验。

1. 标准导航栏

标准导航栏标题具有可读性高以及和页面内容高匹配度，导航需要告诉用户，当前在哪，可以去哪，标题长度包管主流机型能够展示全；如果标题展示不全容易产生信息丢失，理解有障碍；比如微信小步伐示例二级面表现的是具体组件名称，而不是“组件详情”。

2. 自界说导航栏

当利用自界说导航时，因注意页面内容是否与小步伐胶囊有重叠，小步伐胶囊每个页面的位置都是固定的，不可隐藏也不可调整位置。

3. 统一稳定性

不管从小步伐上线时间上还是用户规模上，小步伐都不算是一个新的物种，但依然要秉着用户最少的学习成本来达成目标，对话框作为最常见的交互组件之一；发现很多小步伐只会利用dialog（对话框）或自界说一个dialog（对话框），稍微熟悉小步伐组件的同学可能都知道另有一个叫half-screen-dialog（半屏弹窗）。
在half-screen-dialog出来前，包含微信在内，相关授权不停都是用dialog组件来举行授权，在half-screen-dialog出来后，不管是手机号码授权还是地理位置授权都是用half-screen-dialog组件，这意味着half-screen-dialog比dialog更适用于授权方面。

实在不仅仅在授权方面，在整个交互反馈转达信息上，dialog确实很有范围性，一旦内容多显得密度很高，没有条理感，而half-screen-dialog很好的解决了这方面问题；但dialog也有自己的优势，就是提示文本比较少的时间合适利用，比如“是否要删除该图片”，言简意赅的提示用dialog是最佳选择，此时用half-screen-dialog就显得非常冗余。
总之在组件方面，最抱负的环境下是标准化，一能令用户利用感知更加统一，二能达到降本增效的效果，利用微信提供的组件对页面性能的提高有极大作用，无形之中提升了用户体验。
整体小步伐迭代周期还是以周为单位举行更新，本文有较强及时性，更多最新知识需要大家及时洞察和探索。

#专栏作家#

动物园园长，微信公众号：首席吹牛官，人人都是产物司理专栏作家。互联网圈十八线作词人，国家一级退堂鼓表演艺术家。颜良而文丑，欢迎交换。
本文原创发布于人人都是产物司理。未经允许，克制转载
题图来自Unsplash，基于CC0协议

欢迎光临创意电子 (https://wxcydz.cc/)