Декабрь '15

• Новое интервью для Афиши.Воздух про проект Jacquard.

• Accel Partners наняли Jason Mayden из Nike. Он рассказывает о том, что будет искать молодых специалистов в нетипичных местах.

Серия интервью Fast Co Design с женщинами в дизайне. Вышло уже 4 материала про дизайн-лидеров.

• Как Meagan Fisher перешла из маркетинговых дизайнеров в продуктовые и что пришлось изменить в своей работе.

• Материал Ярослава Шуваева о психофизиологии интерфейсов.

В номере: статьи о доступности метро для маломобильных пассажиров, об эргономических мероприятиях 2015 года, о Владимире Михайловиче Мунипове и его вкладе в эргономику, новости, аннотации публикаций на эргономическую тематику, удачный опыт и эргономические диверсии и многое другое.

• Autodesk и Microsoft работают над инструментами для связки инженеров и пром.дизайнеров на базе Hololens.
• Volvo рассказывает о том как использует HoloLens в работе.

• Все 169 гаджетов из фильмов о Джеймсе Бонде.
• Рассказ о компании Perception, которая делала интерфейсы к Iron Man 2, Avengers 2 и другим фильмам, а после этого подключилась к работе над концептами для Microsoft, Samsung и Ford.

• Коллекция экспериментов с анимацией в виртуальной реальности для Google Cardboard.
• Фреймворк A-Frame для создания простых интерфейсов виртуальной реальности в вебе. Поддержан инициативой MozVR от Mozilla, анонсированной недавно.
• Laura Keller о UX журналистики в виртуальной реальности на примере материала NY Times о беженцах.

• Luke Wroblewski собрал в Google+ свои мысли и твиты на тему умных часов. Там есть и другие его подборки.
• Очень интересное исследование группы шведских ученых на тему использования умных часов в реальной жизни. Они выбрали 12 респондентов, которые долгое время ходили с Apple Watch и камерой, которая записывала все взаимодействия с часами. Насчет репрезентативности сказать сложно, но есть много интересных фактов.

• Небольшой обзор конференции Connected Car Expo, проходившей недавно в Лос-Анджелесе с точки зрения внимания к интерфейсам.
• Концепт от Volvo, который представляет совсем далекое будущее автономных машин, где они потеряли свое статусное значение. Просто зеркальный куб.

• Рассказ о редизайне Quartz, который подтверждает постепенное умирание главных страниц СМИ.
• Google News Lab теперь занимается ежегодным отчетом компании о поисковых трендах. Они описали ключевые выводы для СМИ из особенностей поведения пользователей и потреблениями ими контента.

Еще один термин в дополнение к «NoUI», «anticipatory computing» и «Zero UI» — Cognitive Computing. Суть примерно похожая — меньше ручного управления, больше перекладывания всего на плечи компьютеров.

Microsoft запустил мини-сайт Future Visions, посвященный видению будущего. Это серия рассказов от фантастов, размышляющих о будущем технологий. Они взяли за основу наработки исследовательской лаборатории Microsoft и пофантазировали на их тему. При этом забавно, что многие из этих технологий сами вдохновлялись научной фантастикой. Обзор основных тем.

Fast Company пишет о том, что тренд отпочковывания не особо взлетел. Недавно закрылись Carousel и Mailbox от Dropbox, а также экспериментальные приложения Фейсбука. При этом дико популярным оказался новый мобильный Outlook, представляющий из себя тот самый классический лютый универсальный комбайн. Хотя речь идет скорее о бездумном клепании сателлитов — тому же Foursquare это пошло на пользу, хорошо идет и Facebook Messenger.

Вдогонку — толковые мысли Sebastien Gabriel о закрытии Mailbox, Carousel, Rooms и других приложений, которые считались хорошим примером качественного дизайна. Это отрезвляет тех, кто считает, что качественного UX достаточно для успеха продукта (та же история была с Path) — это важная, но не ключевая часть.

Кураторы сайта uxdesign.cc проанализировали все ссылки, опубликованные за год, и составили прогноз на 2016. Очень грамотный и взвешенный материал, и что самое приятное — от людей, которые действительно разбираются в интерфейсах, а не только визуале. Другие прогнозы:

