Невербальное общение с помощью планшета

от автора

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

Но есть случаи, когда нужно просто показать свои мысли, именно показать, т.к. другой способ либо невозможен, либо неэффективен. Далеко не всегда хватит жестов руками и мимики.

Далеко не всегда выручит Skype, соц.сети или электронная почта

Причины могут быть разные:

  • Собеседники не знают контактов друг друга
  • Нужно хранить тишину
  • Наоборот слишком шумное окружение
  • Через стекло
  • Невозможность говорить или слышать вам или вашему собеседнику

Вот вам еще наглядный пример

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

Выставляем требования и создаем решения

Во-первых, мы определились с типами сообщений, которые необходимы:

  • Текст и смайлы
  • Быстрый рисованный набросок (для тех кому не хватило текста и смайликов)
  • QR код (для быстрой передачи контактов). При этом все QR коды добавлены пользователем заранее

Во-вторых, круг устройств
Пока что, это только планшеты и только под Windows 8.
Если хабра-сообществу идея приглянется, мы портируем приложение на iPad, Android, и телефоны.

Скорость
Пользователь не должен испытывать затруднения с вводом текста или переключением режимов работы.
При этом необходимо дать пользователю максимальную свободу.

Это был самый больной вопрос, я лично 5 раз переделывал компоновку, добиваясь идеального результата, то экранная клавиатура не хотела убираться, то вводимый текст не видно, то еще 100500 проблем.
В итоге подсказку дал IE для Metro, а, именно, его строка ввода Web адреса:

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

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

Максимальный размер
Область сообщения должна занимать весь экран: текст должен авто масштабироваться, но при этом пользователь сам выбирает количество строк (при наших тестах авто-переносы текста при сообщении на весь экран очень часто были не корректными), QR код должен быть большим, но настолько чтобы края планшета не мешали считыванию.
При этом должны учитываться вертикальная и горизонтальная ориентации.

Вот, например, как у нас отображаются QR коды:

Тут серый фон может показаться не очень то красивым, но тут мы пошли в ущерб красоте в пользу удобства. Дело в том, что экраны устройств — светятся. Из-за этого сфотографировать QR код на белом фоне практически невозможно, создается очень сильный блик. Серый фон отчасти решает эту проблему, но не до конца, только гаджеты с топовыми камерами распознают код издалека, обычные же камеры до 5Mpx — метра 2-3 максимум с планшета в 10".

Стилизация сообщения
Для различных предпочтений, времени дня и погодных условий.

Тут все просто и, одновременно, сложно, как видно на скриншоте, у нас собственное решение для PopUp в AppBar (идея, кстати, тоже из IE 10 под Metro), сложность тут возникла в программной реализации такого AppBar, чтобы все красиво с блекджеком и анимациями. Как это сделать, тема отдельной статьи.

Рисовалка
Минимум функций: фон, кисть и ее толщина.

Дополнительно
Русская и английская версии.
Уникальная стилистика, но все в рамках guidelines.
Веселые комиксы

End

Хочется посмотреть на реакцию сообщества на данную идею.
Надеюсь оно кому-нибудь да нужно.

Тем кому интересно посмотреть на программку — в Windows Store ищите под именем My Message.

ссылка на оригинал статьи http://habrahabr.ru/post/156119/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *