美文网首页
[自译]提升Quora的消息体验

[自译]提升Quora的消息体验

作者: ShusQ | 来源:发表于2018-07-03 23:09 被阅读19次

    作者是一位Quora的用户,通过自己平时使用的经验,总结了一些站内消息存在的问题,并借机探索了一些,设计上可能的更优解,一篇短文也还可以去原文看看。

    原文链接:Enhancing Quora’s messaging UX

    原文作者:Abhishek Sharma

    什么是Quora?

    Quora是一个平台,允许全世界的人们分享他们的知识。它的模式与Yahoo Answers相似,你可以提问-其他人来回答。这里也会有一个feed来浏览受欢迎的问题。

    周末项目

    我从2013年开始使用Quora,这是我在Twitter之外的第二个网络家园(对不起,Zuck)。每年的夏天,我的Quora信箱都会被塞满,很多学生会因为择校的问题向我寻求帮助。

    今天,我在浏览Quora消息的时候发现了一些UX问题。我在周末也很清闲,所以决定去改善这些问题,怎么样?

    当前的设计

    传统的双列布局,还不错,仍有改进的空间。

    这也不会是一个完整的重新设计,我只是修复了一些我经常遇到的小问题,并梳理了视觉设计。

    新的设计

    一小些提升就足够了,我们来看看有哪些改变吧。

    UX提升

    消息内搜索

    问题-当我帮助学生们的时候,我有时候需要去找去年,或者很早之前的消息(相同的学校建议通常不会改变很多)。所以我需要滚动很长的列表去寻找很久之前的信息。

    解决方法-添加一个简单的搜索栏。

    消息数

    问题-看上吗这张乳品,你可以知道我的兄弟发了多少消息给我吗?答案是No。我需要计数,来给出消息的长度,还有消息是否紧急。

    解决方法0我们可以展示消息的数量,通过一个简单的label放在文本旁边,就像Facebook一样。

    相对时间

    问题-Quora使用相对时间来展示最近的消息。我通常需要计算当前的时间,来知道我什么时候发了这条消息。这会增加认知负荷。

    解决方法-使用绝对时间,这种格式不会强迫用户去思考。

    保存草稿按钮的位置

    问题-保存草稿的按钮离发送按钮太近了,这可能会操作失误,将一封没有写完的消息发送出去。

    解决方法-自动保存草稿,并使用删除草稿的按钮放在最左边。通过这种方式,你总是可以知道当前系统的保存状态。如果你想清除它,就通过左边的删除草稿。

    视觉设计的改进

    提高信息对比

    问题-当前的信息块缺少对比。我发现发送者的姓名和信息之间没有明显的区别,他们都是#333和13px,即时是不太重要的信息也是13px。

    解决方法-使用颜色,大小,字重来创建一个清晰的层次结构,并建立对比。

    更好的空间

    问题-某些地方的行距是不一致的。

    解决方法-前后统一行距,改善了标题附近的空白和隐藏消息的按钮。

    我没有改变的事情

    会有一些需要重设计的内容,但是我没有去做。

    输入框的大小

    一看起来,消息的输入框比通常的要大,会让你想要把它改成Messenger或者Twitter那样。

    但是在创建另一块画板之前,我开始思考为什么Quora的设计师选择了这种模式。经过了几分钟的思考,我得到了一个令人满意的答案-Quora是一个分享知识的平台,在给一个人发送消息时,你常常需要输入大量的信息。使用单行输入会变得困难,另外,这个设计会让用户明白,按回车不会发送消息。

    使用名字和图片识别用户

    Quora在对话框中通过名称和图片来识别发送着。这种模式与我们在社交媒体上看见的有所不同。

    我找到了这背后的原因-Quora不是一个社交平台,你不会通过图片和你认识的人交谈。你可能遇到的是陌生人。

    因此,指通过图片来识别发送消息的文本,是一件困难的事情,所以你可能会在顶部提供一个人的名字。但是你不需要重复来检查这个名字。

    结语

    这是一个有趣的周末,我希望Quora的工程师可以尽快的解决其中的一些功能。

    相关文章

      网友评论

          本文标题:[自译]提升Quora的消息体验

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