Всяческого рода гаджеты проникают в наш быт все больше.
Все больше сторон нашей жизни охватывает программное обеспечение.
Казалось бы, что для общения между людьми придумано все что можно: с помощью программ мы можем писать письма, разговаривать, видеть друг друга через 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.
Автор: renny