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
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 (Взаимность)
|
|
Бесплатный гайд, чеклист, консультация → пользователь чувствует обязанность ответить.
|