Сентябрь '15

Презентации с конференции UXSTRAT 2015, которая прошла 8-10 сентября в Athens, Georgia (США). Она посвящена дизайн-стратегии и собирает мощный состав тематических спикеров.

10 и 11 октября ИКРа во второй раз приводит международный фестиваль OFFF в Россию. Он проводится ежегодно в Барселоне и в странах по всему миру. OFFF известен в отечественном профессиональном сообществе — на основное мероприятие в Барселоне регулярно выезжают целые делегации из русскоговорящих стран. Дизайнеры работают над самыми разными типами задач в разных средах, а этой конференции удается сделать хороший срез всего этого многообразия — как делать необычные и свежие решения в интерфейсах, промо- и маркетинговых вещах, реальном мире. В прошлом году он прошел в Петербурге, в этот раз — в офисе Mail.Ru Group. Приедут IDEO, AKQA, Joshua Davis, StinkDigital, MUCHO. Во второй день пройдут мастер-классы от Burton Rast из IDEO и Joshua Davis. Кстати, Burton дал интервью для Look at Me. и поучаствовал в AMA.

• Jason Fried из Basecamp.
• Tobias van Schneider.

Небольшое, но дельное интервью с John Maeda после воркшопа на хакатоне HackMIT. Кстати, он объединил свои мини-сайты под одним зонтиком.

• Cooper пошли против тренда схлопывания самостоятельного бизнеса на дизайне и сами купили студию Catalyst Group. Теперь у них есть офис в Нью-Йорке и расширенная экспертиза.
• Airbnb купили отечественную студию промышленного дизайна Lapka. Не совсем по теме интерфейсов, но первый такой случай из России.
• Tenny Pinheiro толково описывает проблемы дизайн-студий в текущем моменте. Особая ирония ситуации в том, что агентства долго объясняют клиенту важность дизайна. Но как только клиент понимает ее и задумывается о системности, он часто открывает внутренний отдел дизайна.

Масштабная серия статей о Cooper U, большой инициативе компании Cooper Consulting по дизайн-образованию. Интервью с Tereza Brazen, заведующей программами обучения, а также разбор курсов.

Andrei Herasimchuk, первый UX-дизайнер Adobe, пишет серию статей о своих 20 годах работы. Очень крутая серия материалов от человека, который стоял у истоков профессии. Первые выпуски:

• В первой статье он рассказывает о первом дне работы в Adobe (Adobe, 1994).
• Одна из самых больших ошибок за 20 лет (Adobe, 1995).
• Сделайте его Красным. О том, что важен не только сам дизайн, но и то, как его презентуют (Adobe, 1997).
• О встрече со Стивом Джобсом (Adobe, 1997).
• О конфликте с разработчиком, который вылился в успешную рабочую сессию и живущий до сих пор инструмент трансформации в Photoshop (Adobe, 1995).

Самый забавный среди браузерных плагинов, облегчающих чтение дизайнерских ресурсов. Detox подменяет ленту Фейсбука на материалы Designer News, Dribbble, Behance, Awwwards, Smashing Magazine и других сайтов. Создан командой известного плагина Panda.

Brad Frost запустил новый блог Death to Bullshit по мотивам своей презентации. Он собирает в нем примеры плохих практик в дизайне и того, как индустрия борется с ними.

Ярослав Бирзул перезапустил сайт переводов статей UX Fox в виде рассылки. Каждую неделю подписчики получают эксклюзивный перевод крутой статьи, набор бесплатных полезных материалов, референсы для вдохновения и несколько ссылок для профессиональной прокачки.

Вышел второй выпуск комикса UX Hero от Tal Florentin, посвященный жизни мифического продуктового дизайнера Jonathan Sketch.

• Andrew Hwang дает советы стажерам при собеседовании в компании. Полезно для всех, кто пытается устроиться без опыта.

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

• Похоже, к бесконечному количеству инициатив InVision теперь добавятся и онлайн-курсы для дизайнеров. Первый из них ведет Scott Hurff из Tinder.
• Designlab, еще одни онлайн-курсы. Обещают помимо просто материалов давать интересные задачи и ментора в помощь.

