作者是一位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的工程师可以尽快的解决其中的一些功能。