44 lines
2.0 KiB
Markdown
44 lines
2.0 KiB
Markdown
---
|
|
title: Web Psychology
|
|
created: 2026-06-02
|
|
updated: 2026-06-02
|
|
type: concept
|
|
tags: [web-design, psychology]
|
|
sources:
|
|
- raw/articles/crawford-15-tips.md
|
|
- raw/articles/crawford-26-lessons.md
|
|
- raw/articles/web-design-research.md
|
|
confidence: high
|
|
---
|
|
|
|
# Web Psychology — Психология в веб-дизайне
|
|
|
|
## Ключевые принципы
|
|
|
|
### Halo Effect (Ореол)
|
|
Первое впечатление за 0.5 секунды формирует общее восприятие.
|
|
Если сайт выглядит профессионально → пользователь считает продукт качественным.
|
|
Если дёшево → всё остальное под вопросом.
|
|
|
|
### Analysis Paralysis (Паралич выбора)
|
|
Слишком много вариантов = ноль действий.
|
|
Один CTA. Одна цель. Одна страница.
|
|
|
|
### Social Proof (Социальное доказательство)
|
|
Люди следуют за другими. Отзывы, кейсы, цифры клиентов.
|
|
Вопрос пользователя: "Сработало для таких как я?"
|
|
|
|
### Scanning Pattern (Паттерн сканирования)
|
|
Люди не читают — сканируют. F-паттерн (сверху-вниз, слева-направо).
|
|
Короткие абзацы, жирный ключ, списки.
|
|
|
|
### Z-Pattern / F-Pattern
|
|
- **Z-паттерн** — для лендингов: глаз идёт по Z
|
|
- **F-паттерн** — для контентных страниц: заголовок → абзац → заголовок
|
|
|
|
### Loss Aversion (Избегание потерь)
|
|
"Не упустите" работает сильнее "получите".
|
|
|
|
### Reciprocity (Взаимность)
|
|
Бесплатный гайд, чеклист, консультация → пользователь чувствует обязанность ответить.
|