Найти Π² Π”Π·Π΅Π½Π΅

🧭UX-антианатомия: ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ Π½Π° вашСм сайтС ΠΈ ΠΊΠ°ΠΊ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ Π½Π° сайтС Π΄ΠΎΠ»ΠΆΠ΅Π½ вСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π±Π»ΠΈΠΆΠ΅ ΠΊ Ρ†Π΅Π»ΠΈ. Но Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ всё ΠΈΠ½Π°Ρ‡Π΅: люди ΠΏΡƒΡ‚Π°ΡŽΡ‚ΡΡ, Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, уходят ΠΊ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°ΠΌ. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ происходит ΠΈ ΠΊΠ°ΠΊ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ? РассказываСм Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΈΠ·ΠΌΡƒ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… UX-ошибок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ часто встрСчаСм Π² Π°ΡƒΠ΄ΠΈΡ‚Π΅ сайтов. Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ ΠΎΠ½ находится ΠΈ ΠΊΡƒΠ΄Π° ΠΈΠ΄Ρ‚ΠΈ дальшС β€” это ΠΏΡ€ΠΎΠ²Π°Π» Π² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ структурС. Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ симптомы:
- ΠœΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ΅, Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ΅ мСню
- НСт Ρ‡Ρ‘Ρ‚ΠΊΠΎΠ³ΠΎ Call to Action (ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ)
- Бсылки выглядят ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ, Π½Π΅ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ
- ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, Π½Π° ΠΊΠ°ΠΊΠΎΠΌ ΠΎΠ½ этапС Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:
- Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ β€œΡ…Π»Π΅Π±Π½Ρ‹Π΅ ΠΊΡ€ΠΎΡˆΠΊΠΈβ€ (breadcrumb)
- Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ†Π΅Π»Π΅Π²ΠΎΠΌΡƒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ максимально ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌ (3 ΠΊΠ»ΠΈΠΊΠ° ΠΈΠ»ΠΈ мСньшС)
- ВСстируйтС Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ β€” Π½Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ Когда всё ΠΌΠ΅Π»ΡŒΠΊΠ°Π΅Ρ‚, ΠΌΠΈΠ³Π°Π΅Ρ‚, вываливаСтся β€” ΠΌΠΎΠ·Π³ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ захлёбываСтся. Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹:
- Много Ρ€Π°Π²Π½ΠΎΠ·Π½Π°Ρ‡Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ²
- Блишком ΠΌΠ½ΠΎΠ³ΠΎ тСкста ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ
- НСт Β«ΠΏΠ°ΡƒΠ·Ρ‹Β» ΠΌΠ΅ΠΆΠ΄Ρƒ смысловыми Π·ΠΎΠ½Π°ΠΌΠΈ Как испра
ОглавлСниС

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ Π½Π° сайтС Π΄ΠΎΠ»ΠΆΠ΅Π½ вСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π±Π»ΠΈΠΆΠ΅ ΠΊ Ρ†Π΅Π»ΠΈ. Но Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ всё ΠΈΠ½Π°Ρ‡Π΅: люди ΠΏΡƒΡ‚Π°ΡŽΡ‚ΡΡ, Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ, уходят ΠΊ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°ΠΌ. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ происходит ΠΈ ΠΊΠ°ΠΊ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ? РассказываСм Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΈΠ·ΠΌΡƒ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… UX-ошибок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ часто встрСчаСм Π² Π°ΡƒΠ΄ΠΈΡ‚Π΅ сайтов.

πŸ”„Π‘Π»ΠΎΠΆΠ½Ρ‹ΠΉ ΠΈ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ

Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ ΠΎΠ½ находится ΠΈ ΠΊΡƒΠ΄Π° ΠΈΠ΄Ρ‚ΠΈ дальшС β€” это ΠΏΡ€ΠΎΠ²Π°Π» Π² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ структурС.

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ симптомы:
-
ΠœΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ΅, Π½Π΅ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ΅ мСню
- НСт Ρ‡Ρ‘Ρ‚ΠΊΠΎΠ³ΠΎ
Call to Action (ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ)
- Бсылки выглядят
ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ, Π½Π΅ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ
- ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, Π½Π° ΠΊΠ°ΠΊΠΎΠΌ ΠΎΠ½ этапС

Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:
-
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ β€œΡ…Π»Π΅Π±Π½Ρ‹Π΅ ΠΊΡ€ΠΎΡˆΠΊΠΈβ€ (breadcrumb)
- Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ†Π΅Π»Π΅Π²ΠΎΠΌΡƒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ максимально ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌ (3 ΠΊΠ»ΠΈΠΊΠ° ΠΈΠ»ΠΈ мСньшС)
- ВСстируйтС Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ β€”
Π½Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ

πŸ§±ΠŸΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ интСрфСйс

