Новая подборка полезностей. Сайты и сервисы, которые помогут работать лучше. Вдохновение, исследования и тестирования, создание форм и опросов. И по классике – сервисы для генерации шрифтов, палитр, микроанимаций и иллюстраций.
Современные инструменты и программы позволяют создавать шедевры дизайна без лишних переходов на другие платформы. И в этом плане Figma однозначно изменила наш способ работы в дизайне UX/UI, сделав все проще и все в одном месте. Однако, даже с удивительными функциями и плагинами Figma, есть другие приложения и веб-сайты, которые тебе очень даже пригодятся – они выходят за рамки функционала Figma.
Мы собрали 10 приложений и сайтов, которые помогут тебе выполнять работу проще и лучше. А также найти решения, еще не обнаруженные другими дизайнерами, которые не выходят за рамки одной программы.
1. Rebrand Gallery
Многие из нас начинали свою дизайнерскую карьеру, воссоздавая существующие дизайны или обновляя дизайн для популярных брендов, приложений и веб-сайтов. Во-первых, этот процесс является фундаментальной частью нашего обучения. Во-вторых, это позволяет нам исследовать устоявшиеся дизайны с новой перспективы и, потенциально, открыть что-то большее или даже создать нечто лучшее.
Коллекция дизайнерских систем, обзоров визуальной идентичности и брендовых бенто-сеток Rebrand Gallery может стать золотой жилой для вдохновения и обучения. Исследуя эти подобранные дизайны, ты сможешь получить представление о текущих тенденциях брендинга, эффективные стратегии визуальной коммуникации и, возможно, найти новые идеи для применения в своих проектах.
Сайт также демонстрирует новые системы дизайна и мероприятия по ребрендингу, которые могут помочь тебе быть в курсе последних новинок в сфере дизайна и улучшить свой профессиональный словарный запас.
2. Lyssna
Lyssna может быстро стать для тебя ценным инструментом. Приложение позиционирует себя как комплексная платформа пользовательского исследования, направленная на то, чтобы помочь командам получить глубокое понимание своей аудитории для принятия более обоснованных решений. Платформа облегчает создание разнообразных юзабилити-тестов и интервью с пользователями, позволяя тебе учитывать голос своей целевой аудитории в каждое дизайнерское решение, которое ты принимаешь.
Основные функции включают широкий спектр методологий тестирования для проверки UX/UI, инструменты для организации и проведения интервью с пользователями, опросы для проверки гипотез и доступ к обширной панели для различных отзывов пользователей. Эти возможности могут значительно улучшить твой дизайн, предоставляя четкую, практическую информацию на основе отзывов пользователей и тестирования. Есть бесплатная и платная версия.
3. Maze
Схожая платформа – Maze. Здесь можно проводить исследование пользователей с помощью тестирования прототипов, сайтов, есть возможность создавать модерируемые/немодерируемые тесты. Сервис предоставляет инструменты для проведения тестирования с использованием реальных пользователей и анализа результатов.
Maze позволяет загружать свои прототипы и тестировать их с реальными пользователями. Это может быть полезно для оценки удобства использования и обнаружения потенциальных проблем.
После завершения тестирования Maze предоставляет аналитические данные и отчеты, которые помогают понять, как пользователи взаимодействовали с твоим интерфейсом.
Также ты можешь использовать Maze для проведения AB-тестов, сравнивая различные версии дизайна или прототипов, чтобы определить какие изменения наиболее эффективны.
Maze может интегрироваться с различными инструментами для дизайна и разработки, в том числе с Figma.
4. Fonts In Use
Fonts In Use – это не просто каталог шрифтов. Это источник вдохновения, руководство для практического применения и инструмент для принятия обоснованных решений по типографике. Его реальные примеры и обширная информация делают его незаменимым ресурсом для повышения уровня дизайнерской работы.
Правильный шрифт может значительно повлиять на взаимодействие с пользователем. И этот сайт поможет тебе сделать выбор, который понравится пользователям и улучшит общий дизайн. Он помогает развивать творческий потенциал, предоставляя реальные примеры шрифтов, помогает принимать обоснованные решения, показывая шрифты в контексте, держит тебя в курсе тенденций типографики и упрощает рабочий процесс, позволяя сделать быстрый выбор шрифтов без длительного прототипирования.
Платформа дает контекстные примеры: каждый шрифт отображается во время использования, что дает тебе реальное представление о том, как он выглядит в различных контекстах, например, в рекламе, брендинге, веб-дизайне. Удобно и наглядно.
Рядом с каждым шрифтом содержится подробная информация о типографике, ее истории и дизайнере. Эти базовые знания могут обогатить твои дизайнерские знания и общий кругозор.
Можно фильтровать шрифты по отраслям, форматам и начертаниям. Это особенно полезно, когда ты ищешь вдохновение или определенный стиль для конкретного проекта.
5. Mobbin
Бывает, что ты видишь сайт и задаешься вопросом, как он был создан, какие инструменты использовались, или как различные части работают вместе? Мы многое узнаем, глядя на эти вещи. И просматривать хорошие примеры очень нужно любому дизайнеру – как новичку, так и опытному гуру. Само собой, все мы ходим на Behance и Dribbble. Но это слишком популярные сайты, чтобы включать их в подборку. Попробуй нечто новое.
Mobbin – своего рода коллекция дизайнерских идей. Здесь есть множество реальных веб-сайтов и мобильных приложений с пояснениями. Это поможет найти новые идеи и помочь в твоей дизайнерской работе. Mobbin предлагает как бесплатные, так и профессиональные опции, но даже без подписки ты можешь получить доступ к огромному количеству проверенных дизайнов. Лайфхак: просто делай снимки экрана в формате PNG для сравнения с твоими работами в Figma. Сайт довольно часто обновляется, сохраняя контент свежим и актуальным. Он будет полезным независимо от того, рисуешь ли ты начальные концепции или вносишь последние штрихи в проект.
6. Typeform
Typeform — это онлайн-инструмент для создания интерактивных и стильных форм и опросов. Хотя Typeform не является специализированным инструментом для веб-дизайнеров, он может быть полезным при сборе обратной связи, опросах пользователей, или создании интерактивных форм на веб-сайте. Вот несколько особенностей Typeform, которые могут быть тебе интересны:
- платформа предлагает стильные и современные формы, которые могут интегрироваться с визуальным стилем твоего проекта, стоит только подобрать подходящий вариант;
- ты можешь добавлять различные интерактивные элементы, такие как множественный выбор, поля для ввода текста, фотографии и другие;
- формы, созданные в Typeform, обычно имеют адаптивный дизайн, что означает, что они хорошо смотрятся на разных устройствах;
- Typeform может интегрироваться с другими инструментами, такими как Google Sheets, Zapier, Slack, что облегчает обработку и анализ собранной информации;
- ты можешь настраивать формы в соответствии с запросом, добавлять логику вопросов и т.д.;
- Typeform может быть полезным веб-дизайнерам для создания форм обратной связи, заказов или опросов на сайтах.
Как UX-дизайнеру тебе необходимо превращать сложные пользовательские данные в четкие, действенные идеи. Это важно уметь в повседневной работе, формируя саму основу пользовательского дизайна. Визуализация данных становится спасательным кругом в этом сценарии. В постоянной погоне за плавностью и эффективностью дизайна такие инструменты как Typeform являются бесценными. Они служат каналами для получения отзывов пользователей с помощью эстетически привлекательных интерактивных опросов, гарантируя, что мы собираем важные данные без ущерба для вовлечения пользователей.
7. Palettemaker
PaletteMaker помогает определять цветовые схемы для новых проектов с гарантией соответствия стандартам доступности, выбирая цвета с достаточной контрастностью. Также это те схемы, которые помогут поддерживать согласованность бренда на разных платформах и устройствах. Инструмент не только упрощает процесс выбора цвета, но и повышает эстетическое и функциональное качество твоего проекта на выходе.
Сервис позволяет создавать уникальные цветовые палитры, необходимые для поддержания последовательности и гармонии в дизайнерских проектах. Он предлагает инструменты, основанные на теории цветов, помогая выбирать дополнительные, аналогичные или контрастные цвета, что является решающим для создания визуально сбалансированных дизайнов.
Здесь легко настраивать отдельные цвета в пределах палитры, обеспечивая точную согласованность с правилами бренда или с конкретными требованиями к дизайну.
Что удобно – сервис предоставляет широкие параметры экспорта палитр в различные форматы, что облегчает их интеграцию в различные инструменты дизайна и рабочие процессы.
8. Mingcute
Ты уже умеешь создавать микроанимации в Figma? Отлично. Эта фишка помогает оживлять значки, улучшает вовлеченность пользователей, иллюстрирует функциональность и обеспечивает отличную визуальную обратную связь, улучшая взаимодействие с юзером.
И можно облегчить себе работу, если не делать все вручную, а воспользоваться библиотекой пиктограмм Mingcute. Сайт может похвастаться коллекцией простых, но эффектных пиктограмм с открытым исходным кодом, идеальных как для дизайнеров, так и для разработчиков при использовании в веб и мобильных интерфейсах. А теперь они добавили микроанимации, готовые для использования в твоих проектах.
Высококачественная плавная анимация, поддержка нескольких платформ, редактируемые форматы – это все ждет тебя в Mingcute. Бесплатный план позволяет использовать 10 основных пиктограмм для неограниченного использования без каких-либо роялти.
9. Designstripe
Настраиваемые иллюстрации – это кладезь для дизайнера. Во-первых, они предлагают гибкость согласования с конкретными темами проекта и брендингом, повышая ясность и вовлеченность. Они демонстрируют профессионализм и позволяют осуществлять быстрые изменения. Тебе не придется переделывать все с нуля, если заказчик хочет персонажа с другим цветом волос, например.
DesignStripe предоставляет большую библиотеку иллюстраций, которые можно настроить. Ты сможешь изменять цвета, элементы и композицию в соответствии с конкретными потребностями дизайна.
Сайт предлагает графику высокого разрешения, которая имеет решающее значение для профессионального дизайна. Эти иллюстрации сохраняют свое качество как для веб-проектов, так и для печати.
Иллюстрации представлены в различных стилях и темах, что обеспечивает универсальность для различных требований проекта. К тому же, платформа позволяет легко находить и настраивать иллюстрации даже для тех, кто имеет минимальный опыт работы в сфере дизайна. Это очень удобно, если ты специализируешься на UX/UI и не очень хорошо разбираешься в графическом дизайне.
10. ScienceDirect
ScienceDirect является ведущим источником научных, технических и медицинских исследований, где размещено огромное количество журнальных статей и разделов книг. Для веб-дизайнера ScienceDirect может быть полезным для доступа к актуальной информации о технических и научных аспектах, связанных с веб-технологиями. Например, для получения данных о последних исследованиях в области пользовательского опыта (UX), интерфейсов и т. д. Также не лишними будут исследования в области нейрофизиологии и психологии – зная, как работает мозг, ты сможешь делать действительно удобные и эффективные интерфейсы.
Будь в курсе новых методологий и вдохновляйся на инновации через академическое понимание поведения пользователей и технологических тенденций. Расширяй кругозор. А если ты только в начале карьеры и все это тебе пока сложно – пройди мощное обучение, которое расставит все по полочкам. Онлайн-курс «UX/UI легенда» уже ждет тебя, регистрируйся!