8 библиотек с примерами юзерфлоу

Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно посмотреть, как устроен вход в систему в приложении Reddit или процесс оформления заказа в Starbucks
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

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

Flowstep

UXArchive — бесплатная библиотека экранов мобильных приложений, которые показывают более 1000 примеров различных юзерфлоу. На сайте вы найдёте скриншоты приложений таких брендов, как Airbnb, Reddit, Whole Foods, Spotify, Duolingo, Etsy и многих других. Есть разные юзерфлоу, например, регистрация пользователя, вход в систему, сохранение файла, настройка профиля, оформление заказа, онбординг и другие

UXArchive

UI Sources — сайт, на котором представлено 800+ юзерфлоу в видеоформате. Библиотеку можно просматривать бесплатно, но фильтры по категориям работают только при оформлении платной подписки

UI Sources

SaaS UI design — подборка примеров SaaS-приложений с юзерфлоу в формате скриншотов. На сайте представлены интерфейсы таких SaaS-продуктов, как Intercom, Freshworks, FreshBooks, Zendesk, Mailchimp и других

SaaS UI design

Page Flows — большая курируемая библиотека с примерами удачных юзерфлоу в формате видео. Есть рубрикаторы для удобного поиска, а также разделение на десктопные и мобильные версии. Бесплатно с ограничениями

Page Flows

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

Patttterns

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

Mobbin

Nicelydone — курируемая библиотека с примерами удачных интерфейсных паттернов. На сайте доступна сортировка по категориям и названию продуктов, а также есть возможность сохранять в избранное. Цена платного доступа начинается от 25 $ в месяц при годовой оплате

Nicelydone
Поделиться
Отправить
Запинить

Обсуждение