Когда всё ΠΌΠ΅Π»ΡŒΠΊΠ°Π΅Ρ‚, ΠΌΠΈΠ³Π°Π΅Ρ‚, вываливаСтся β€” ΠΌΠΎΠ·Π³ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ захлёбываСтся.

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹:
-
Много Ρ€Π°Π²Π½ΠΎΠ·Π½Π°Ρ‡Π½Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ²
- Блишком ΠΌΠ½ΠΎΠ³ΠΎ тСкста ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ
- НСт
Β«ΠΏΠ°ΡƒΠ·Ρ‹Β» ΠΌΠ΅ΠΆΠ΄Ρƒ смысловыми Π·ΠΎΠ½Π°ΠΌΠΈ

Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:
-
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π±Π΅Π»ΠΎΠ΅ пространство ΠΊΠ°ΠΊ инструмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π°
- Π£Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ всё, Ρ‡Ρ‚ΠΎ Π½Π΅ Π²Π΅Π΄Ρ‘Ρ‚ ΠΊ Ρ†Π΅Π»ΠΈ
- Один экран β€” ΠΎΠ΄Π½Π° идСя

πŸ“‰ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ

Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ сразу ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π³Π»Π°Π²Π½ΠΎΠ΅, Π° Ρ‡Ρ‚ΠΎ второстСпСнноС β€” ΠΎΠ½ тСряСтся.

Как это выглядит:
-
ΠžΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ†Π²Π΅Ρ‚ Ρƒ всСх элСмСнтов
- Главная ΠΊΠ½ΠΎΠΏΠΊΠ° Π½ΠΈΡ‡Π΅ΠΌ
Π½Π΅ выдСляСтся
- Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π΅ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ, всё каТСтся ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΌ

Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:
-
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ: H1 > H2 > тСкст > подписи
- ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΠΉΡ‚Π΅
контраст β€” Ρ†Π²Π΅Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€, отступы
- Π”Π΅Π»Π°ΠΉΡ‚Π΅
Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ β€œΡΠΊΠΎΡ€ΡŒβ€ для CTA

πŸ—Ί Навигация Π±Π΅Π· ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€Π°

Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π·Π½Π°Π΅Ρ‚, Π³Π΄Π΅ ΠΎΠ½ ΠΈ ΠΊΡƒΠ΄Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ дальшС β€” ΠΎΠ½ ΠΏΠΎΠΊΠΈΠ΄Π°Π΅Ρ‚ сайт.

Ошибки:
-
НСт логичСской структуры мСню
- МСню
скрыто (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±ΡƒΡ€Π³Π΅Ρ€ Π±Π΅Π· подписи)
- НСт ссылок Π½Π° Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Ρ‹Π΅ страницы

Как ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ:
-
ВсСгда ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅, Π³Π΄Π΅ находится ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ
- Π”Π΅Π»Π°ΠΉΡ‚Π΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ
постоянной ΠΈ доступной
- Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅
понятныС названия: «Услуги», «О нас», Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β», Π° Π½Π΅ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² Β«ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ ΠΊΡ€ΡƒΡ‚Ρ‹Π΅Β»

πŸ§ͺНоль тСстирования Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Π»ΡŽΠ΄ΡΡ…

Π”Π°ΠΆΠ΅ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎ мнСнию ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ сайт ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ нСпонятным ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ.

Частая ошибка: Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄Π΅Π»Π°Π΅Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π° Π½Π΅ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

РСшСниС:
-
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ UX-тСстированиС: Π΄Π°ΠΉΡ‚Π΅ 5 Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ людям ΠΏΡ€ΠΎΠΉΡ‚ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΎΡ‚ Π³Π»Π°Π²Π½ΠΎΠΉ Π΄ΠΎ заявки
- АнализируйтС
Ρ‚Π΅ΠΏΠ»ΠΎΠ²Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈ ΠΊΠ»ΠΈΠΊΠΈ
- Π‘Π»ΡƒΡˆΠ°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ: Ссли часто ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΡŽΡ‚ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ β€” Π·Π½Π°Ρ‡ΠΈΡ‚ интСрфСйс
Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚

🧰 Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅: ΠŸΡ€ΠΎΡΡ‚ΠΎΡ‚Π° β€” это Π½Π΅ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²

UX-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Π½Π΅ ΠΏΡ€ΠΎ красоту, Π° ΠΏΡ€ΠΎ ΠΏΠΎΠ½ΡΡ‚Π½ΠΎΡΡ‚ΡŒ. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ тСряСтся, Π²ΠΈΠ½ΠΈΡ‚Π΅ Π½Π΅ Π΅Π³ΠΎ, Π° интСрфСйс. И ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅: Π»ΡƒΡ‡ΡˆΠΈΠΉ UX β€” это Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ объяснСний.

-2

Π’Π°ΡˆΠ° ΠΠ›ΠšΠ - студия Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. ΠžΡΡ‚Π°Π²Π°ΠΉΡ‚Π΅ΡΡŒ с Π½Π°ΠΌΠΈ Π½Π° связи
Π’Π΅Π»Π΅Π³Ρ€Π°ΠΌ - https://t.me/elkadigital
Наш сайт - https://elkadigital.ru