1 сентября в университете ИТМО группа студентов-магистров приступила к занятиям по программе «Дизайн человеко-компьютерных систем», посвященной проектированию интерфейсов и взаимодействия с пользователями. В течение двух лет им предстоит получать и углублять навыки в методологии ведения проектов, аналитике, проектировании, психологии, графическом дизайне и программировании. Кроме лекций студентов ждут практические занятия, проекты, исследования в отлично оборудованной юзабилити-лаборатории. Сообщество UXSPb тесно сотрудничает со студентами и преподавателями кафедры с тем, чтобы обучение было тесно связано с практикующими специалистами и реально работающими компаниями. P.S. Через два года работодатели смогут смело писать в описании вакансий проектировщиков и дизайнеров интерфейсов — «профильное высшее образование» и такие люди найдутся :)

Для онлайн-конференции «UX-Марафон» попробовал сделать дайджест в формате презентации. Собрал самые интересные новости за последние пару месяцев. Не знаю, есть ли в этом смысл и спрос, но галочку «попробовать презентацию» себе проставил :) Кстати, Сергей Андронов с прошлого года делает свой дайджест в таком формате.

• Перевод статьи Benjie Moss о генеративных паттернах и сложных визуальных структурах.

UX Fox перевели на русский один из лучших материалов месяца от Travis Gertz. Он говорит о том, что современный дизайн в вебе превратился в унылое однообразие и разбирает причины этого засилия клонов. А после предлагает выход — куда смотреть и куда двигаться, чтобы выйти из тупика. Очень вдохновляюще, да и оформлено здорово. В продолжение темы:

• Материал на тему от The Next Web. Не так системно, конечно, но пара дельных мыслей есть.

Khoi Vinh недавно проводил опрос среди дизайнеров на тему используемых инструментов. По его итогу он опубликовал отчет с выводами по разным категориям. Участвовало 4000 человек из 196 стран. Недавно он перешёл в Adobe, так что все это будет учитываться в развитии продуктов компании.

Еще одна статья об этом эпохальном юзабилити-тестировании 60-летней давности. Как в Bell Labs выбирали оптимальное расположение кнопок на телефоне. Перевод на русский.

• Frankie Gaw о кейсе дизайна приложения Facebook Mentions.
• Небольшой кейс о переделке раздела мобильного приложения для Android с более явным выходом на фотогалерею. Есть полезные цифры по тому, что и как сработало.
• Перевод на русский шикарнейшего кейса Дениса Невожая про работу над интерфейсом умных часов Alcatel One Touch Watch.

Толковый кейс работы над новым приложением Paper для iPhone. Почему FiftyThree не стали портировать широко известную iPad-версию, а переосмыслили с нуля.

Беседа с Courtney Christopher, ведущим дизайнером Swarm, о работе над новой игровой механикой приложения. После разделения Foursquare на два продукта большинство из знаковых фишек пропало, но недавно команда полностью переосмыслила сервис и превратила его в настоящую игру.

Андрей Кармацкий открыл свою студию Urbica Design после ухода из Яндекс.Карт. Их первым проектом стал редизайн карт приложения Maps.me. В статье много интересных деталей процесса.

В сентябре мы запустили первый AMA (ask me anything) от UX-Среды​ и vc.ru — на вопросы отвечали Руслан Лобачев (руководитель проектов, «Ценципер») и Сергей Сурганов (арт-директор, «Медуза», ранее — «Ценципер»), работавшие над новым сайтом Почты России. В компании происходят масштабные изменения и сайт — только верхушка перестройки внутренних процессов, без которых невозможно выдавать хороший сервис. Необходимо подумать о всей экосистеме. Поэтому опыт ребят особенно интересен. Мы хотели запустить формат AMA в конце прошлого года, но не хватило времени, а потом он появился у Creative Russia и Roem.ru, так что в простом виде это уже не имело смысла. А вот тематический формат еще не затаскан, так что попробуем его на практике. Благодарим Сергея и Руслана за развернутые ответы, а наших читателей на Фейсбуке — за интересные вопросы. Авторы вопросов: Надежда Шпиякина, Сергей Алешин, Яна Москвина, Анатолий Батарейкин, Иван Пришвин, Денис Шумов, Ольга Орешкова, Наталья Харзу, Владислав Ковалев из Wonderfull.

Простой одностраничник от Intercom для менеджеров продуктов и дизайнеров, который учит отвечать «нет» на запросы, ломающие продукт.

