Отправка текстовых сообщений, вероятно, наиболее распространенный способ общения в 2017 году. Мы постоянно чатимся во время поездок на работу, в школу, на работе или дома лежа на диване. Согласно исследованию, Messenger и Whatsapp обрабатывают более 60 миллиардов сообщений каждый день.

Вызов

Важность отправки сообщений на мобильных устройствах явилась причиной, по которой я решил участвовать в UpLabs Chat Challenge. Краткое изложение проблемы заключалось в создании процесса взаимодействия в чате для приложения или веб-сайта с учетом следующих соображений:

  • Интерфейс должен нарушить правила общепринятых скучных интерфейсов чата
  • Пользователи должны иметь возможность без проблем прикреплять файлы, не затрагивая текущий чат
  • Пользователи должны легко переключаться между несколькими чатами
  • Интерфейс должен быть уникальным, он также должен решать UX проблемы, с которыми мы сталкиваемся в современном мире

Определение ключевых проблемных вопросов

Поскольку я один из представителей поколения Y, я целый день залипаю в своем телефоне. Хотя это не очень хорошо, но это позволяет мне глубже понять UX проблемы, которые не очевидны, когда мы набираем сообщения на своих телефонах.

Вам должна быть знакома ситуация, когда ваш партнер по переписке задает несколько вопросов подряд, поэтому вам в своем ответе всегда нужно уточнять, на какой вопрос вы отвечаете в данный момент. Это замедляет переписку, а также может стать причиной недопонимания.

Определение ключевых проблемных вопросов

На какой из вопросов этот ответ? Может быть, для осмотра достопримечательностей Парижа потребуется 5 дней, а еще 3 дня — для отдыха или, может быть, она должна забронировать гостиницу на 5 дней (3 дня — осмотр достопримечательностей и 2 дня для отдыха)… мы не знаем, на какой из вопросов набран ответ.

Еще одна большая проблема во время набора текстового сообщения на мобильном телефоне — это когда вы общаетесь с несколькими людьми одновременно, и вам постоянно нужно вернуться во входящие сообщения, чтобы выбрать другой разговор, прежде чем вы сможете начать печатать текст.

Таким образом, у нас есть два ключевых проблемных вопроса, которые нужно решить во время этой задачи:

  1. Как указать, на какой вопрос ты ответил, когда ты одновременно получил более одного вопроса
  2. Как переключаться между несколькими разговорами, не возвращаясь каждый раз на экран «Входящие»

Реализация: дизайн

Демонстрация решения этой проблемы, безусловно, потребует анимированный прототип, но перед тем, как перейти на этап прототипирования, я всегда начинаю с проектирования в Sketch.

Реализация нового чата: Дизайн

Во время процесса разработки дизайна моя цель состояла в том, чтобы создать знакомый внешний вид, напоминающий интерфейсы самых популярных чат-приложений, которые мы используем сегодня. Я не хотел создавать совершенно новый интерфейс чата, который выглядит и ощущается чуждым потенциальному пользователю.

Для того, чтобы иметь знакомый, но в тоже время новый язык дизайна для этой концепции, я объединил элементы самых популярных чат-приложений: iMessage, Messenger и Skype.

Реализация: прототипирование

Во время процесса прототипирования моя цель заключалась в том, чтобы использовать короткие, быстрые и игривые анимации (главным образом, прыгающие анимации), чтобы создать быструю, отзывчивую и надежную обратную связь с общим интерфейсом чата.

Реализация: Прототипирование
Dribbble Shot
Решение первой проблемы: Вдохновленный методом перетягивания стикеров в iMessage, я создал процесс, в котором пользователи также могут перетаскивать сообщения в определенные части разговора, таким образом вы можете просто бросить свой ответ прямо на вопрос, на который вы отвечаете.

Решение второй проблемы: Я придумал решение, в котором вы можете переключаться между самыми недавними разговорами простым свайпом или вы можете смахнуть сверху вниз приложения, чтобы иметь доступ к людям, с которыми вы переписываетесь.

Выводы

Этот побочный проект / вызов очень мотивировал меня узнавать о небольших проблемах дизайна, с которыми мы сталкиваемся изо дня в день. Я считаю, что мы не должны удовлетворяться существующими решениями, не подвергая их сомнению, а должны пытаться постоянно их улучшать, даже если мы многократно терпим неудачу во время этого процесса.

Спасибо за прочтение! Если эта статья была для вас полезной, дайте знать, и я напишу больше в будущем 🙂

Подписывайтесь на меня в Dribbble или Twitter, чтобы узнать о новых публикациях. 🎉