交互体验笔记 01 - 2020/12
App
翻咔
类型
互联网陌生人社交
体验点
iOS 客户端和 Android 客户端交互不一致，主要包括：
1. 陌生人详细资料入口：iOS 版本在卡片底部，Android 版本在卡片顶部。
2. 撤回按钮位置和大小：用于撤回“不喜欢” 的按钮，iOS 版本在“不喜欢” 左边，更大；Android 版本在页面左上角，更小。
3. 详细资料页面的“不喜欢”按钮：iOS 版本有，Android 版本无。
4. 提醒入口：iOS 版本在动态页面左上角，层级较深；Android 版本固定在标签栏上，作为一级入口。
5. 举报入口：iOS 版本藏在“分享”按钮里，Android 版本在“更多”按钮里。
1. 陌生人详细资料入口：iOS 版本在卡片底部，Android 版本在卡片顶部。
2. 撤回按钮位置和大小：用于撤回“不喜欢” 的按钮，iOS 版本在“不喜欢” 左边，更大；Android 版本在页面左上角，更小。
3. 详细资料页面的“不喜欢”按钮：iOS 版本有，Android 版本无。
4. 提醒入口：iOS 版本在动态页面左上角，层级较深；Android 版本固定在标签栏上，作为一级入口。
5. 举报入口：iOS 版本藏在“分享”按钮里，Android 版本在“更多”按钮里。
01 陌生人详细资料入口
在陌生人社交环境下，用户会依据卡片中的封面图快速做出判断，左划或者右划。当信息不足或者想进一步了解的时候，用户会查看陌生人的详细资料，最后做出决定：喜欢还是不喜欢。
iOS 版本中，在卡片视图下，点击卡片的两侧边，可以浏览所有封面图，而且浏览到最后一张图时继续点击侧边，会直接进入陌生人的详细资料页面（图 1）。这个页面的下方有两个按钮，左边是“不喜欢”，右边是“喜欢”（图 2）。整个交互流程十分连贯，一气呵成。
而在 Android 版本中，详细资料的入口被放置在卡片顶部，而且相比 iOS 版本，Android 的卡片尺寸更大，这就导致入口位置过高，单手握持设备的时候手指完全够不着（图 1）。另外，Android 版本没有“浏览完封面图直接进入详细资料页面”的逻辑。
iOS 版本中，在卡片视图下，点击卡片的两侧边，可以浏览所有封面图，而且浏览到最后一张图时继续点击侧边，会直接进入陌生人的详细资料页面（图 1）。这个页面的下方有两个按钮，左边是“不喜欢”，右边是“喜欢”（图 2）。整个交互流程十分连贯，一气呵成。
而在 Android 版本中，详细资料的入口被放置在卡片顶部，而且相比 iOS 版本，Android 的卡片尺寸更大，这就导致入口位置过高，单手握持设备的时候手指完全够不着（图 1）。另外，Android 版本没有“浏览完封面图直接进入详细资料页面”的逻辑。
图 1 详情资料入口不一致
02 详细资料页面的“不喜欢”按钮
Android 版本的详细资料页面只有“喜欢”按钮，没有“不喜欢”按钮。如果用户决定“不喜欢”，只能返回到卡片视图再进行操作。
图 2 详情资料页面的“不喜欢”按钮不一致
划动卡片和查看资料组成了翻咔 app 的核心交互，但是在 Android 版本上的体验远不如在 iOS 版本上。不通顺的交互逻辑大大降低了用户做决定的效率。
03 撤回按钮位置和大小
在实际使用翻咔 app 的时候，经常会有不小心左划卡片的误操作。所以撤回按钮的位置也需要放置在手指容易触及的位置。显然不管是按钮位置还是大小，iOS 版本都比 Android 版本的位置更容易点中，也更符合直觉。
图 3 撤回按钮位置和大小不一致
04 提醒入口
作为社交类 app，来自陌生人的点赞和评论都应该第一时间暴露给用户。iOS 版本的入口在动态页面的左上角，“通知”是二级页面，而 Android 版本的入口在标签栏上，用户可以直达，查看当前或者历史通知的效率更高。所以入口外置是更合理的设计。
图 4 提醒入口不一致
05 举报入口
虽然两个版本的入口位置一样，但使用的图标不同。iOS 版本是“分享”（虽然呼出的菜单的确包含了分享入口），让人困惑。相比之下，Android 版本的图标“更多”更符合直觉。
图 5 举报入口不一致
结论
翻咔 app 的 iOS 版本和 Android 版本存在较大的体验差距。iOS 版本的核心体验更顺畅，Android 版本在查看提醒上的体验更好。Android 版本比较严重的问题在于核心交互流程不顺畅会直接导致用户完成社交活动的效率大大降低，最终会影响到用户在翻咔 app 上的活跃度。看起来，这两个版本的迭代似乎没有同步进行，所以才出现了这样的问题。如果未来能统一两端的交互逻辑，不仅用户体验会更好，翻咔 app 的用户转化率也会得到提升。
