25 вдохновляющих идей оформления главной страницы

Как создать эффективный первый экран сайта

UX главной страницы: 8 распространенных ошибок

Слайдер на главной странице

Как рассказать о сложном интерфейсе, новых фичах

Как располагать элементы игровых интерфейсов

Как создать эффективный лендинг

Призыв к действию: Руководство по выживанию

Секреты проектирования лендингов

Как создать лучшую страницу "О нас". 16 отличных примеров

Понимание принципов Landing page

Руководство по работе со страницей "Свяжитесь с нами"

My step-by-step guide to landing pages that convert

Создаем лендинг с высокой конверсией: 12 советов

Make landing pages that convert - Erik Kennedy (Dive Club S3 | E3)

UX Research for Comments Sections

Как я проектирую формы

Design Perfect Date Picker

«Не заставляйте меня вводить цифры»: реализуем сложный повтор в мобильном календаре

Online Survey Design: Key Elements of Effective Questionnaires

Как сделать удобную форму обратной связи

Проектируем более эффективные формы: структура, поля ввода, лейблы и действия

UX от А до Я: 16 советов по проектированию отличной формы

Неработающие кнопки

Кнопка «Подробнее»

"Отменить": кнопка или ссылка?

Проектируем кнопку "Назад": лучшие практики

Чипы как эффективная замена чекбоксам и радиобаттонам

Как уберечь пользователя от потери данных по ошибке: проектирование «удаления» и «отмены»

Как проектировать лучшие кнопки

Дизайн и проектирование лучших кнопок

Штора, диалог или снэкбар — что выбрать дизайнеру?

Советы А. Г. Попап про куки, веб-названия цветов и почему Home на сайтах — это «Домой», а не «Дом»

Диалоговые окна, выдвижные панели и снэкбары — что выбрать дизайнеру?

Pop-up: что это, зачем бизнесу и какие бывают всплывающие окна

Разрешение на использование файлов-cookie: полное руководство

Проектируем согласие на обработку данных в e-commerce приложении

Как создавать сторис в продуктовых приложениях и для чего их использовать

Тултипы (tooltips). Что это такое и как их проектировать

Как проектировать правильные всплывающие подсказки?

Аккордеоны: когда и как их использовать

Пишем эффективные сообщения об ошибках

Учимся проектировать Bottom Sheets на примерах Vimeo, Dropbox, Youtube и т. д.

Онбординг: паттерны и советы

Проектируем онбординг: уроки от Duolingo, Figma и не только

Чек-лист по проектированию регистрации

Пэйволлы: прокачиваем насмотренность

How to carry out a UX shopping study

Designing Empty States in Complex Applications: 3 Guidelines

Руководство по работе со страницей "Свяжитесь с нами"

Особенности проектирования темной темы

3 рекомендации по проектированию пустых состояний в сложных приложениях

Design better badges

Loading & progress indicators — UI Components series

Индикаторы загрузки и прогресса: типы и рекомендации

Бесконечная прокрутка

Пользовательские статусы для мессенджера: наш опыт UX-разработки

Indicators, Validations, and Notifications: Pick the Correct Communication Option

5 способов улучшить UX при помощи окна загрузки

Телефон службы поддержки

15 способов разозлить клиента в онлайн-чате

Как сделать удобную форму обратной связи

Футер

Как составить хороший гайдлайн

Работа с хлебными крошками

22 совета и гайдлайна по дизайну «хлебных крошек»

Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

Навигация в мобильных приложениях: какой паттерн выбрать?

Better Context Menus With Safe Triangles

Navigation patterns in mobile applications. How to make the right choice?

Table of Contents: The Ultimate Design Guide

Building like it's 1984: A comprehensive guide to creating intuitive context menus

Проектирование постраничной навигации

Исследование: вертикальная навигация на десктопных сайтах и ее преимущества

Проектирование загрузчика файлов

Руководство по проектированию интерфейсов с Drag and Drop

История Drag and Drop: от первого в мире графического интерфейса до современного веба

Уведомления в iOS

Overlays

Сторис

Онбординг

Push-уведомления

Строка поиска в приложении

Навигация в мобильных приложениях

Виджеты на iOS и Android

Онбординг в мобильных приложениях

