Новый браузер Телеграм

Телеграм начинался как месенджер, а к сегодняшнему дню получил непредсказуемое от истоков развитие — в нём стали популярны «каналы». Это такие чаты, в которые может писать только хозяин, а остальные могут только читать и подписаться на уведомления. Это очередная инкарнация формы регулярных публикаций, как новости, блог, RSS, твитор, место где появляются сообщения от людей которым есть что сказать. Эдакое СМИ, в простейшей оправе на распространенной платформе.

Но вот только интерфейс месенджера спроектирован для чата, в нем удобно вести переписку с несколькими десятками человек. Но для использования Телеграмма в качестве агрегатора новостных каналов его интерфейс не удобен — одна лента контактов, которая умещается в несколько скроллов, в которой и личные контакты и подписанные каналы. Да к тому же всё это постоянно перемешивается от новых сообщений, что теряет смысл, поскольку за всеми новыми сообщениями в каналах следить нет надобности. По сути Телеграм встаёт на вотчину браузеров в шкуре чатика. Поэтому чтобы Телеграму не упустить сформировавшееся направление и конкурировать с новостными сайтами, блог-платформами и соцсетями ему потребуется в будущем пересмотреть интерфейс, чтобы добавить как минимум удобную систематизацию, древовидную структуру для упрощения навигации по всем контактам и каналам. После этого следующий шаг — каталог и рейтинги (и таргетинговая реклама на самостоятельно сегментирующуюся аудиторию).

Этот блог транслируется на множество платформ, если вы пользуетесь телеграмом подписывайтесь на канал: https://t.me/VovkaSolovevRu

Storyboarder

Эй, писатели и режиссёры! Обратите внимание, появилась в бете очень цельная, в рамках своих задач, программа для создания раскадровкок Storyboarder.

Фичи:

  • Не даёт заморачиваться над проработкой. Это черновик и скетч будущих кадров, а не финальный результат.
  • Лёгкая программа, в смысле и требований к компу и простотой интерфейса.
  • Может читать текст диалога голосом робота, по-русски работает.
  • Если нет нужды особенно рисовать — есть сотня заготовок картинок с куклами, для диалогов, типичных действий и положений камеры.
  • Может экспортировать в картинки, в анимационный GIF, и козыри, в PDF где много кадров на листе или в черновик для монтажа.
  • Без потерь — простой формат проектов. Кадры хранятся простыми картинками в папке с проектом, всегда можно просто скопировать. Будет удобно хранить проект в облачной папке компа.
  • Есть импорт изображений с телефона: открыть в браузере телефона адрес созданный программой, если комп в той же сети, там будет кнопка отправки в программу.

Из минусов ерунда:

  • Нет поддержки внешних аудиофайлов.
  • В рисовалке непривычная система слоёв и неудобно красить кадр целиком, чтобы цветовое решение заскечить.
  • Не хватает некоторых примитивных инструментов для ленивых: отразить кадр, слить два кадра в один.

Если вы когда нибудь искали что-то подобное, то упирались в то, что программы не предназначены для этого. В фотошопе есть кадры, но нет текста, звука и экспорта. Во Флэше есть и звук и кадры, но нет упрощенной работы с кадрами. TVPaint и Toon Boom Storyboard это для тех, у кого сторибоардинг это фултайм профессия.

Крч, отличная программа уже в первом релизе. Почитайте фичлист. По всей видимости, вырастет и в приложение.

Побочный эффект: моментально доказывает, что у вас не инструменты плохие и руки кривые, а идей нет нормальных)

На что намекает вид новой иконки у Siri в iOS 11?

Обзор моего предсказания 2007 года про будущее UI в 2017 году.

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

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

Про будущее

2007-05-28 01:09:00
  1. Поисковая строка в операционной системе, командная строка, поисковая строка в браузере и адресная строка должны стать одним и тем же. Все связанные с этим проблемы языковых команд надо сделать везде одинаково решаемыми.
  2. Клавиатура — отстой, на ней слишком много кнопок. Мышка/точпад должны решать 80% всех задач. 20% для только для тех, кто собрался набрать текст. Точпад должен перестать быть плоским, по которому надо водить пальцем — отслеживать перемещения можно ala терминвокс, и для обеих рук. Будущее интерфейса за жестами, особенно этого не хватает в операционной системе у мышки.
  3. Давно пора по-честному отделить программу от оформления в ПО. Ровно также, как на вебе CSS.
  4. Долой графический дизайн из интерфейсов — вечные папочки-листочки-стрелочки. Надо выработать однозначную пиктографческую систему, которая облагораживается не заменой изображений а сменой скина — стиля линий, цветов и деталей.
  5. Буквы в шрифтах должны обрести свою сверхформу, в которой обозначены где какие капли и перекладины, какие толщины и изгибы. Чтобы можно было собирать буквы из простых элементов. Соответственно, изготовление шрифта превратится в вырисовывание капель, засечек, штрихов и прочих штук из которых состоят буквы. К совсем декоративным шрифтам, это, понятно, не относится.
  6. Уже давно пора забыть про растр и перейти во всём на вектор — видеокарты у всех позволяют. Особенно на вебе, с этой вечной резиновой вёрсткой и разными разрешениями экранов мониторов. Измерение в px надо уничтожить, как ересь.

Итак, как эти пункты выглядят сегодня, в 2017 году.

  1. На консервативных десктопах поисковая строка и адресная строка стали одним и тем же отдельно попарно и в ОС и в браузерах. Движение в сторону сращения ОС и браузера идёт, но медленно. На мобильных устройствах это сращение полостью случилось (на сколько можно говорить о командной строке в мобильном устройстве).
  2. Все тачпады поддерживают множество различных жестов. Где-то это реализовано на уровне ОС, где то на уровне производителя тачпада. В объём жесты над тачпадом массово не вышли, экспериментальные модели есть. Поскольку большинство ОС обросло поддержкой жестов, мышке перепало несколько новых принципов.
  3. Программы от оформления не отделились, поскольку сохраняется старый зоопарк средств разработки. Но в зоопарк добавился новый зверь — веб-приложения, в которых оформление отделено от ПО.
  4. Флэт стиль в паре с Thin шрифтами и естественными общими принципами UI, которые приняли на вооружение все крупные платформы, сделал все интерфейсы похожими, но всё же не одинаковыми. Пиктографическая система очень многообразна, но всё же сформулирована. Кроме того появились метаморфозы. Например, Emoji, стандартизованный набор пиктограмм, которые на разных платформах каждый производитель рисует по своему.
  5. Не внедрён, но реализован стандарт OpenType Font Variables (OT1.8), в котором появляется интерполяция по заложенным критериям. Таким образом в одном шрифте существует та самая сверхформа и возможность модификации результата, по параметрам, которые предусмотрел заранее автор.

  6. В особо больных местах появилось и устоялось использование SVG, упаковок иконок в шрифты. Экраны высокой чёткости переосмыслили понятие px, в прежней, неудобной, форме его уже нет. Но глобально и принципиально на вектор так и не перешли. Низкая архитектура по прежнему существует на спрайтах, как самых дешёвых в отображении элементах, при том что мощности железа выросли многократно.

Нано схема метро для iWatch

Илья Бирман сделал схему метро для iWatch. Я её увидел, мой внутренний перфекционист ужаснулся от картинки — такое там всё неровное и пережатое. И я сразу её переделал, перерисовал с нуля за полчасика, благо там одни линии-кружочки. Теперь всё по пиксельной сетке стоит. Вот мой вариант.

Что было и что изменилось.

Сравнение анимацией.