Совершенствуйте свое мастерство с помощью этих лучших инструментов UX

Наличие под рукой правильных инструментов UX может стать решающей разницей между совместным, бесшовным и в целом высокоэффективным рабочим процессом проектирования и рабочим процессом, который является медленным, непродуктивным и безотчетным.

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

Давайте взглянем на лучшие инструменты UX, от вайрфрейминга и прототипирования до UX-исследований и аналитики, которые помогают командам делать невероятные вещи в 2018 году.

Дизайн + прототипирование + инструменты передачи дизайна

ИнВижн/ИнВижн Студия

Платформа: Интернет (интегрируется со Sketch и Photoshop) и macOS.
Цена: от 13 долларов США в месяц для отдельных лиц или 89 долларов США в месяц для команд из пяти человек.

Примечание. Цена распространяется на основное веб-приложение InVision, а не на InVision Studio, которое является бесплатным.

InVision, пожалуй, самый мощный инструмент UX. Это позволяет дизайнерам Sketch и Photoshop импортировать свои статические экраны и превращать их в динамические прототипы, а заинтересованным сторонам предлагать конструктивные отзывы, которые затем можно преобразовать в действенные и управляемые задачи. Добавьте к этому их пользовательское тестирование и технологию совместной работы с белой доской, и веб-приложение InVision станет бесценным и впечатляющим инструментом.

В 2017 году InVision представила новые функции передачи дизайна, а теперь, в 2018 году, InVision стала полным комплексным решением, поскольку они представили свой собственный инструмент дизайна UX, Studio, который является бесплатным и включает в себя расширенные функции анимации и прототипирования.

Команды, которым нужен полный набор инструментов в рамках одной подписки, могут воспользоваться InVision.

Фреймер

Платформа: macOS
Цена: 12 долларов США в месяц для отдельных пользователей или от 250 долларов США в месяц для команд из трех человек.

С точки зрения предложения, Framer — это инструмент, который больше всего напоминает InVision, поскольку они оба сочетают в себе зрелый веб-интерфейс с совершенно новым инструментом дизайна UX. Это зависит от личных предпочтений этих двух, но если Framer немного дешевле для частных лиц, InVision явно является старшим братом, когда дело доходит до совместной работы над дизайном.

Фигма

Платформа: веб, macOS и Windows
Цена: бесплатно для начинающих команд или 12 долларов в месяц.

Figma выделялась среди остальных на раннем этапе своего развития как ведущий инструмент для многопользовательского дизайна, позволяющий нескольким дизайнерам одновременно работать над одним и тем же файлом дизайна. Благодаря возможности создавать адаптивный дизайн и дополнительным функциям передачи впечатляет то, как они предлагают эти функции в версиях продукта для Интернета, macOS и Windows.

Если вам нравится энергичный совместный рабочий процесс проектирования, Figma для вас.

AdobeXD

Платформа: Windows и macOS
Цена: бесплатно за 1 прототип или 20,99 долларов США в месяц за неограниченное количество прототипов.

Когда Sketch стал инструментом №1 для вайрфрейминга и дизайна интерфейсов, у Adobe почти не было другого выбора, кроме как признать, что Photoshop никогда не сможет стать инструментом проектирования пользовательского интерфейса, в котором нуждаются дизайнеры. Adobe решила сделать Adobe XD доступной для пользователей Windows, чего не было в Sketch, а также встроила возможность прототипирования пользовательских потоков и проверки проектов, помогая дизайнерам-ветеранам, знакомым с экосистемой Adobe, придерживаться знакомого рабочего процесса.

UXPin

Платформа: веб
Цена: от $8,10/месяц за одного пользователя, с другими вариантами для команд.

UXPin — это полнофункциональная платформа для разработки продуктов, предлагающая все, от проектирования, создания макетов, прототипирования, совместной работы, пользовательского тестирования и передачи — все в одном веб-приложении. Недостатком является то, что UXPin является одним из наиболее сложных инструментов для использования из-за множества функций, загроможденного интерфейса и (иногда) отставания в производительности, которое часто преследует громоздкие веб-приложения. Тем не менее, корпоративным группам, которым нужны впечатляющие функции, такие как системы дизайна и возможность использовать преимущества веб-фреймворков и технологий, таких как Bootstrap и Google Fonts, не следует слишком быстро упускать это из виду.