В блоге компании Tandem Seven описываются подходы по связке инициатив по UX и CX. В том числе пересечение между этими разными гранями одной задачи.

Jon Steinback из Foursquare описывает еженедельную практику среди дизайнеров и других сотрудников компании, когда каждую пятницу они решают нестандартную задачу или пробуют другой креативный эксперимент. Он приводит пачку примеров упражнений.

• Jeff Sauro перечисляет 10 метрик для расчета ROI дизайна вместе со способами их расчета.
• Jeff Sauro о том, как оценить LTV/CLV для продукта, даже если нет реальных данных.

• Как устроена дизайн-команда сервиса Optimizely.
• Jim Ross о том, когда компании нужен генералист, а когда — специалист.
• Как устроена дизайн-команда TED.
• Толковая колонка Aaron Walter из Mailchimp о том, почему он старается нанимать людей, а не навыки.
• Игровая компания Halfbrick, выпускающая известную игру Fruit Ninja, отказалась от роли дизайнера в команде. Они считают, что навыками дизайна должен обладать каждый участник команды, это критически важно для успеха игры. Мнения игроделов.
• Простая и очень здравая колонка Cap Watkins о том, как строить культуру взаимодействия между менеджером продукта, дизайнером и разработчиком.

• Очень толковая статья Jon Innes с историей роста интереса к явлению.
• Толковые советы по перестройке дизайна в ПО для корпоративного рынка от Anton Baturan.

• Bram Stein о поддержке в Typekit формата WOFF2, который дает сильную экономию на размере загружаемых шрифтов.

• Обзорная статья Patrick Brosset о CSS Grid Layout — альтернативе flexbox, которая прорабатывается W3C. В соседнем материале Rachel Andrews приводит пару замысловатых примеров компоновки с его использованием (из материалов сайта Grid by Example).

• Небольшая инструкция Chris Youderian по работе с картами в SVG.
• Heydon Pickering описывает подход к анимации в SVG, аналогичный полупрозрачным пленкам, которые используют мультипликаторы. Создается несколько наслаиваемых частей изображения, которые могут двигаться самостоятельно для создания целостной анимации.

• Несколько способов того, как скрыть длинное меню под «еще».
• Простой скрипт для проверки доступности тех или иных возможностей HTML, CSS, JS, SVG и т.п. в текущем браузере, используя данные известного сайта Can I Use.
• Скрипт обрабатывает запросы на естественном языке, в которых указываются даты, ссылки, телефоны, адреса почты, физические адреса. Способен выдрать их из куска обычного текста.
• Еще одно решение фотогалереи на JavaScript, легкое и адаптивное, по словам авторов.
• Экспериментальная навигация в духе зумируемого интерфейса.
• Как сделать эффект расходящихся кругов а-ля Material design с помощью SVG.
• Сайт Stylesheets.io собирает новые CSS-скрипты и обучалки.
• Не скрипт, но безумно крутая демонстрация их возможностей. Разные виды физических частиц с реакцией на действия пользователя.
• Эластичный индикатор прогресса на SVG+JS.

• Плагин для Sketch, который позволяет сравнительно легко создавать анимированные прототипы во Framer на основе макетов.
• Приложение Frames для просмотра прототипов на iPhone.

• Дизайнер Linda Dong учится работе со Swift. Она запустила сайт с экспериментами и исходным кодом на GitHub.

• Stef. Sullivan Rewis рассказывает о предыстории создания Salesforce Lightning. У компании уже был живой гайдлайн, но не хватало системности всем процессам работы внутри и взаимодействия с партнерами. Интересно, что они рассматривают Lightning во многом как «интерфейс» работы с внешними дизайнерами.
• Мои коллеги из команды бек-энда описали кусочек своей части решения для «бургерного дизайна». Ребята из фронт-енда начали рассказывать о своей половине.

Отрывок из книги Leo Frishberg и Charles Lambdin «Presumptive Design: Design Provocations for Innovation». Часть 1, определение термина.

Новая версия Mr.Tappy — крепления для тестирования мобильных устройств.

• Erica Hall о дизайне опросников.
• Ответная статья Jeff Sauro к материалу Erika Hall. Он описывает задачи, с которыми опросы справляются отлично.

Пачка советов Jeff Sauro по проведению сравнительных исследований.

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

• Появилась возможность опубликовать гайдлайн по дизайну в интернете. Кроме того, теперь Zeplin подключается к Slack.