• Прогноз на 2016 год от J. Walter Thompson Intelligence.
• Итоги года от создателей инструмента Atomic, которые пытаются угнаться за контент-маркетингом InVision.
• Прогнозы специалистов отрасли, собранные Econsultancy.
• 10 прогнозов от Fjord. Они же в виде презентации и статьи.
• Прогноз от frog design.

• О том, как Ralph Baer начал свою карьеру.

Shopify сняли видео, рассказывающее об истории появления электронной коммерции. Основных варианта два и оба из 1994 года — Pizza Hut и сайт NetMarket, продавший компакт-диск Стинга. Статья Fast Company с материалом в текстовом виде.

• И еще одна интересная статья Fast Company об истоках интернета. В ’80х-’90х годах в США были дичайше популярны телефонные услуги на базе номеров 1-900, позволявшие получать короткие новости от звезд (пре-Твиттер), слушать свежую музыку (пре-Spotify) и иметь легкий доступ к куче другой полезной информации, труднодоступной в доинтернетовские времена. Погубило все, как обычно, порно.

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

Рассказы о старых сайтах:

• 20 декабря исполнилось 25 лет первому сайту от Тима-Бернеса Ли.
• Новогодние сайты, приложения и иллюстрации 80х и 90х.
• Подборка старых сайтов от The Telegraph.

Рассказ Max Temkin о работе над карточной игрой Secret Hitler. Она не совсем по теме блога, но в ней собрана интереснейшая подборка прототипов многих известных карточных игр — очень полезно.

• Рассказ о том, как делался редизайн дашборда Xbox One.
• О работе над интерфейсом приложения Uber для водителей.

Утвержден профессиональный стандарт «Специалист по дизайну графических и пользовательских интерфейсов». Наша профессия стала намного взрослее.

Анонс говорит:

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

Третья книга команды Intercom, посвященная поддержке пользователей.

• Jared Spool предлагает понятие «тем» для дорожных карт. Они фокусируют команду не на функциональности, а на проблемах пользователей, которые можно решить.

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

Rian van der Merwe пишет о том, что маятник всеобщего отказа от документации и проектных артефактов должен качнуться в обратную сторону — вместо сокращения действительно избыточных спецификаций многие и вовсе прекратили предпроектную работу. Он предлагает два документа, которые позволяют соблюдать баланс — расширенные customer journey maps и структура контента.

• Marcin Wichary о том, как работается в Medium. Процесс, культура, задачи.

Peter Bogaards предлагает модель зрелости для контент-стратегии. Отличный системный подход, позволяющий оценить текущую ситуацию и спланировать развитие.

Рассказ Drew Minns о PostCSS, альтернативе пре-процессорам для расширения возможностей базового CSS с помощью JavaScript.

• Ben Frain полемизирует с Tyler Sticka и говорит, что во многих ситуациях иконочные шрифты удобнее SVG, а проблемы accessibility решаемы.

Nick Santos из команды Medium о том, как блокировщики рекламы могут по ошибке вырезать куски интерфейса. Он делится опытом по поводу того, как избегать проблем.

• Онлайн-игра Flexbox Froggy для обучения работе с flexbox.
• Heydon Pickering о том, как избавиться от одного элемента в последней строке.

• Супер-компактная по размеру система сеток Gridly.
• Rachel Andrew сравнивает CSS Grid и Flexbox.
• Сравнение Flexbox и Susy от Zell Liew.

• История развития формата SVG и интереса отрасли к нему.
• Анимация с использованием масок.
• Альтернативы спецификации SMIL для анимации SVG, которая уходит в небытие.
• Карты России и мира в SVG от команды Дизайна государственных систем.

• Библиотека Colorify позволяет извлекать основной цвет изображения для создания заглушек при загрузке.

• Tim Brown из Typekit разбирает малоизвестные свойства шрифтов OpenType и свойства CSS для управления ими.

• Расширенные возможности по созданию 3D-трансормаций при анимации сайтов.

• Упрощенный импорт из Sketch.

• Вышел Form 1.4.

