直达内容

设计指南

Mixin Messenger 机器人设计指南旨在为用户提供易用、高效和一致的用户体验,帮助开发者更好的适配界面,充分利用容器所支持的特性。

一致性

  • 视觉一致性

    机器人的字体、颜色、按钮、标签等应保持一致。

  • 功能一致性

    机器人的各页面中的交互方式和交互元素应保持一致。

  • 遵循平台规范

    遵循 Android 和 iOS 界面设计规范,设计符合平台用户的交互和视觉。

重点突出

每个页面都应有重点,区分主次,以便用户快速理解页面内容,尽量避免页面出现与内容无关的元素。

重点突出

减少输入

在设计机器人页面时尽量减少用户输入,利用现有接口和一些易于操作的选择控件来改善用户的输入体验。例如需要输入手机号的地方可以通过授权申请来避免用户再次输入。

体验流畅

  • 应避免页面长时间等待,通过优化网络和页面性能提升访问速度。

  • 当操作不可避免需要等待时,应显示加载和等待的动画效果缓解用户情绪。

  • 若等待时间过长应提供进度条并提供取消操作。

避开机器人菜单

机器人菜单固定漂浮在右上角位置,开发者在设计界面时应预留出该区域空间,避免功能被遮挡造成交互冲突。

避开机器人菜单

避免过多通知

重要的信息才通知用户,过多通知会遭致用户反感,可能会静音甚至拉黑当前机器人。如果确实有许多信息需要通知给用户,应提供选项让用户选择要推送的类型。

下一步

友好的设计是不需要刻意去引导的,用户一看就明白怎么使用,让界面满足用户需求的同时提供良好的体验是我们追求的目标。

  • 用户交互

    熟悉机器人与用户的交互方式有助于设计师优化交互体验。