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

设计模式——聊天和消息

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

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

激起兴趣

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

时间戳

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

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

堆栈消息

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

泡泡风格

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

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

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

指明发件人

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

按日期分组消息

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

气泡宽度

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

添加消息预览

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

使用清晰的视觉指示

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

始终如一

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

系统消息

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

本文内容为转载

相关文章

  • 设计模式——聊天和消息

    学习设计聊天的技巧。毕竟它们构成了我们生活的重要组成部分!人们通过查看新消息开始新的一天,然后手里拿着手机入睡。让...

  • java之代理技术

    java之代理模式 直接聊技术! 描述 代理模式是常用的java设计模式,代理类主要负责为委托类预处理消息、过滤消...

  • 设计模式中的那些工厂

    设计模式中的那些工厂 Intro 设计模式中有几个工厂模式,聊一聊这几个工厂模式的各自用法和使用示例,工厂模式包含...

  • 聊一聊设计模式(二)-- 创建型设计模式

    前言 昨天讲了六大原则,今天就进入设计模式的正题了。 思维导图 创建型设计模式,顾名思义就是与对象的创建相关。 单...

  • 聊一聊设计模式(三)-- 结构型设计模式

    前言 憋在家里的第8天,今天开始进入结构型设计模式。 思维导图 结构型设计模式是从程序的结构上解决模块之间的耦合问...

  • 聊一聊设计模式(四)-- 行为型设计模式

    前言 讲完了结构型设计模式,接下里就是行为型设计模式了。 思维导图 策略模式 定义一系列的算法,把每一个算法封装起...

  • Java设计模式——生成器模式

    Java设计模式之生成器模式 回顾 这期继续跟大家聊下创建型的设计模式,如果想了解其他创建类的设计模式有哪些,可以...

  • RocketMQ的设计理念和目标

    设计理念 RocketMq设计基于主题的发布订阅模式,其核心功能包括消息发送、消息存储、消息消费,整体设计追求简单...

  • 尬聊设计模式

    什么是设计模式? 我们都知道做任何事情都有经验方法可寻,这些经验方法也是我们平时所说的“套路”。像《梦入神机》这样...

  • Java设计模式——享元模式

    Java设计模式之享元模式 这期跟大家聊的的设计模式是享元模式,该模式也是结构模式。 简介 利用共享的方式解决大量...

网友评论

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

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