Март '17

В начале 2017 года прошла пятая конференция Google Conversions в Дублине, Ирландия. Luke Wroblewski сделал традиционные конспекты наиболее интересных выступлений:

• Ani Mohan делится статистикой эффективности формата упрощённого мобильного веба Google AMP.
• Guillaume Derolez даёт советы по оптимизации скорости загрузки мобильных сайтов и её влиянию на конверсию.
• Nathalie Nahai рассказала о психологии поведения пользователей на мобильных.
• Stuart Frisby рассказал о том, как устроено тестирование интерфейсов в Booking.com.
• Craig Sullivan дал советы по проведению экспериментов на мобильных.

• Интервью с Clair Byrd, бывшей главой маркетинга Invision, в которой она рассказывает о принципах работы с сообществом.

Студия Атвинта начала перевод недавно вышедшего сериала о дизайнерах на русский язык. Пока готова первая серия, остальные на подходе.

The best YouTube channels for designers and developers Fabricio Teixeira собрал коллекцию видео-каналов на YouTube, посвящённых дизайну. Перевод. What is Design? Отличная пародия на пафосные видео-ролики про важность дизайна и дизайнеров.

• Часы MyKronos ZeTime совмещают аналоговый и цифровой интерфейс. Стрелки аналоговые, циферблат — цифровой интерфейс. Интересный подход, который делает функцию самих часов работающей вне зависимости от батарейки.

Запустил сайт-коллекцию, посвящённую алгоритмическому дизайну. Здесь собраны все примеры и материалы из статьи и презентации, плюс то, что оставалось в заметках OneNote. Он будет пополняться регулярно (уже обогнал публикации по количеству ссылок), так что можно использовать как справочник.

Некоторые из свежих материалов:

• Конструктор сайтов Firedrop продолжает дело The Grid CMS и готовит к выпуску Sasha, алгоритмического дизайнера-помощника. Вы вбиваете контент, а дальше он помогает подобрать стиль и компоновку в ходе общения с ботом. Основатель сервиса Marc Crouch рассказывает об особенностях создании такого продукта и незаслуженной критике, которой подвергли The Grid.
• Рассказ об инструменте Flow Composer, который смог самостоятельно написать битло-подобную песню «Daddy’s Car».
• Fast Co Design рассказывает о сервисе Pescado, который оптимизирует текст рекламных сообщений под конкретного пользователя. Они пытаются перенести эти наработки и в работу над интерфейсами.
• На прошлогодней конференции Adobe MAX компания показала 11 экспериментов с алгоритмическим дизайном под названием Sneaks. Ещё одна их наработка — виртуальный ассистент, помогающий обрабатывать фото с помощью голоса.
• Конструктор сайтов Huu.la внедрил экспериментальную функцию Typesetter. Они проанализировали около 5000 сайтов и теперь могут советовать подкрутить размеры шрифтов на сайте для того, чтобы они смотрелись гармоничнее.

On Design Tools and Processes Viljami Salminen пишет о том, что современные инструменты дизайна не особо продвинулись вперёд относительно работы с листом бумаги. Это всё ещё статический прямоугольник, который различными обходными путями дизайнер показывает в динамике. Это скорее обозначение проблемы, а не её решение, но мысли по делу.

• Adhithya Kumar предлагает несколько концепций переосмысленного буфера обмена на мобильных.
• Выпуск подкаста Bread Time про непрошенные редизайны (ведущие — продуктовые дизайнеры Facebook и WhatsApp).

Gabriel Valdivia рассказывает о создании приложения Facebook для шлема виртуальной реальности Samsung GearVR. Интересные выкладки об использовании глубины как способа представить иерархию интерфейса.

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

• Eric Meyer разбирает принципы работы CSS Grid на примере своего сайта. Его поддержка браузерами всё шире.

• Руководитель дизайна в Booking.com Stuart Frisby рассказывает о том, как они настроили подключение системных шрифтов для разных платформ.

• Val Head даёт советы по экспорту векторной графики для анимации закрашивания контурных иллюстраций.

• Ryan Spilhaus собрал анимированных персонажей из X-Men на CSS.
• Генератор пиксельных карт мира от amCharts.
• Пачка скриптов эффектной анимации стопки изображений.
• Коллекция эффектов обработки текста на CSS.

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

• Airbnb запустили сайт-коллекцию примеров анимации, созданной с помощью Lottie.

• Элина Берёза и Семён Боронников описывают пошаговую инструкцию по созданию анимации pull-to-refresh во Flinto и переносу её в код для Android.

• Обновление Zeplin теперь оптимизирует SVG-изображения и улучшает работу с символами (в том числе теми, где есть изменяемые параметры).

• Интервью с Josh Brewer, одним из создателей инструмента совместной работы дизайнеров.

• Omni Group анонсировала крупное обновление OmniGraffle для iOS. Заметно переработан интерфейс и добавлен приличный комплект шаблонов для проектирования интерфейсов.

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

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

• В версии 43 появится новый формат файла, с которым создателям плагинов и надстроек будет проще работать. Это будет ZIP-архив с изображениями и JSON, так что макет можно будет менять хоть из текстового редактора.
• Плагин Egmont для создания squircle-фигур, которые используются повсеместно в iOS, watchOS и начинают перебираться в macOS.
• Менеджер плагинов Sketchpacks — альтернатива Sketch Toolbox для поиска, установки плагинов. Есть категории "новые«и «популярные»; он проверяет и обновляет установленные.
• Плагин Picnic пробует реализовать совместную работу с макетом а-ля Figma. Видео работы.
• Jon Moore показывает, как делать сложные адаптивные компоновки интерфейсов с помощью плагина AutoLayout.

Tumult Hype 3.6 Вышла версия 3.6 инструмента для интерфейсной анимации Hype. Улучшился экспорт анимации (включая возможность написания скриптов для этого), изолированный режим для работы с символами и много других мелких улучшений. Видео-обзор изменений.

Свежий инструмент для интерфейсной анимации и интерактивных прототипов. Очень многообещающие возможности работы над интерфейсами iOS, Android, Apple Watch, MacOS и веба. Есть режим редактирования JavaScript-кода, вставки готовых кусков кода в продукт. Работает на Mac (видео).

Do you know where your icons are? Bobby Grace из Dropbox рассказывает, как дизайн-команда настроила системную работу с пиктограммами. Из единого макета в Sketch они попадают в репозитарий разработки.

Website builder Wix acquires art community DeviantArt for $36M Конструктор сайтов Wix покупает дизайн-сообщество DeviantArt. Это был последний независимый игрок (ранее Adobe купил Behance, а Tiny — Dribbble). Пользователи DeviantArt смогут строить кейсы на базе конструктора, а пользователи Wix использовать графику сообщества при создании сайтов. Новость слегка задержалась, но всё равно важна. Better Web Typography for a Better Web Онлайн-курс по веб-типографике от Matej Latin. Работает в формате уроков, которые приходят по почте.

Sketch vs Figma — The Showdown Christian Krammer в деталях сравнивает возможности и интерфейс Sketch и Figma по нескольким десяткам параметров.

• Шаблоны Android 7 для Photoshop и Sketch от Great Simple Studio.

• Интервью с Paul Airy, в котором он даёт советы по работе со шрифтами в письмах рассылки.

No Share Buttons on Mobile Sites (Except This One Weird Case) Josh Clark советует отказаться от кнопок «поделиться» в мобильных версиях сайта — по его словам, пользователи в основном используют встроенные в платформу функции. Но для тех, кто пришёл по ссылке из соц.сети, он оставляет их и ставит кнопку той, откуда человек пришёл, первой и самой крупной.