Онбординг

Темная тема для Android-приложений

Основы UI дизайна мобильных приложений

Мобильные приложения для использования одной рукой

Поиск в мобильных приложениях: какой паттерн выбрать

Дмитрий Сатин. Удобство и доступность мобильных приложений российских банков и иностранных необанков

Люди не читают в интернете, они сканируют. Вот как правильно писать для них

Проектируем идеальные текстовые поля: понятность, доступность и минимум усилий

Оптимальная длина строки для обеспечения удобства восприятия текста

Текст

Выбор шрифта

Вы уверены? Как писать тексты для экранов подтверждения

Пишем эффективные сообщения об ошибках

Вёрстка

Рецепт приготовления «вкусных» лонгридов

Как работать с текстом при дизайне игровых интерфейсов

5 способов форматирования страниц с большим количеством контента

UX writing: 8 рекомендаций для кнопок и поп-апов

Справочник: *@©™®†‡§¶❦☜

Как правильно написать скрипт для виртуального ассистента

Работа с текстом

Работа с текстом - Глоссарий

Как сделать хороший дашборд

10 правил проектирования панели дашбордов

Проектирование навигации в интерфейсах аналитических дашбордов

Диаграммы для визуализации данных — какие бывают и как создавать

Искусство создания понятных графиков

Логичность и удобство использования

Наглядность

How Accessibility Standards Can Empower Better Chart Visual Design

Интерфейс и поток данных

Transition animations: a practical guide

Анимация в веб-дизайне: ключевые параметры и способы презентации

Lazy загрузка

Анимации

Анимации

Анимации UX

Анимации UX

Магия деталей: как микровзаимодействия трансформируют цифровые продукты

Invisible Details of Interaction Design

Анимации, которые улучшают пользовательский опыт

Как проектировать большие и сложные веб-таблицы

Как работать с таблицами в вебе

Data Tables: Four Major User Tasks

Проектируем таблицы для маленьких экранов

Как отобразить таблицу на экране мобильного устройства: решения

Таблицы

UI considerations for designing large data tables

Как полосы в таблицах влияют на скорость работы с ними

Каталог

Сравнение товаров

Выбор адреса и времени доставки

Призыв к установке приложения

Подтверждение заказа

Отзывы и рейтинги

Промежуточные страницы категорий

Форма подписки на рассылку

Корзина

Корзина

Избранное

Соцсети и мессенджеры

Поиск

Пагинация

Выбор города

Сортировка

Страница товара

Меню

Описание товара

Быстрые просмотры

Оплата

Характеристики и описание

Фото товара

Оформление заказа

Фильтрация

Карточки товаров в листинге

Цена и скидки

Допродажа и кросс-селл

Фильтрация листинга товаров в приложении

UX поиска в интернет-магазине

Рейтинг и отзывы

AR-шопинг

Паттерны в UX: как предугадать поведение пользователей в ecom

Анализ удобства сайтов интернет-магазинов: Электроника и техника, Продукты питания, Красота и уход

Авторизация по номеру

Страница подтверждения заказа: 6 способов сделать ее эффективнее

Проектирование голосовых интерфейсов (VUX). Чек-лист

Рекомендации по проектированию интерфейса смарт-часов

Руководство по проектированию интерфейса для пожилых людей

Руководство по проектированию дополненной реальности на мобильных устройствах (часть 1)

Руководство по проектированию дополненной реальности на мобильных устройствах (часть 2)

Руководство по проектированию дополненной реальности на мобильных устройствах (часть 3)

Темная тема

Как оформить иконку приложения и его скриншоты в сторе

Explore UI patterns for AI workflows

Designing better target sizes

Visual design rules you can safely follow every time

Чеклист для прототипов

Standards to level up your Figma components quality

Чеклист для тестирования прототипа: 5 пунктов, которые нужно учесть, чтобы не потратить ресурсы впустую

Как сделать дизайн простым: 20 советов

How to create the perfect icons

Эмодзи в продуктовом дизайне: тренд или табу?

Create consistent, harmonious icons with Grids and Key Shapes

Designing Empty States in Complex Applications: 3 Guidelines

Дорогая, что-то пошло не так. Гид по пустым состояниям и ошибкам + шаблоны на все случаи