Библиотека паттернов, посвященная интерфейсной анимации и мелким деталям взаимодействия. Грубо говоря, Little Big Details в динамике.
ZURB собирает коллекцию Design Triggers — примеров использования психологических мотиваторов в дизайне. Для каждого паттерна приводятся примеры использования с разбором.
Krystal Higgins собрала коллекцию дизайна опыта первого использования для мобильных приложений. А Михаил Дубаков из Target Process — 15 примеров опыта первого использования для productivity-сервисов.
Интересная презентация об анимации в современных интерфейсах и управлении жестами, в первую очередь в мобильных приложениях. Она хорошо структурирована и снабжена примерами.
Mike Pick пишет об адаптации дизайна для больших и особо крупных экранов. Он разбирает разные подходы для решения этой задачи. Правда, стоит отметить что западная традиция с узкой колонкой в этом плане всегда отставала от российской, давно использующей резиновый и эластичный дизайн.
Carol Chen рассказывает о выступлении Luke Wroblewski для сообщества Designer + Geeks, в котором он рекомендовал всячески избегать ввода с клавиатуры на мобильных. Около 75% пользователей работают с телефоном одной рукой, а использовать экранную клавиатуру в таком режиме комфортно далеко не всем из них. Статья описывает несколько способов оптимизации форм и экранов для того чтобы минимизировать вызов клавиатуры.
Подробное и доступное руководство по упрощению навигации и оптимизации информационной архитектуры от Anastasios Karafillis.
Erik Dahl сформулировал 26 основных постулатов UX — UX-аксиомы.
Jeff Sauro рассказывает о пользовательском исследовании важности первого клика для успешности решения своей задачи на различных e-commerce-сайтах. Если на сайте есть хороший поиск, эффективными могут быть разные пути. Но если основной упор делается на меню и другие навигационные ссылки, конверсия правильных путей может быть в 3-8 раз выше.
Исследование компании Qubit о 10 основных жалобах пользователей интернет-магазинов. Основное содержание по-русски.
Fast Co.Design цитирует основателя Instagram, который говорит, что настало время пересмотреть смысл жеста pull-to-refresh на мобильных. В идеальной ситуации контент должен обновляться автоматически и в фоновом режиме, так что ручное действие не очень оптимально. С другой стороны, сам по себе жест хорош и его можно использовать для более полезных вещей.
Kara Pernice дает советы по дизайну самой важной функциональности корпоративного интранета — поиска информации о сотрудниках. Советы основаны на многолетнем опыте и сэкономили некоторым компаниям сотни тысяч долларов в год.
Руководство Steve Workman по особенностям использования адаптивного дизайна для поддержки просмотра на телевизионных экранах.
Randy Olson о том, как инфографика может обманывать и делится советами о том, как распознать визуальную ложь.
Tammy Everts акцентирует внимание на важности оптимизации скорости загрузки страниц e-commerce-сайтов и приводит интерфейсные решения, которые могут негативно повлиять на нее. Опыт многих крупных онлайн-ритейлеров говорит о том, что скорость — один из важнейших факторов, влияющих на продажи.
3 совета от Kathryn Whitenton из NN/g по дизайну поисковых страниц для ситуаций, когда ничего не было найдено.
Aurora Bedford из NN/g пишет о сложностях использования интерактивных карт на мобильных устройствах. В итоге результаты поиска местоположения лучше отображать по умолчанию в виде списка.
Использование “карточек”, “островов” — актуальная тенденция в дизайне интерфейсов. Wan-Ting Huang пишет об ограничениях этого подхода и возможных альтернативах. Также появился перевод на русский статьи Paul Adams на эту тему, одной из самых сильных.
10 советов по дизайну университетских веб сайтов от Katie Sherwin из NN/g.
Hamish McNeil из RealMac Software о проектировании первого впечатления.
Автор сайта Randomwire пытается объяснить, почему японский веб-дизайн настолько отличается от западного в худшую сторону.
Коллекция паттернов от A List Apart, описывающих дизайн сайта. Помимо этого они сделали открытым его код, а также ищут новых авторов.
Алексей Копылов опубликовал русскоязычное руководство по созданию Customer Journey Map. Также отличную статью на тему выпустил Chris Ridson из Adaptive Path — в ней он разбирает ключевой элемент Customer Journey Maps, “точки соприкосновения” (touchpoints).
Barnabas Nagy предлагает свой способ описания пользовательских сценариев. Это совмещение карты сайта, диаграммы процесса и отношения пользователя к каждому из этапов. Шаблон персонажа.
Отчет о длившемся год исследовании пользователей iPhone, рассказывающий об особенностях их работы со смартфоном и приложениями. Выборка была ограничена студентами, хотя несмотря на это такие долгосрочные эксперименты — редкость. Выводы из его результатов от Jeff Sauro.
Веб-версия книги “Gamification at Work” об использовании геймификации в бизнес-приложениях доступна на сайте Interaction Design Foundation.
Andre Plaut применяет классическую модель Jesse-James Garrett для описания процесса обучения пользователей. В ней есть пять уровней — стратегия, требования, структура, взаимодействие, ощущения.
Исследовательский материал Marc Hassenzahl, Kai Eckoldt, Sarah Diefenbach, Matthias Laschke, Eva Len и Joonhwan Kim о том, как можно продумывать эмоциональную составляющую при проектировании интерфейсов. Они разбирают кейс телевизионного приложения для коллективного просмотра и показывают, как можно начинать его проработку с желаемого experience.
В Rosenfeld Media выходит книга Whitney Quesenbery “Web for Everyone”. Материалы в дополнение к ней:
Интересное исследование финской группы ученых о том, как тело реагирует на различные эмоции. Прямая ссылка на PDF. Также будет интересно:
Полномасштабный обзор нюансов построения многопользовательских взаимодействий в играх от Daniel Cook.
Обзорная статья по поводу проектирования и дизайна приложений и сайтов для детей от Justin Smith.
UX Fox перевели мощную статью Aarron Walter из MailChimp про их интересный командный опыт работы над интерфейсами.
Martin Siegel и Jordan Beck описывают концепцию медленного изменения пользовательского поведения. Большинство материалов на тему изменения поведения говорят о каких-то быстрых шагах и действиях, но действительно сильные привычки менять не так просто.
Robert Karnick пишет о проектировании процессов в здравоохранении. И разбирает их важность на примере исследования того как оптимальнее использовать специализированные глюкометры.
Дизайнерский обзор новой версии Android от моего коллеги Евгения Беляева. Вторая часть. Он также ведет отличную Фейсбук-группу, посвященную качественным Android-приложениям, инструментам для дизайнеров, а также информации о работе с платформой в целом. И собирает коллекцию интересной анимации. Другие материалы по KitKat:
Регулярно пополняемая коллекция плагинов и скриптов для Photoshop от Vadim Sherbakov. Страница в Фейсбуке.
Инструкция по работе в Xcode для мобильных дизайнеров от Meng To. Он описывает процесс создания простого приложения и выкладывает исходник проекта для примера. Его предыдущая статья на тему. Другие материалы на тему:
GitHub-коллекция плагинов для инструмента проектирования и дизайна Sketch. Другие полезные инструменты и материалы:
Фреймворк для прототипирования мобильных приложений и их анимации от дизайнеров Фейсбука на базе Quartz Composer. Он облегчает работу с инструментом, достаточно нетривиально выглядящим для неопытного пользователя. О том, как он помогал при создании Paper.
Новая версия Chrome здорово облегчает процесс тестирования мобильных версий сайтов. Во-первых, в DevTools появился расширенный эмулятор, позволяющий увидеть страницу на разных разрешениях, user-агентах, конкретных устройствах и с разными сенсорами. Во-вторых, теперь можно зеркалировать происходящее на телефоне в браузер на компьютере с возможностью отладки. А инструмент Mirror помогает проверять разрабатываемые Android-приложения на лету.
Colm Tuite работает над очередным онлайн-инструментом для проектирования интерфейсов. В нем интересна возможность создания сложных взаимодействий (несколько одновременных изменений в разных объектах) с анимацией. По ссылке можно подписаться на новости проекта.
Приложение Siena от Microsoft позволяет создавать работающие приложения для Windows 8 прямо на планшете. Включая их проектирование и дизайн.
PlaceIt от Breezi стал платным, зато запустился свежий сервис для вставки макетов в устройства с более обширной коллекцией. Есть смартфоны, планшеты, телевизоры.
Инструмент Ghostlab позволяет тестировать мобильные и планшетные сайты сразу на связке устройств. Все обновления на подключенных телефонах и планшетах происходят одновременно — прокрутка, переходы по экранам, работа с формами. Похожий инструмент shim.
Онлайн-сервис для создания customer journey maps и описания персонажей. Также предлагает бумажные шаблоны.
Онлайн-сервис Test the Text помогает улучшать информационные тексты в интерфейсах. Сервис подсвечивает лишние слова, эмоции, личное мнение, помогая сократить объем и сделать сообщение более нейтральным. Вводная от автора.
Шаблон иконки приложения для iOS7.
Еще один инструмент для мобильного прототипирования Launch. Схема простая — на основе готовых макетов провязываются переходы между ними и анимации, можно обсуждать получившийся прототип.
Подборка инструментов для совместной работы над дизайном от Hack Design.
Вышла долгожданная книга “Eye Tracking the User Experience” от Aga Bojko — еще одна от издательства Rosenfeld Media. Отрывок из нее (в конце находится код на 20%-скидку).
Уроки, извлеченные из просмотра 200,000 видео сессий юзабилити-тестирования UserTesting.
Amy Schade из NN/g о методике конкурентного юзабилити-тестирования, когда кроме вашего собственного продукта тестируется и несколько продуктов ближайших конкурентов.
Компания Eyequant занимается разработкой алгоритмов, которые предсказывают результаты eye-tracking по анализу изображения. Пока не совсем получается, зато в результате серии тестирований удалось развенчать несколько мифов: лица на изображениях имеют сильное эмоциональное воздействие, но они не всегда притягивают так много внимания; крупный шрифт — визуально заметен, но сам по себе не притягивает внимания пользователей; “волшебное” слово FREE — само по себе тоже автоматически не притягивает внимания.
Колонка UXMatters, посвященная нюансам проведения экспертных оценок. Десяток специалистов делятся своим опытом и техниками.
Jeff Sauro дает 10 советов по проведению пользовательского тестирования, когда требуется использование кредитных карт и прочей личной информации участников.
Во время юзабилити-тестирования исследуемые могут задавать исследователю вопросы либо пытаться начать диалог с ним, нарушая тем самым процесс тестирования. Kara Pernice из NN/g рассказывает о трех методиках общения во время теста — «Эхо», «Бумеранг», «Коломбо».
Jim Ross пишет о методе пользовательских исследований, в которых исследователь вместе с пользователем решает задачи и узнает все детали не только из общения, но и из непосредственного опыта.
Свежие подходы к партизанскому юзабилити-тестированию от компании nForm — BYOD (Bring Your Own Device) и Fake Google.
Jeff Sauro о том, как исследователь может «защитить» количественные результаты исследований.
Jeff Sauro приводит 5 причин, когда 5 пользователей достаточно для юзабилити-тестирования и 5 обратных ситуаций.
Harry Brignull делится рецептом создания “партизанской” юзабилити-лаборатории на основе MacOS-компьютеров (проверено исследованиями в британской газете The Telegraph).
Моя презентация о UX-стратегии с конференции UX People 2013. Это первая, обзорная часть из серии презентаций и статей, рассказывающая о трех уровнях зрелости UX — оперативном, тактическом и стратегическом. А также бизнес-среде, которая обуславливает развитие дизайна в компании. В будущих публикациях я подробно опишу каждый из трех уровней. Статья для UXMatters, на основе которой сделана презентация. Ее русскоязычная версия.
10 заповедей UX-стратегии от Ronnie Battista.
Stephen Turbek описывает плюсы и минусы четырех способов привлечения на проект интерфейсных специалистов — сторонний консультант, агентство, наемный сотрудник и собственная дизайн-команда. Продолжение статьи с очень глубоким менеджерским взглядом на то, как строится дизайн-команда. Похоже на то, что происходит у нас в команде.
Дизайн не заканчивается после выпуска продукта. За дизайном нужно следить, ухаживать. Иначе он начинает портиться, “гнить”. И в определенный момент уже ничего кроме глобального редизайна не может помочь. А Дмитрий Фадеев пишет о том, как сделать так, чтобы ваш дизайн подольше оставался живым, свежим и не требовал радикального вмешательства.
В новой колонке UXMatters обсуждаются подходы к приоритезации сценариев использования и функций. Itamar Medeiros дает подборку полезных ссылок на различные методы выбора наиболее важных из них.
Геннадий Драгун обновил свою коллекцию UX-диаграмм. Он старался проследить эволюцию понимания термина UX Design от его зарождения до сегодняшних дней.
Манифест Lean UX от Anthony Viviano.
Руководство по организации групповой деятельности от frog design. Это методичка с набором методов и активностей.
Очень интересный кейс редизайна отечественного картографического сервиса 2ГИС, в котором Дмитрий Пиликов рассказывает об опыте использования несистемных шрифтов в высоконагруженном сервисе. Компания заказывала доработку уже существующего шрифта для использования с кириллицей и кратко описывает проблемы и сложности в этом процессе. Создание собственного или доработка существующего шрифта под свои нужды — серьезный шаг для любой компании, а в России такие случаи и вовсе уникальны.
Look at Media рассказали о своей CMS, Arcticle Editor, благодаря которой контент всех изданий группы (Look at Me, The Village, FurFur, Wonderzine, Hopes & Fears) выглядит так здорово и позволяет формировать длинные статьи с интереснейшей журнальной сеткой. Это очень крутой пример для всех, кто занимается контент-проектами и хочет иметь качественно оформленные материалы на выходе. Продукт, к сожалению, внутренний и пока не планирует распространяться.
Как создавался новый картографический инструмент в Pinterest. Отличнейший промо-сайт с точки зрения визуальной подачи.
Интервью с Leisa Reichelt, главой пользовательских исследований при Правительстве Великобритании.
Интересный кейс студии Bruce Mau Design, которая столкнулась с тем что ее основатель ушел из компании, при этом важно было сохранить бренд и переосмыслить то как он работает.
Аудит контента — эффективный метод анализа информационной архитектуры и контента сайта. Но, в особо запущенных случаях он уже не работает. Gerry McGovern описывает один такой случай — на корпоративном сайте за многие годы накопилось около 100 000 страниц, причем на многие из них никто не заходил годами. Проводить полный контентный аудит заняло бы многие месяцы и было бессмысленно. Компания приняла волевое решение — они просто удалили 97 000 заброшенных страниц. Через год трафик на сайте из 3 000 страниц был таким же, как на старом сайте со 100 000 страницами.
Benjamin Whetsell предлагает вариант редизайна интерфейса информационного киоска для Американской Национальной Галереи Искусств в Вашингтоне, изначально спроектированного Edward Tufte в 1994 году. Кстати, оригинальный дизайн, которому уже почти 20 лет, выглядит достаточно современным.
Интерфейсные гайдлайны для мобильных приложений SalesForce1. Прямая ссылка на PDF. О том, как они создавались.
Последнее время популярны дизайнерские редизайны авиабилетов. Matthew Lew, который проверяет билеты на концерты, достаточно интересно и глубоко описывает свое видение правильных билетов для TicketMaster. В дополнение:
Вчера исполнилось 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 — достаточно доступное международное мероприятие с интересными западными спикерами.
