设计模式——聊天和消息

学习设计聊天的技巧。毕竟它们构成了我们生活的重要组成部分！人们通过查看新消息开始新的一天，然后手里拿着手机入睡。让他们尽可能轻松地使用聊天和消息传递。

激起兴趣

有时，我们很高兴看到“用户正在输入……”消息。其他时候，我们很紧张，因为，谁知道我们会看到什么。无论如何，这样的消息对于节省用户的时间和保持他们的兴趣至关重要。

时间戳

时间是必不可少的。我们希望按时与客户或队友会面、日期、航班或医生预约。这就是为什么显示消息发送的确切时间如此重要的原因。确保时间戳与用户的时区相关。

如果消息是很久以前写的，那么像“一年多前”这样的一般时间戳就可以了。

堆栈消息

我们打赌你至少认识一个人，他讨厌句号，并且遵循“一个想法——一条信息”的规则这很好，但您肯定不需要指定每个消息的发送时间。将短时间内发送的消息（例如，在几秒钟内彼此发送的消息）与一个公共时间戳进行分组。

泡泡风格

如今，大多数人花在聊天消息上的时间比打电话的时间还要多，尤其是在工作之外。因此，除其他品质外，聊天的外观应该令人赏心悦目。如何做到这一点？一种方法是使用视觉上干净且简单的气泡。

为什么圆形如此吸引人？根据FMC（基本建模概念）指南，圆润的线条更自然地让我们的眼睛跟随线条。角向内指向矩形的中心，它还可以帮助用户更好地关注容器内容。

从小我们就知道尖角会受伤，而圆角是安全的。越圆越好。

指明发件人

漫画书以不同的方式影响着我们的生活——从大量的新超级英雄电影到即时通讯应用的风格。特别是，气泡的方向随着时间的推移保持不变，这当然是有道理的，因为它指示发送者。

按日期分组消息

有与数百条未读消息进行聊天的经验的人都知道，在没有任何里程碑的情况下滚动浏览它们是多么困难。一个好的经验法则是按日期对消息进行分组，以简化扫描并防止迷失方向。

气泡宽度

信息的气泡占据整个容器的宽度，感觉有点不舒服，眼睛也更难跟随。而较小的宽度有助于更快地阅读信息，通常看起来更令人愉悦。

添加消息预览

有时，您不想立即阅读消息。特别是如果它以“嘿，我们需要谈谈……”开头，有些消息只是令人讨厌的垃圾邮件，您会全心全意地忽略它们。这就是为什么在发件人姓名下显示消息预览是个好主意。它让用户知道消息是需要尽快打开还是可以等待更好的时机。

使用清晰的视觉指示

人们的记忆力通常不是很可靠。大多数人不会记得他们是否阅读了特定的信息，尤其是如果我们在忙碌的一天中这样做了。减轻用户的负担，并使用可视化工具清楚地指出用户还没有机会阅读哪些消息。

始终如一

区分不同用户发送的消息是可以的，但是太多的颜色会使任何界面都难以感知。为了清楚地区分谁在对话中写了什么，通常两种颜色就足够了。如果是群聊，请考虑为他们的名字而不是整个气泡着色。

系统消息

在设计消息时，请确保系统消息（例如“用户加入聊天”）与真实用户的消息看起来不同，以避免混淆。保持微妙，并使用与其他设计元素相得益彰的颜色和字体。

本文内容为转载