Инструменты дизайна + прототипирования

Эскиз

Платформа: macOS
Цена: 99 долларов в год.

Photoshop передал корону Sketch, поскольку в 2015 году они стали ведущим инструментом проектирования как для создания каркасов, так и для дизайна интерфейсов, и по состоянию на 2017 год они по-прежнему лидируют. Инновационный подход Sketch к дизайну экрана представил бесценные функции, такие как монтажные области, символы и экспорт, которые затем вдохновили волну новых инструментов дизайна, таких как Adobe XD, Framer Studio и InVision Studio. Этот невероятно интуитивно понятный (и легкий) векторный инструмент помогает дизайнерам пользовательского интерфейса выполнять итерации намного быстрее, чем когда-либо прежде.

Тем не менее, вот «но» (и это большое но): Sketch недоступен для Windows, и их решение внедрить инструменты для прототипирования дизайнеров так поздно означает, что их конкуренты быстро захватили этот рынок с InVision. возможно, самый динамичный инструмент прототипирования, доступный сегодня. Несмотря на то, что функциональность Sketch может быть адаптирована с помощью впечатляющего каталога плагинов (включая интеграцию с Flinto, Zeplin, Marvel, Principle и даже InVision), некоторые дизайнеры могут предпочесть более естественный опыт с этими функциями, легко доступными из коробка.

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

Веб-поток

Платформа: веб
Цена: множество вариантов, предназначенных для отдельных пользователей, нескольких сайтов и команд.

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

Принцип

Платформа: macOS
Цена: $129/год

Хотя приложение Principle больше похоже на инструмент прототипирования, чем на инструмент дизайна, оно имеет высокую оценку и предназначено для дизайнеров, которые сосредотачиваются на высокоточных прототипах и используют анимацию на временной шкале для помощи в разработке сложных микровзаимодействий, чего нет в Sketch и Adobe XD. Если функции дизайна недостаточно сложны для ваших нужд, Principle интегрируется со Sketch.

Инструменты прототипирования (только)

Флинто

Платформа: macOS
Цена: 99 долларов в год.

Flinto выводит переходы и микровзаимодействия на новый уровень с помощью передовых инструментов анимации, включая пружины и смягчения, 3D-вращение, эффекты прокрутки и даже позволяет модным дизайнерам экспортировать анимацию в виде видео, GIF-файлов и снимков Dribbble.

Хотя Flinto сосредоточен исключительно на прототипировании взаимодействий, он делает это хорошо. Используйте Sketch для достижения наилучших результатов.

Оригами

Платформа: macOS
Цена: бесплатно/с открытым исходным кодом

Origami — это инструмент для создания прототипов приложений, разработанный командой дизайнеров Facebook. Хотя он похож на Flinto (за исключением ценника), он не поддерживается так часто, как аналогичные инструменты, а его логический подход к разработке взаимодействий приводит к более крутой кривой обучения.

Дизайнерам с ограниченным бюджетом стоит обратить внимание на Origami.

Инструменты для прототипирования и передачи дизайна

Марвел

Платформа: веб
Цена: 0-12 долларов США в месяц для индивидуальных пользователей или 42-84 доллара США в месяц для команд.

Корпоративным группам, которым требуются функции единого входа и передачи обслуживания, следует обращаться напрямую.

Marvel — это онлайн-инструмент для создания прототипов, известный как один из самых простых в освоении, однако компромисс заключается в том, что он не так сложен, как InVision, когда речь идет о функциях динамического прототипирования, и требует интеграции со Sketch, чтобы стать полным решением для дизайна и прототипирования. . При этом он интегрируется с Lookback, обеспечивая пользовательское тестирование, и включает в себя функции передачи дизайна.

Marvel также позволяет командам (даже не дизайнерам) выбирать монтажную область и иллюстрировать идею с низкой точностью с помощью форм и текста, что делает ее идеальной для дизайнерских спринтов (тем более, что она также позволяет пользователям преобразовывать бумажные прототипы в прототипы Marvel с низкой точностью).

