美文网首页js css html
设计模式——评论

设计模式——评论

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

如今,评论是大多数交流发生的地方——用户互相提及并回复其他人评论的帖子。努力使评论部分尽可能整洁。本文将助您一臂之力!

平面视图

在设计评论部分之前,请确定哪种对话风格更接近您的产品。两个主要的是扁平的和螺纹的。平面视图按时间顺序将评论显示为单个列表,您无法对回复发表评论。

平面视图更能保持主题,鼓励更多的单个小组讨论而不是将其分成几个线程。

线程视图

通过线程(或嵌套)评论,用户可以回复特定评论。这种格式支持自然对话并鼓励闲聊。

小心——嵌套的评论可能会导致无休止的闲聊。

移动线程视图

为移动设备设计线程视图并不是一项简单的任务。花时间详细了解小屏幕的细节。如果您将评论显示为线程,请将其限制为 2 或 3 级。如果用户想阅读更多内容,他们可以在新页面中打开一个线程继续阅读。

在块中显示评论

一次显示所有评论太过分了。您冒着使整个页面超载并分散用户对更相关内容的注意力的风险。此外,无休止的滚动使页面难以导航,最终耗尽了我们的耐心。通过隐藏评论或仅显示最受欢迎的评论来避免这种情况。

通过显示最突出或最辣的评论来吸引用户的注意力,以鼓励他们潜入评论部分。

以块显示回复

显示回复——尤其是有争议的评论回复——可能会占用数百条消息。显示所有这些看起来很混乱和混乱。您可以通过隐藏回复并仅显示最受欢迎的回复来简化情况。

帮助用户扫描评论

评论可能非常压倒性。帮助用户清楚地区分主要元素(如用户名)和不太重要的元素(如日期和时间)。已建立的层次结构可帮助用户更有效地感知和导航内容。

仅使用最需要的操作

虽然看起来很简单,但创造出色的评论体验并非易事。因此,让我们不要通过过度设计来进一步复杂化它!只保留用户经常使用的必要元素。看看其他产品如何实现评论部分并使其适应您的产品。

分块评论

像“你不会相信比伯在红地毯上穿的衣服”这样的帖子可以轻松收集数千条评论。为了使它们保持整洁和有条理,请在单击“查看更多”选项后以块的形式显示它们。由您决定每次点击时加载多少选项。

对于评论,加载更多按钮比无限滚动更强大。它产生了一种错觉,即评论比实际存在的要多。

长评论

灵感是不可预测的。它可能随时到来。评论也不例外,一些用户可能会留下一堵文字墙。隐藏部分长评论并提供“显示完整评论”按钮。

分享评论

有些评论可能是善意的,而另一些评论可能会引发一场革命。你永远不知道用户会说什么!如果可以,允许用户分享以邀请其他人加入讨论,尽可能减少摩擦。

父评论

与评论交互时,主要操作是留下父评论,而回复其他评论应始终是次要操作。使评论输入尽可能明显,并将其放在评论部分的最顶部或底部。

使用“回复”按钮找到合适的平衡点 — 很容易找到,但不会太浮华。

评论提及

“嘿,@Fredo,你的徒步旅行怎么样?” 或者“嘿,@Aladdin,你忘了地毯了,给我打电话”是我们在社交媒体上经常看到的对话。提及,通常带有 @ 符号,用于呼唤或邀请其他用户参与讨论。

本文内容为转载

相关文章

  • 设计模式——评论

    如今,评论是大多数交流发生的地方——用户互相提及并回复其他人评论的帖子。努力使评论部分尽可能整洁。本文将助您一臂之...

  • 有人说设计模式是为了弥补Java语言的缺陷,你觉得是这样吗?

    我引用Steve Yegge在《程序员的呐喊》中关于设计模式的一段评论: 设计模式提供了23个漂亮的盒子,帮你整理...

  • 设计模式

    常用的设计模式有,单例设计模式、观察者设计模式、工厂设计模式、装饰设计模式、代理设计模式,模板设计模式等等。 单例...

  • 设计模式笔记汇总

    目录 设计原则 “依赖倒置”原则 未完待续... 设计模式 设计模式——策略模式 设计模式——装饰者模式 设计模式...

  • 设计模式

    《C#设计模式》 《C#设计模式》-设计模式概述 《C#设计模式》-面向对象设计原则 《C#设计模式》-单例模式 ...

  • 浅谈JS的一些设计模式

    @(书籍阅读)[JavaScript, 设计模式] 常见设计模式 设计模式简介 设计模式概念解读 设计模式的发展与...

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • 设计模式之工厂模式

    设计模式之工厂模式 标签(空格分隔): 设计模式 工厂模式 设计模式的感念 设计模式的应用 工厂设计模式的产生 工...

  • JavaJavascript基础进阶(十七)JS中常用的设计模式

    单利设计模式、构造原型设计模式、发布订阅设计模式、promise设计模式 单利模式 构造原型设计模式 最贴近OOP...

  • 设计模式 - 目录

    设计模式01 - 单例模式 设计模式02 - 工厂模式 设计模式03 - 建造者模式 设计模式04 - 适配器模式...

网友评论

    本文标题:设计模式——评论

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