neo
76c4c5b4fe
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
86 lines
5.0 KiB
Markdown
86 lines
5.0 KiB
Markdown
---
|
||
title: Russian UI Patterns
|
||
created: 2026-06-02
|
||
updated: 2026-06-02
|
||
type: concept
|
||
tags: [web-design, ux]
|
||
sources:
|
||
- raw/articles/russian-top-landings.md
|
||
- raw/articles/crawford-15-tips.md
|
||
- raw/articles/web-design-research.md
|
||
confidence: high
|
||
---
|
||
|
||
# Russian UI Patterns — Паттерны интерфейса для РФ
|
||
|
||
## Хиты российского e-commerce (Wildberries, Ozon, Yandex Market)
|
||
|
||
### Wildberries
|
||
- **Красный доминант** — узнаваемость, CTA, распродажи
|
||
- **Карусели товаров** — максимальная плотность на экране
|
||
- **Фильтры сбоку** — развёрнутые, много опций
|
||
- **"Народный рейтинг"** звёзды крупно
|
||
- **Товарные карточки** — фото, цена, скидка, рейтинг — всё сразу
|
||
|
||
### Ozon
|
||
- **Голубой + белый** — контраст, доверие
|
||
- **Фокус на доставку** — дата и время сразу в карточке
|
||
- **"Сплит" и "Долями"** — prominently displayed
|
||
- **Бейджи** — скидка %, суперцена, топ-продажа
|
||
- **Сравнение товаров** — мощная таблица
|
||
|
||
### Сбер (СберБанк / СберМаркет)
|
||
- **Зелёный** — устойчивость, доверие (цвет бренда)
|
||
- **Минимализм** — белый фон, много воздуха
|
||
- **Процессы в один клик** — минимизация шагов
|
||
- **Сервисы в экосистеме** — кросс-линковка (СберМаркет, СберЗдоровье, СберУслуги)
|
||
|
||
### Т-Банк (Tinkoff)
|
||
- **Жёлтый + чёрный** — максимальный контраст, запоминаемость
|
||
- **Atomic Design System** — полная дизайн-система
|
||
- **Конверсия-ориентированные формы** — минимум полей
|
||
- **Компонентная архитектура** — быстрое A/B тестирование
|
||
- **Игровая механика** — кэшбэк, статусы, уровни
|
||
|
||
## Паттерны, обязательные для РФ
|
||
|
||
### 1. Telegram / WhatsApp чат
|
||
Плавающая кнопка чата на всех страницах. РФ пользователь не пишет email — он пишет в Telegram.
|
||
|
||
### 2. Детальная доставка
|
||
Не "2-5 дней", а "сегодня после 18:00", "завтра с 10:00". Конкретика.
|
||
Интеграция с СДЭК, Boxberry, Почтой РФ.
|
||
|
||
### 3. Способов оплаты много
|
||
Карты (Visa/MC/Мир), SBP (по QR), Tinkoff Pay, ЮMoney, Долями/Сплит, наличные при получении.
|
||
|
||
### 4. Подвал с юридической информацией
|
||
ИНН/ОГРН, политика конфиденциальности, возврат, оферта, реквизиты.
|
||
Без этого в РФ сайт воспринимается как однодневка.
|
||
|
||
### 5. Мобильная версия = основной интерфейс
|
||
В РФ доля мобильного трафика выше, чем на Западе.
|
||
Мобильная версия должна быть не упрощённой, а полнофункциональной.
|
||
|
||
### 6. Хлебные крошки обязательны
|
||
Для любого сайта с 2+ уровнями. В РФ пользователи любят понимать, где они.
|
||
|
||
### 7. "Тяжёлый" footer
|
||
В отличие от западного минимализма, РФ-пользователи скроллят вниз за подтверждением серьёзности. В footer: реквизиты, контакты, карта проезда, соцсети, сертификаты.
|
||
|
||
### 8. Заметный счётчик товаров в корзине
|
||
В РФ любят видеть итог со скидками. "Вы экономите 1 500 ₽" — мощный триггер.
|
||
|
||
### 9. Bento Grid для каталогов
|
||
Wildberries и Ozon переходят на Bento-сетку — разные размеры карточек для разной важности.
|
||
|
||
### 10. Закреплённая шапка с прокруткой
|
||
Sticky header с корзиной, поиском, контактами — обязателен.
|
||
|
||
## Чего избегать
|
||
- **Hamburger menu как единственная навигация** — не для РФ
|
||
- **Email-first регистрация** — РФ любит номер телефона
|
||
- **Многоступенчатые формы** — РФ бросает на 2-м шаге
|
||
- **Только соцсети Запада** — без VK и Telegram выглядит странно
|
||
- **Долгая загрузка** — РФ-пользователь уходит быстрее западного
|