• Вторая часть статьи от Tes Mat, где он сравнивает Principle, Flinto for Mac и Tumult Hype 3.

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

• Приложение Mirror для просмотра прототипов на iOS прошло проверку Apple. Из-за этого оно доступно позже анонса самого инструмента.

До кучи инструментов дизайна: Vectr, браузерный векторный редактор. Сайты, полиграфия и т.п.

Mockup.io — онлайн платформа для создания и презентации прототипов мобильных приложений с возможностью тестирования на реальных устройствах (iOS и Android). Позволяет работать с прототипами для iOS- и Android-устройств, Apple Watch, а также для устройств с кастомными (настраиваемыми) размерами экранов.

Бета завершена, проект официально запущен. От Invision/Marvel выгодно отличается наличием векторных слоев, для которых можно вручную прописывать CSS (привет закругленные уголки, ага) и более тонкой настройкой анимации. Из минусов — нет даже вертикальной прокрутки, что ограничивает работу со многими макетами мобильных приложений плюс ресурсы надо добавлять самостоятельно, нет ни автопарсинга ни плагинов.

Инструмент для передачи дизайна от дизайнеров разработчикам. Основное его отличие от уже существующих решений в том, что поддерживается несколько графических редакторов (Photoshop и Sketch). А для разработчиков, помимо веб-приложения, предоставляются расширения для IDE (Android Studio и XCode), которые позволяют сэкономить время на натягивании дизайна на приложение. В данный момент проект в бете и бесплатен, после релиза он будет продолжать оставаться бесплатным для ограниченного количества проектов.

• InVision запустил бета-версию новой возможности «Insight». Она упрощает взаимодействие между дизайнерами и разработчиками.
• Скоро запустится единый инструмент для работы с перепиской вокруг проектов.
• Кажется, скоро к числу толковых инструментов для анимации можно будет добавить и InVision — функция Motion сильно улучшит эти возможности продукта.

Продукт недавно переродился, теперь это мощнейший инструмент для создания гайдлайнов. Очень, очень круто!

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

Katie Sherwin пишет о проблемах навигации, которая разделена по группам целевой аудитории. Большинство реализаций заставляют пользователей теряться в попытках понять, к какой именно группе они относятся, а также имеют проблемы с неверными ожиданиями.

• Очень толковый материал студии Livework о том, как анализировать customer experience. Много интересных диаграмм customer journey map по разным срезам.
• Материалы мастер-класса Jim Kalbach по Experience Mapping на конференции UXSTRAT 2015.

Геннадий Драгун описывает метод обратного хаоса — простой и эффективный способ приоритезации требований.

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

Руководство Microsoft по безбарьерному дизайну, который касается, в том числе, людей с ограничениями. 20-минутный фильм о нем.

• Katie Sherwin из NN/g об использовании мобильных тач-устройств пользователями с ограниченным зрением.
• Yahoo, Facebook, Dropbox и LinkedIn будут отдавать предпочтение кандидатам, которые умеют оптимизировать свою работу для accessibility.
• Советы от команды Medium по проблемным местам в CSS, которые нарушают доступность.
• Рекомендации от эксперта по доступности для слепых.
• Anthony T советует дорабатывать элементы форм для людей с нарушением цветовосприятия.

Моя коллега Ксения Стернина делится результатами последнего юзабилити-исследования. Она изучала физические ограничения при работе с планшетом. По результатам исследования удалось создать карту комфортных областей для iPad Air 2.

Денис Мишунов рассказывает о бюджете оптимизации производительности для веб-сервисов. Очень интересно, как он высчитывает оптимальное время загрузки для сервиса с учетом особенностей восприятия и состояния конкурентов.

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

• Шаблоны iPad Pro для Photoshop.

• Появилась возможность делать интерактивные циферблаты.
• Теперь часы подключаются и к айфонам.

• Августовское обновление гайдлайнов material design. В частности, о том как спрашивать разрешения на использоваие функций телефона в новом виде.
• Google запустил конкурс на дизайн лучшего отечественного приложения в духе material. Обещают фичеринг и просто материальные призы.

Скоро весь американский государственный интернет приобретет единое лицо, так как правительство официально опубликовало альфа-версию дизайн-стандартов. Анонс гайдлайнов с подводкой о проблематике.