即时通讯类产品分析(ios平台)
背景
Gleasy android版基本稳定,迈入“发现机会,优化产品”阶段。
即时通讯是手机版本的重点功能,优化优先级高。
IOS版正在设计研发中,此次研究结果可优先作用于此版本中。
平台
IOS
同一个应用,IOS版本的设计一般更精良。
此次研究结果可优先作用于研发中的IOS版本中。
分析产品



具体分析
——消息列表




总结:
消息页面的查阅性要求它必须是简洁、清晰、方便查找的,我们在设计消息页面时,可以考虑以下几点:
•合理利用用户已形成习惯的交互手势,使页面简洁;
•能快速发起新的会话;
•采用搜索功能,缓解信息堆叠造成的查找不便;
•消息读取结果反馈帮助消除用户的猜测和不安感;
•能批量删除,迅速快捷;
——联系人列表




总结:
联系人页面是一个IM应用的基础功能,它是发起会话的一个重要入口,我们可以借鉴竞品里联系人页面的一些优点:
•对联系人采用个性化选择排序,让用户选择自己想要的排序方式,查找快速方便;
•能快速对联系人发起新的会话;
•采用搜索功能;
•在联系人列表对未读消息提示,提高消息阅读效率;
•开放建立群组,每个人都可以发起群组讨论,沟通无障碍;
——1对1会话面板




总结:
对比以上4个竞品,我们在对会话面板做设计时要注意:
•头像承载用户个人信息已经成为大部分用户的习惯认知;
•消息读取反馈,可以及时反馈消息传达结果,消除用户的焦虑感;
•语音已经成为一个重要的消息输入方式;
•存在其他联系方式时,发起其他方式联络的入口要明显、快捷;
——群会话面板




总结:
群组会话的多人的特性会造成消息查找相对于私聊困难,成员变动难以察觉,所以在设计群组会话时,要注意:
•可对重要性的消息做标记及利用,这一点上可以好好参考微信;
•成员增删操作要简单明了;
•讨论组名称修改简单灵活;
成员数量变动一目了然
——文字输入




总结:
在做文字输入的交互设计时,我们可以借鉴这些竞品的优点,避开缺点:
•提示对方输入状态,留住用户焦点在当前会话上;
•输入过程中可以随意切换其他输入方式,防止出现输入TAB被虚拟键盘遮挡的情况;
•发送按钮内置在虚拟键盘可以使页面得到更有效的利用;
——语音输入








总结:
在做语音输入的交互设计时,我们可以借鉴这些竞品的优点,避开缺点:
•随时可切换到其他输入方式快捷;
•标示未读语音消息,防止漏读;
•语音输入过程中,要有有效明确的指示;
•可以使按钮同时承载指示功能,高效利用;
•语音录制过程中计算录音时间长度,可以防止录音时间过短或过长造成的语音输入失败;
——查看聊天记录



总结:
聊天记录的查阅与利用:
•查阅方便快捷;
•加载聊天记录时,不要让用户出现等待感觉,给用户使用流畅的体验;
•参考LINE,能把聊天记录以文档形式导出,不怕丢失;
——富文本插入功能



总结:
富文本插入功能在会话中很重要,它决定了会话的丰富度,我们设计过程中要注意:
•富文本插入功能丰富,给用户随心随意的愉悦体验;
•分页提示要明显清晰;
•图标要能贴切表达出功能;
——添加图片控件






总结:
添加发送图片要灵活高效,在设计过程中要考虑以下几点:
•支持图片批量发送,高效快捷;
•支持图片预览功能,避免出错;
•可撤销选择;
•图片上传要迅速,尽量降低用户的等待感;
——查看图片





总结:
查看图片时应注意:
•界面简洁,不干扰用户查看图片;
•支持分享和保存图片;
•结合用户的手势交互习惯;