Инструменты передачи проекта (только)

Цеплин

Платформа: веб
Цена: бесплатно для одного проекта, 17 долларов в месяц и 26 долларов в месяц для трех и 12 проектов соответственно.

Для крупных организаций их вариант стоимостью 7,65 долл. США за пользователя в месяц предлагает более расширенные разрешения пользователей и возможность копировать цвета и стили текста между проектами.

Zeplin постоянно превосходит конкурентов Sympli и Avocode, где недавно были добавлены интеграции Adobe XD и Figma наряду с уже существующими интеграциями Sketch и Photoshop CC. В то время как многие универсальные инструменты добавили передачу дизайна в свой список функций, Zeplin заполняет пустоту для инструментов, которые этого не сделали (Sketch, Photoshop), и тех, кто все еще экспериментирует с функциями передачи (Adobe XD, Figma).

Каркас + Инструменты прототипирования

Аксуре

Платформа: Windows и macOS
Цена: 29/49/99 долларов США за пользователя в месяц для пользователей Pro/Team/Enterprise соответственно.

Разовая покупка Axure RP 8 также доступна по цене от 495 долларов США.

Axure создан специально для проектирования каркасов и грубых прототипов и поставляется с функциями, которые делают создание управляемых данными, динамических и адаптивных макетов настолько простым, что вы забудете, что это инструмент без высокоточных функций прототипирования UX. Для дизайнеров, занимающихся исключительно вайрфреймами и прототипированием, Axure — лучший выбор, которым пользуются 87% компаний из списка Fortune 100.

Джастинминд

Платформа: Windows и macOS
Цена: 19 долларов за пользователя в месяц или 39 долларов за пользователя в месяц для корпоративных команд.

Justinmind не получает должной любви к тому, что он предлагает, а именно к расширенному прототипированию UX, совместной работе, некоторым базовым инструментам дизайна, а также к более чем 500 веб- и мобильным виджетам для вайрфрейминга. Каркас — это не то, на чем сосредоточены многие конкурирующие приложения для прототипирования, что делает Justinmind одним из немногих инструментов UX, которые это делают.

Инструменты каркаса (только)

ОмниГраффл

Платформа: macOS
Цена: 100 долларов или 200 долларов за лицензию Pro .

OmniGraffle — это инструмент для построения каркасов с функциями построения диаграмм, который полезен для приложений и веб-сайтов, где пользовательскому потоку или информационной архитектуре может потребоваться больше внимания. Как родное приложение macOS, интерфейс очень удобен, что делает его простым инструментом UX для освоения.

OmniGraffle имеет очень удобную функцию: «трафареты», которые представляют собой готовые к использованию, перетаскиваемые многократно используемые компоненты дизайна в «библиотеке шаблонов», которые дизайнеры могут использовать для создания каркасов, макетов или даже окончательного визуального дизайна. Пользователи могут создавать свои собственные библиотеки, а в Интернете доступны для скачивания тысячи библиотек трафаретов, многие из которых бесплатны, что экономит время и усилия.

Graffletopia — одно из крупнейших хранилищ трафаретов в Интернете, содержащее как бесплатные, так и платные библиотеки. Graffletopia предлагает более 1100 шаблонов для любого использования — для разработки мобильных приложений, веб-сайтов, сетевых диаграмм, блок-схем и многого другого.

Бальзамик

Платформа: веб, macOS и Windows
Цена: от 90 долларов за пользователя в год за облачный доступ или 89 долларов за настольные приложения.

Balsamiq — это противоположность Justinmind, которая больше фокусируется на вайрфреймах, чем на прототипировании. Их встроенные элементы пользовательского интерфейса используют набросанную визуальную эстетику для поощрения мозгового штурма и предназначены исключительно для менеджеров по продуктам и разработчиков, а также дизайнеров каркасов, позволяя целым командам участвовать в процессе проектирования на раннем этапе.

Инструменты UX-исследований и тестирования

Оглядываться

