IBM выпустили свой визуальный язык, очень, очень и очень круто описанный, структурированный и поданный. Много интересных деталей, подходов к описанию гайдлайнов. Хотя это скорее принципы, ведь конкретных практических приложений почти нет. Никаких конкретных цифр в интерфейсной и типографической сетках, только принципы их построения. Для компании их масштаба — штат дизайнеров должен дойти до 1000 человек, а количество продуктов бесконечно — такой подход дает гибкость при соблюдении общего духа дизайна. Недавно вышли еще несколько гайдлайнов:
Welch Canavan собрал вместе многие известные публикации, развенчивающие миф о том, что пользователи не прокручивают страницы. Недавно вышла резонансная статья в блоге компании Huge Inc о проведенном ими исследовании на тему. Хотя сам по себе миф о том, что пользователи боятся скроллинга, развенчивался много раз, то что сделали в Huge вызывает массу вопросов.
Моя коллега из юзабилити-лаборатории Ксения Стернина описывает проблемы: «Статья совершенно не научная, респонденты подобраны непонятно какие, тест проведен непонятно как, стимулы предъявлены респондентам непонятно какие. Результаты какие-то получились, может быть примерно так и есть в действительности, но тестирование проведено по-дилетантски. Ниже детали.
By testing with a broad cohort of users rather than specific segments, we can ground our findings in widely shared user needs and expectations
Здесь уже непонятно, все-таки эти юзеры, они кто? Может это младенцы или пенсионеры, или шахтеры, все-таки кто они? В научных исследованиях никогда не берут «какую-то широкую когорту». Берут совершенно конкретных людей, которых можно отнести к определённому сегменту, а потом смотрят на результат, если они все показывают одинаковый результат, то уже можно говорить, что вот в таких-то сегментах одинаковый результат. А чтобы протестировать «всех», надо тогда всех-всех и тестировать.
we can maximize the number of respondents in a short timeline — a perfect opportunity to try new and unconventional research methods and assess their pros and cons
Очень странный посыл. Они пытаются получить результаты или протестировать методы? Обычно, если тестируешь метод, то результаты не используешь особо, потому что в процессе экспериментируешь и результаты уже будут невалидные.
To find out, we conducted user testing with 48 participants over 3 days
Кто эти люди, возраст, пол, какими девайсами пользуются, какой опыт с различными сайтами?
We tested four design versions
А картинки на странице были одинаковыми? Если да, то человек уже догадается, в чем подвох, если нет, то сам контент может повлиять. Обычно тестируемые объекты подмешиваются среди других «контрольных» объектов.
Х% scrolled immediately
Это как? Через секунду, полсекунды? Сколько-то людей не скролило. Почему, интересно, может быть этих людей что-то объединяет?
Совершенно не описана методика проведения теста. Написано, что удаленные тесты, но как их проводили? Связывались с людьми и присылали ссылки? Или одну ссылку? Какие инструкции давали людям? Это очень важно, потому что всё это сильно влияет на поведение людей.»
Ранее в этом году вышла лучшая статья на тему псевдонаучности в дизайне от MJ Parnell. Крайне печально, что исследование Huge, Inc разошлось по всему интернету и опубликована всем кем только можно. Да, миф о том что люди не скроллят — ложный и много раз опровергался. Но конкретно эта статья делает выводы совершенно непрофессионально.
Matt Galligan из Circa рассказывает о ненавязчивом способе получить от пользователей оценку приложения. Вместо почти всегда неуместного попапа они выводят вежливый блок в интерфейсе с вопросом «понравилось ли вам приложение?». В продолжение темы:
Laura Keller описывает принципы создания хороших интерфейсов для внутрикорпоративных инструментов, которые, как правило, имеют очень бледный вид.
Картографистам и проектировщикам гео-ориентированных сервисов на заметку. Серьезное погружение и детальный разбор нативных карт Google и Apple для iOS. Паттерны, области взаимодействия, механизмы установки меток, разметка областей приложения, маршруты и навигация… Очень зорко разобрано «на запчасти» и описано до последних мелочей.
По результатам своего свежего исследования Baymard рекомендуют явно отмечать и обязательные, и необязательные поля формы.
Коллекция Empty States перешла на отдельный домен.
Antoine Lefeuvre о тонкостях дизайна при переключении язывов на многоязычных сайтах и приложениях. В продолжение темы:
Интересное выкладки из пары исследований ценообразования в ресторанах и вебе. Если рядом с суммой не указана валюта, люди охотнее платят.
Luke Wroblewski сравнивает процессы первоначальной настройки iPad и Android-планшетов. В продолжение темы:
Подборка лучших интерфейсных анимаций по версии Beautiful Pixels. Многие примеры весьма спорные, но сами паттерны интересные.
Особенности дизайна в Азии
Dorothy Leonard и Jeffrey F. Rayport рассказывают о полевых исследованиях. Процесс описан дежурно, но в статье огромнейшее количество крутых историй от крупных компаний, как они находили инсайты и меняли продукты.
Профессор Nicholas Bowman об эффекте «зловещей долины» в UX: в играх, для Siri, в NUI.
В продолжение истории с нашумевшим исследованием Facebook по управлению эмоциями. Говорят, такие исследования и вовсе ненаучны.
Новый сервис в рамках Think with Google собрал анонимные (ага, конечно) данные веб-аналитики с 42 000 сайтов (тут сглотнули все, кому конфиденциальность не позволяет ставить Google Analytics) и сделал на их основе отличный инструмент для изучения пути пользователя к покупке в разных сегментах, рынках и странах. Краткое руководство в виде PDF.
Памятка от Demian Farnsworth по созданию experience maps.
Новое расширение для Photoshop, которое помогает собирать, хранить и «нарезать» для разработчиков иконки и любую другую графику. Расширение поддерживает iOS, Android, Windows Phone и ретину. Сейчас оно распространяется по приглашениям, но, по личному опыту, приглашают довольно быстро. Будет полезно всем мобильным, некоторым веб- и вообще всем тем дизайнерам, которые устали от постоянной ручной нарезки графики для передачи разработчикам. Еще немного о передаче дизайна разработчикам:
Новый подход к шаблонам для бумажного проектирования. Помимо удобной разбивки стандартных листов по экранам, к нему прилагается модель телефона для 3D-принтера, в которую можно загнать нарисованные на бумаге скетчи.
Новое для Sketch
Новое о Material Design
Новое для Android Wear
Новое об Apple Watch
Новое о письмах рассылки
Серьезно обновлены гайдлайны мобильной ОС Tizen, которую развивают Самсунг и Интел на базе закрытой пару лет назад MeeGo. Самсунг постоянно грозится вкладывать в нее основные силы, но пока вышли всего несколько устройств.
7 советов от InVision по созданию гифок с интерфейсной анимацией. И тут же — инструкция по созданию анимированной иллюстрации в связке Illustrator и Photoshop.
Новое для iPhone
Новое для iPad
Шаблоны для Android
Новое для Marvel App
Новое для Adobe Fireworks
Еще один вариант быстрого отображения экрана Мака на iPhone и iPad. Приложение будет полезно для быстрого просмотра макетов на устройстве через кабель.
В функции данных специалистов входит проектирование, графический дизайн и юзабилити-исследование интерактивных пользовательских интерфейсов, обеспечивающих высокие эксплуатационные (эргономические) характеристики программных продуктов и систем.Требования к образованию по данной профессии: среднее профессиональное образование — программы подготовки квалифицированных рабочих (служащих), либо высшее образование — бакалавриат, специалитет, магистратура. Дополнительное профессиональное образование — программы повышения квалификации, программы профессиональной переподготовки, программы повышения квалификации.Предъявляются также требования к опыту практической работы в соответствующей сфере деятельности.
Дешевый и быстрый способ проведения экспертной оценки по ключевым эвристикам Нильсена. Это плагин для Chrome, который открывает панель со списком эвристик, позволяет делать пометки на странице и экспортировать это все в документ Word.
Indi Young создала свою методику подбора методов исследований. Всё зависит в первую очередь от цели исследований: ищем ли мы новые идеи для нашего продукта либо проводим оценку уже существующей функциональности. Исследования также могут быть направлены либо на сам продукт, либо на пользователей, их поведение и ощущения.
Lean-исследования
Jeff Sauro пытается понять, насколько эффективны способы отсечения недобросовестных респондентов опросов, в первую очередь проверка скорости заполнения. Все не так однозначно — за исключением совсем очевидно фейковых случаев, скорость влияет на качество не очень явно и просто отсекать таких респондентов нельзя.
Hang Guo, Khasfariyati Razikin и Muhammad Hatib о вариации метода карточной сортировки.
Хорошая аналогия об отличиях качественных и количественных исследований в блоге Mozilla.
David Travis о 7 смертных грехах исследования пользователей.
Hoa Loranger из NN/g о методике конкурентного юзабилити-тестирования, когда кроме вашего собственного продукта, тестируется и несколько продуктов ближайших конкурентов.
Новый инструмент для создания интерактивных прототипов и трансляции их в код для Android и iOS. В отличии от большинства недавно появившихся инструментов, Fuse Tools изначально ориентирован на тесную связку дизайнер-программист. Интерактивный прототип, который вы делаете с помощью инструмента является, по сути, хорошо написанным приложением на нативном для платформы коде.
Очередной новый инструмент для дизайнеров, на этот раз в браузере. Его делает Colm Tuite и он пока в альфа-состоянии, но его уже можно попробовать. Демо функции состояний объекта.
Достаточно развернутая инструкция по работе с Form, Origami-подобным инструментом для интерактивного прототипирования, который недавно был куплен Google.
Новые визуальные редакторы контента
Новые скрипты
Работа с SVG
Относительно недавно обновился Typecast — инструмент для создания визуально привлекательного и семантически выстроенного дизайна, проверки на читабельность, правильность рендера в браузерах и общую гармоничность — он стал бесплатным для дизайнеров, работающих в одиночку. Этим анонсом открывается ветка про веб-типографику: техники, скрипты, инструменты, руководства и многое другое:
How to Implement Color Search
Elif Ceren Dik рассказывает об опыте создания хорошего подборщика цветовых решений для пользователей сервиса JotForm согласно теории цвета. Многие сталкиваются с похожими задачами, так что в этой ветке будут собираться материалы по алгоритмическим решениям подбора цветов. В продолжение темы:
Ralph Thomas подробно и с наглядными интерактивными примерами разбирает физическую модель анимации. Проект доступен на GitHub для собственных экспериментов. В продолжение темы:
Появилась бета инструмента для дизайнеров Tumult Hype Pro 3. Обещают интерактивные повторно используемые анимированные объекты с физической моделью и адаптивность для сайтов, iBooks, рекламы.
Появилась бета Noodl, недавно анонсированного инструмента для всего цикла прототипирования: анимаций, интерактивных взаимодействий и всего процесса работы с прототипом. Ее можно установить в виде расширения для Chrome.
Stephen Hay о том, что обеим сторонам популярного в последние годы дискурса «должен ли дизайнер уметь верстать» нужно не бросаться в крайности.
Новое для Framer
Новое для Quartz Composer
Новое для Bootstrap и Foundation
Обзоры инструментов
Обучающие статьи для дизайнеров по работе с JavaScript от Дмитрия Пояркова. Для дизайнеров, правда, условно — это просто простая методичка для начинающих. Другие руководства для начинающих не-разработчиков:
Фреймворк для сборки гибридных приложений для iPhone.
Jim Nieters и Pabini Gabriel-Petit открывают серию статей о UX-менеджерах и лидерстве. Очень толково, хотя предварительная статья была менее системной. В продолжение темы:
Julie Zhuo из Facebook о главных ошибках в дизайне продуктов. Слишком жесткие ограничения при изначальном исследовании пространства проблем и решений, слишком ранняя детализация одного из решений, принятие хорошего исполнения за хороший продукт, перекос в сторону стиля вместо смысла, фокусирование не на тех деталях.
Ondřej Válka описывает форматы взаимодействия продуктового дизайнера с продукт-менеджером. Это одна из самых плотных связок в команде.
Памятка для клиентов на тему критики дизайна.
Колонка UXMatters на тему интеграции UX с бизнес-стратегией.
Pamela Pavliscak продолжает серию публикаций о работе с данными аналитики при проектировании интерфейсов. Вторая часть посвящена определению терминологии.
Стала доступна бета-версия инструмента продуктовой аналитики Pendo. Помогает оценивать востребованность функций веб-продукта и общаться с пользователями, которые используют сервис прямо сейчас.
Aurora Bedford из Nielsen/Norman Group пишет об использовании персонажей для сегментирования данных аналитики.
Один из самых крутых кейсов перестройки дизайна в больших компаниях. Как Intuit, ведущий производитель ПО для личного и корпоративного финансового учета, переосмыслил себя, выстроил дизайн-культуру и создал экосистему Harmony.
Очень интересная презентация Dan McKinley из Etsy о том, как компания пришла к про-активному анализу данных при запуске новых функций и сервисов. Во второй части делаются подробные расчеты ROI для пары фич, которые они планировали запускать.
Мой коллега Андрей Сумин рассказывает о процессе запуска новой версии Почты Mail.Ru, которая стала доступна всем пользователям в этом году. Детально по всем шагам постепенной выкатки на все большее количество пользователей с кучей цифр и статистики. Полезно для всех, кто имеет дело с продуктами с большой устоявшейся аудиторией — как не растерять ее.
Еще один толковый кейс редизайна гос.сайтов. Rachel Haot рассказывает о новом NY.gov и особенностях работы над ним. В ее блоге на Medium есть и другие истории об этом запуске.
О первых 6 месяцах существования юзабилити-лаборатории GOV.uk. Много интересных выводов, рекомендаций и отзывов менеджеров.
Как проводятся исследования игроков в юзабилити-лаборатории Microsoft Xbox.
Константин Горский и Геннадий Лахтин рассказывают о работе над экспериментальным интерфейсом Яндекс.Браузера, который был представлен в конце ноября. Еще немного их ответов на вопросы о продукте.
Интересный кейс команды обучающего сервиса Luminosity, в котором они рассказывают об экспериментах с процессом первого захода пользователя. Они добавили несколько вопросов наподобии теста в onboarding и оказалось, что это не только не роняет конверсию, но увеличивает вовлеченность. Кажется, Евгения Жадяева рассказывала о похожем опыте LinguaLeo.ru на UX-Среде.
(выступление Алексея Аметова и Романа Худоногова)Выступление Романа Худоногова и Алексея Аметова о внутренних редакционных процессах в LAM. Слайды. Они думают о том, чтобы сделать Arcticle публично доступным продуктом и если все срастется, то анонс будет весной.
Новые кейсы редизайна
Непрошенные редизайны
Tomáš Slavíček о принципах дизайна мобильных интерфейсов для пожилых людей на примере приложения KoalaPhone. Другие истории дизайна для людей с ограничениями:
Вчера исполнилось 30 лет первому Apple Macintosh. Хотя платформа и не была первым оконным интерфейсом, она серьезно улучшила идеи Xerox и сделала GUI с его парадигмой WIMP (windows, icons, menus, pointers) популярным и коммерчески успешным. The Verge собрал историю развития Mac (правда, там больше про железо), а сам Apple собрал юбилейный промо-сайт с кучей интересной информации.
История развития интерфейса и устройств на WebOS, одной из самых интересных и при этом несчастливых мобильных платформ. К счастью, сейчас LG активно развивает ее и показал крайне интересное решение для телевизоров. Рассказ дизайнеров о ней. Подробнейшая история WebOS.
Сбудется — не сбудется? frog design проводит голосование по вероятности реализации технологических тенденций 2014 года. Еще одна презентация на эту тему от JWT Intelligence. UX Magazine перечислил
основные UX-тенденции ушедшего 2013 года и составил прогноз на 2014. Другие итоги 2013 года:
Stephen Wolfram запустил каталог современных подключаемых устройств, подходящих к идеологии Internet of Things. К сожалению, пока нет никакой категоризации, но база уже внушительная и будет активно пополняться. Кстати, после CES появилось много критики в сторону концепции IoT — большинство из современных устройств никак не общаются между собой, так что вменяемых экосистем пока не получается.
Кейс того, как в Wired создавали концептуальный дизайн связки “умные часы + очки” для обложки январского номера. Правда, их посыл о том что носимые устройства заменят смартфоны опровергают сразу несколько специалистов. Michael Mace, один из самых интересных мобильных аналитиков, о том почему Wired не прав и носимые устройства еще очень далеко. Kevin McCullagh — почему носимые устройства не будут таким мощным прорывом, каким были мобильные.
Kyle Vanhemert говорит, что эпоха бесконечного подражания интерфейсам из Minority Report может наконец-то закончиться. Новый фильм Spike Jonze “Her” показывает совсем другой мир, в котором технология становится настолько утилитарной, что растворяется в повседневных вещах и не требует особого внимания от пользователя. Это идет вразрез с тем что постулирует Internet of Things — каждая безделушка в доме требует внимания, ручной настройки и управления.
Helen Tran об эмоциональном дизайне, о том, как дизайн из фантастических фильмов 80х-90х влияет на интерфейсы сегодняшнего дня.
NN/g провели разбор интерфейсов и юзабилити “умных часов” Gamsung Galaxy Gear. Вердикт: 1) Пользователям: Пока часы сыроваты в планы функциональности и юзабилити. Подождите выхода следующего поколения. 2) Компаниям: купите устройство, экспериментируйте, думайте о создании сервисов для нового поколения “умных часов”, которое может появиться уже в течение года.
Один из самых известных в профессии соотечественников Иван Пупырев, сделавший много крутейших вещей в исследовательской команде Disney, а до этого Sony, теперь работает в новой лаборатории Motorola Mobility вместе с бывшим шефом DARPA. Правда, в конце января было объявлено о продаже Motorola Lenovo. Однако подразделение Ивана остается в Google и более тесно вливается в компанию.
Donnie Berkholz пишет о том, что в минувшем 2013 году произошло во многом стирание грани между дизайнерами и разработчиками. Две дисциплины слились в один спектр. Распространенным явлением стали не только дизайнеры, которые умеют писать код, но и разработчики, специализирующиеся исключительно на пользовательских интерфейсах.
Громкий, четкий звонок создателям корпоративного ПО: “Корпоративные пользователи ожидают качества UX, сравнимого с качеством ведущих потребительских приложений.” Wall Street Journal о том, как Avon свернул проект внедрения SAP, занявший 4 года и стоивший $125 млн. Причина закрытия технически работающего проекта — массовое сопротивление продавцов, настолько недовольных уровнем юзабилити, что значительное число их скорее предпочло покинуть компанию, чем пользоваться новой системой. В продолжение темы:
Michael Oh предлагает концепцию Vice Versa для мобильных устройств — диагонального UI, оптимизированного для использования одной рукой.
Интервью с UX-менеджерами Ford, во многом благодаря которым она имеет отрыв от конкурентов с системой MyFord Touch.
Kevin Jeong описывает подход по созданию “личности” у продукта, которая будет использоваться при взаимодействии с пользователем. Все больше сервисов добавляют эмоциональную составляющую и важно правильно выстраивать такую коммуникацию.
Алексей Копылов написал небольшую статью про UX амазоновских коптеров. Про это пишут также Dan Saffer и авторы Rosenfeld Media Victor Lombardi, Laura Klein, Nate Bolt.
За последние 10 лет информационная архитектура превратилась в один из не самых важных подразделов UX. Основываясь на своем опыте в Groupon, Peter Merholz пишет о осознании того, что она должна продолжать существовать как отдельная дисциплина.
Chris Noessel из Cooper Consulting успел оценить YotaPhone. Его вердикт: “Вполне жизнеспособное временное решение до тех пор, пока ёмкость батареи будет оставаться важным фактором для смартфонов.”
Bret Victor собрал подборку сильных научных публикаций и статей, которые он прочитал в прошлом году. Они достаточно хардкорные, в большинстве касающиеся ментальных и концептуальных моделей, восприятия. Но будут очень полезны для прокачки теоретической базы.
Aza Raskin о своем опыте перехода из дизайнеров в основатели компании: “Ваша работа теперь не проектировать замечательный продукт, а создать команду, способную создать продукт вашей мечты”.
Недавно Medium вышел из бета-версии и запустил функцию курированных лент. Одна из лучших посвящена продуктовому дизайну и ее ведет основатель сервиса Evan Williams. Каталог курированных лент. В дополнение:
Jared Spool запустил на KickStarter проект по созданию UX Unicorn Institute. Это программа обучения, призванная воспитать современных дизайнеров, владеющих широким набором навыков, востребованных в продуктовых компаниях.
Большое исследование от Nielsen Norman Group о карьерном развитии специалистов по интерфейсам. В основном про англоязычные страны.
Рецензии на некоторые видео-курсы по UX от Udemy, а также очень много информации по платным и бесплатным видео-ресурсам.
В этом году снова Запустился Рождественский UX-календарь от создателей ресурса UX Mastery. Каждый декабрьский день до рождества — новая статья от известных авторов. Наиболее интересные среди них:
Look at Me делает неплохую серию вводно-обзорных статей по различным направлениям дизайна. Например, для информационных и шрифтовых дизайнеров. Про проектирование, правда, получилось чересчур бегло. Гейм-дизайн.
Занятный тест от Marc Hemeon, предлагающий определить бренд по цветам интерфейсных кнопок. Статья Fast CoDesign о цветах в интерфейсе и брендинге.
Chauncey Wilson рассказывает о методике проведения рабочих встреч brainwriting. Он решает похожие на брейншторм задачи, но более эффективно — участники записывают свои идеи на бумагу вместо того чтобы обсуждать их, а затем несколько раз обмениваются заметками с тем чтобы развивать чужие идеи.
Laura Busche рассказывает о том, чем могут помочь офисные стены в рабочем процессе от брейнштормов до любых других коллективных активностей.
Степан Фурдей дает отличную вводную по основам верстки дизайна в Android. Учитывая постепенное размывание границ между дизайнером и разработчиком, будет полезно понимать основы. Вторая часть.
В некоторых случаях проектировщикам следует принимать решения основываясь на своих инстинктах, иногда — на основе данных. В каких случаях на что опираться, пытается разобраться Braden Kowitz, Design Partner Google Ventures.
Разбирая два кейса дизайна американских государственных сайтов (одного с удачным, а второго со слабым уровнем юзабилити), Jared Spool приходит к убийственно простому выводу: “Дизайн является отражением реальных приоритетов продуктовой команды.” (реализацией реальных намерений) Если дизайн в приоритете, то и получается чаще всего на уровне. Если же приоритетнее просто выпустить продукт в срок, то получается то, что получается. В продолжение темы:
Статья Cory Lebson об особенностях работы наемным консультантом (по сути — фрилансером). У нас, правда, эта модель менее распространена среди специалистов по проектированию интерфейсов. Но на западе, как мне кажется, является одной из ключевых причин обилия профессионального контента — во многом для промоушена своих услуг каждый из таких консультантов активно пишет статьи и делает презентации. Близкая по сути статья про 5 уровней успеха UX-консультанта.
Rosenfeld Media поддерживает проведение UX Book Clubs. Организатор получает бесплатную электронную книгу, а всем участникам генерируется временный код на скидку 30%.
Представители сильных дизайн-студий дают 8 советов о том, как устроиться в такую компанию.
Видеозаписи докладов с конференции UX People 2013, проходившей 30 ноября в Минске.
Видео с конференции AIGA “Heart, Heart, Hand”, прошедшей в октябре 2013 в Миннеаполисе. Основные темы: дизайн мышление, дизайн как средство социального воздействия, дизайн-ремесло.
Видео-материалы конференции Beyond the Desktop 2013, проходившей 21-23 октября в Nashville.
Основные европейские и американские события UX и веб-дизайна первого полугодия 2014 года. Кстати, 9-11 апреля в Варшаве пройдет UXPoland — достаточно доступное международное мероприятие с интересными западными спикерами.
