发消息可能是我们2017年最常见的沟通方式，我们经常在上下班途中、在学校里、在工作中或躺在家里的沙发上聊天。一项研究表明，Messenger和WhatsApp每天处理超过600亿条消息。
（一）挑战
在移动设备上发送消息的重要性是我决定参加UpLabs聊天挑战的原因。这项挑战的简介是为一个APP或网站创建聊天交互流程，并牢记以下几点：
界面必须打破常规，摒弃无趣的聊天界面
用户必须能够无缝地附加文件，而不会影响正在进行的聊天
用户应该可以在几个聊天之间轻松切换
它必须是独一无二的，还应该解决我们在当今世界面临的用户体验问题
（二）定义关键痛点
因为我是青年一代人中的一员，所以我整天都盯着我的手机。虽然这样并不好，但也让我对用户体验问题有了更深入的了解，然而，当我们在手机上发消息时很难意识到这些。
我猜你一定很熟悉一种感觉：当你的聊天伙伴一个接一个地询问一个以上的问题时，你总是必须在回复中说明你目前正在回答哪一个问题。这会减慢聊天进程，也会更大几率地导致错误理解。
（正在回答的是哪个问题？也许发消息者的意思是需要5天时间游览巴黎，另外再加3天干别的事，或者也许意思是总共预订酒店5天，其中3天观光2天放松...所以我们无法确定哪些问题得到了解答。）
在移动设备上发消息时的另一个痛点是：当你与多个人聊天时，你必须在开始输入之前回到收件窗口中选择其他对话，再进入开始输入信息。
所以在这项挑战中，我们有两个核心痛点需要去解决：
如何在同时收到多个问题时明确指出哪个问题用户正在回答哪个问题？
如何在多个会话之间切换而不必每次都返回收件箱页面？
（三）执行1：设计
展示这个问题的解决方案肯定需要一个动画原型，但在原型设计阶段之前，我经常从Sketch开始着手设计。
在设计过程中，我的目标是——为我们今天使用的最流行的聊天APP的界面创建一个熟悉的外观和感觉。我不想设计一种全新的聊天界面的原因是，这会给潜在用户一种疏离感，这会更难处理，并且注意到小细节。
为了能有一种令人感到熟悉却又与众不同的设计语言，我结合了最流行的几种不同聊天软件的元素：iMessage、Messenger和Skype，给用户一种视觉上令人愉悦且注意力不容易分散的感觉。
（四）执行2：动效
在动效原型的制作过程中，我的目标是——使用简短、快速和有趣的动画（主要是弹簧动画-类似于拉伸回弹的效果）来在整个聊天界面中创造一种快速、有响应的和可靠的反馈。
（点击该链接查看动效：https://dribbble.com/shots/3745978-Parallel-Chat）
第一个问题的解决方案：受到iMessage中贴纸拖放方式的启发，我创建了一个流程使用户也可以将消息拖放到对话框中的任意位置，这样用户就可以直接将答案框拖到你相应的问题下方回复。
第二个问题的解决方案：我创建了一个解决方案使用户可以通过简单的滑动在最近的对话之间切换，也可以从应用顶部向下滑开收件箱页面，以便更好地查看正在进行的聊天。
Ps：小贴士
这个挑战有激励我提高对日常所面临的小型设计问题的认识，我认为且相信——我们不应该毫无疑问地完全对现有的解决方案感到满意，而应该即使在设计过程中多次失败也要不断地尝试改进它们。
公众号：交互设计好青年 欢迎关注
网友评论