Платформа: веб
Цена: 49 долларов за пользователя в месяц или 99 долларов за пользователя в месяц в зависимости от функций.

Lookback вводит живое, модерируемое пользовательское тестирование в процесс проектирования UX, позволяя дизайнерам записывать лицо, экран и голос любого человека в мире. Для команд, использующих Marvel в качестве инструмента для создания прототипов, Lookback легко интегрируется с ним.

Пользовательское тестирование

Платформа: веб
Цена: 49 долларов США за тест (минимум 15 тестов), доступны корпоративные варианты.

UserTesting похож на Lookback с точки зрения возможностей. Хотя это потрясающий автономный инструмент пользовательского тестирования с огромным набором опытных пользовательских тестировщиков (с Marvel вам нужно будет найти пользовательских тестировщиков самостоятельно), UserTesting также легко интегрируется с InVision.

Eyequant

Платформа: веб
Цена: 499 долларов США в месяц для отдельных лиц, 999 долларов США в месяц для команд из 10 человек (+ варианты для предприятий).

Eyequant использует машинное обучение, чтобы помочь командам принимать лучшие дизайнерские решения и повышать эффективность CRO. Его высокая цена может отпугнуть некоторых клиентов, но те, кто инвестирует, проходят обучение тому, как симулировать пользователей, анализировать показатели, максимально эффективно использовать A/B-тестирование и многое другое.

Хотяр

Платформа: веб
Цена: переменная цена в зависимости от количества ежедневных просмотров страниц

Hotjar позволяет командам оптимизировать взаимодействие с пользователем, объединяя отзывы пользователей с аналитикой, тепловыми картами, картами кликов, картами прокрутки и записями посетителей. В то время как тепловые карты и карты кликов показывают, где пользователи перемещаются и щелкают мышью соответственно, карты прокрутки показывают, в какой момент пользователи могут потерять интерес.

Сумасшедшее яйцо

Платформа: веб
Цена: от 29 долларов в месяц за 20 000 просмотров страниц.

Как и Hotjar, Crazy Egg используется для оптимизации взаимодействия с пользователем и показателей конверсии путем анализа поведения пользователей с помощью тепловых карт и записей посетителей, хотя он также включает в себя простые в использовании инструменты A/B-тестирования, помогающие понять, что работает, а что нет.

Оптимальная мастерская

Платформа: веб
Цена: 166 долларов за пользователя в месяц, доступны бесплатные и корпоративные варианты.

Optimal Workshop — это набор инструментов для исследования пользователей, ориентированный на сортировку карточек, опросы, тестирование дерева, тестирование по первому клику и обнаружение качественных данных.

Инструменты аналитики

Гугл Аналитика

Платформа: веб
Цена: бесплатно

Хотя Google Analytics не имеет самого вдохновляющего или самого удобного интерфейса, он предоставляет достаточное количество данных для бесплатного инструмента, что делает его подходящей отправной точкой для исследования пользователей и получения информации, которую вы, возможно, захотите изучить в другом инструменте. .

Микспанель

Платформа: веб
Цена: от 99 долларов за 1 миллион точек данных, доступны бесплатные и корпоративные варианты.

Mixpanel позволяет всем, от руководителей до простых участников, использовать данные для принятия стратегических решений. Благодаря более удобному интерфейсу по сравнению с Google Analytics дизайнеры могут обнаружить, что с помощью Mixpanel проще анализировать пути пользователей, узнавать, как пользователи взаимодействуют с продуктом, и расшифровывать сложный поведенческий анализ.

Пендо

Платформа: веб
Цена: цена определяется в зависимости от количества пользователей и требуемых функций.

Pendo, с гораздо более простым интерфейсом по сравнению с большинством других инструментов аналитики, позволяет дизайнерам отслеживать NPS (чистый рейтинг промоутера), сегментировать пользователей, оптимизировать воронки и пути пользователей, а также все остальное, что вы ожидаете от лучшего инструмента веб-аналитики. Кроме того, дизайнеры могут предоставлять целевые объявления, контекстную справку и персонализированный опыт на основе отслеживаемых данных.

Заключение

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