• Библиотека Jump.js для мягкой прокрутки.
• Отличный сайт, показывающий возможности современных браузеров и доступность конкретных в текущем.
• Как CSS-функция calc() может заменять часть работы препроцессоров.
• Способы стилизации слайдеров в формах.
• Анимированная навигация по карте для лонг-ридов.
• Обновился JSFiddle.
• Как сделать правильные вкладки в интерфейсе и не облажаться.

• Еще немного о том, как создавался CSS-фреймворк Solid от BuzzFeed.

Val Head поднимает еще один важный вопрос про анимацию в вебе — ее работу в адаптивном дизайне. Она описывает два основных подхода — пересмотр логики работы анимации для разных контекстов и перестановка блоков с новыми триггерами.

В последнее время все чаще концепты с Dribbble и Behance превращаются в реальные скрипты на CodePen и других ресурсах с примерами кода. Блог MaterialUp собрал пять таких штук. Аналогичные примеры:

• Участник Russian Design Cup 2015 Павел Лаптев собрал анимацию своего решения. И еще одна анимация от него — появление меню с помощью СSS3 и библиотеки GSAP.

See the Pen Pull Down to Refresh (Paper Plane) by Nikolay Talanov (@suez) on CodePen.

Небольшая инструкция от Colman Walsh по мобильному тестированию при помощи Reflector.

Еще один сервис удаленного юзабилити-тестирования. Веб, мобильный веб, приложения.

• Jeff Sauro приводит слова Rolf Molich, соавтора методики эвристической оценки, о том что нужно различать ее и просто экспертную оценку.

Памятка David Travis из UserFocus по проведению пользовательских интервью вне реального контекста респондентов.

• Создатели Flawless сняли демо продукта накануне запуска.

• Tilda переработала инструменты работы с формами и в целом инструментами сбора и выгрузки данных.

Памятка команды Salesforce по постепенному повышению степени проработки дизайна от скетчей к интерактивным прототипам.

• Шаблон для Material Design.

• Carol Liao сделала очень грамотное сравнение семи популярных инструментов прототипирования и анимации по разным типам задач. InVision, Pixate, Principle, Form, Origami, Framer, Xcode.

• Аватары из ’80х и ’90х.

• UXPin вот-вот выпустит обновленную версию.

• Sketch уходит из AppStore и будет распространяться и обновляться с сайта Bohemian Coding.
• Плагин для синхронизации стилей между несколькими дизайнерами.
• Плагин быстро вставляет в макет фото из стока Unsplash.
• Перевод полного руководства по дизайну iOS 9 в Sketch от Meng To.

• Авторы анонсировали Canvas, новое поколение инструмента с возможностью дизайна и анимации прямо внутри сервиса.
• Подробнейшее пошаговое руководство по созданию прототипа в Marvel от Marc Andrew (перевод). В первой части статьи такой же разбор создания исходных макетов в Sketch.

• Вышла Pixate Studio 2.0. Ускорение работы, возможность использования видео и аудио, много доработок по интерфейсу. А ведь еще на днях ходил слух, что инструмент свернули, но в итоге вышло гораздо лучше чем с Form, который не обновляли год.

• Вышла версия Hype 3.5. И тут же вышла обучающая книга.

Новый инструмент Koncept пробует совместить возможности прототипирования и юзабилити-тестирования из коробки. Про то, что происходит с прототипом после создания, много говорилось на панельной дискуссии конференции Google SPAN — это одно из главных направлений развития.

• Свежие новости про инструмент. Открылась запись на бета-версию — нужно пройти небольшой опрос. Правда, изначально будет доступно только для Мака.
• Что войдет в бета-версию и первые обновления после нее.

Один из самых интересных инструментов прототипирования, появившихся за последнее время. Это Google Docs для дизайнеров — несколько человек могут работать над интерфейсом одновременно. Небольшой анонс от авторов. Еще немного о нем:

• Fast Co Design поговорил с Dylan Field и Evan Wallace, создателями инструмента.
• О подходе инструмента к работе с сетками.

• Ноябрьское обновление Photoshop CC 2015. Улучшенные артборды, экспорт в SVG, развитие тач-интерфейса и библиотек Creative Cloud.

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

• Luke Wroblewski был на выступление Bob Moesta, автора концепции jobs to be done. Он законспектировал основные тезисы рассказа.

Еще один толковый материал на тему модели вовлеченности пользователя Nir Eyal.