美文网首页设计模式朵朵喵•互动
设计模式——聊天和消息

设计模式——聊天和消息

作者: 嘎嘎开心 | 来源:发表于2022-04-19 09:39 被阅读0次

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

    激起兴趣

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

    时间戳

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

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

    堆栈消息

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

    泡泡风格

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

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

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

    指明发件人

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

    按日期分组消息

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

    气泡宽度

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

    添加消息预览

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

    使用清晰的视觉指示

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

    始终如一

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

    系统消息

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

    本文内容为转载

    相关文章

      网友评论

        本文标题:设计模式——聊天和消息

        本文链接:https://www.haomeiwen.com/subject/bcjpdrtx.html