Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° самом Π΄Π΅Π»Π΅?

ΠžΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ нСдопонимания Π² срСдС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π’Π°ΠΊΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ Π³Π»ΡƒΠΏΡ‹Ρ… вопросов, связанных с UX ΠΈ UI Ρƒ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Часто просто ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ люди Π½Π΅ Π·Π½Π°ΡŽΡ‚ сути понятия UX/UI ΠΈ, Π½Π΅ зная ΠΎ Ρ‡Π΅ΠΌ говорят, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π²Π΅Ρ‰ΠΈ Π½Π΅ своими ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ.

Π― Ρ…ΠΎΡ‡Ρƒ Ρ€Π°Π· ΠΈ навсСгда ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΈ простым понятным языком ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Β«UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Β».

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ
Π Π°Π·Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ интСрфСйсов для Π·Π°Ρ‚ΠΎΡ‡ΠΊΠΈ Π»Π΅Π·Π²ΠΈΠΉ.

НаТимаСтС Π»ΠΈ Π²Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Π°Ρ€ΠΈΡ„ΠΌΠΎΠΌΠ΅Ρ‚Ρ€Π΅, ΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ рукоятку Ρ‚ΠΎΡ‡ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ камня ΠΈΠ»ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚Π΅ свайп ΠΏΠΎ экрану смартфона β€” всС это интСрфСйсы, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ взаимодСйствуСтС с ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ°ΠΌΠΈ. ΠŸΡ€ΠΈ этом интСрфСйс совсСм Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌ. ΠŸΡ€ΠΎΡΡ‚ΠΎ само слово «интСрфСйс» Π±Ρ‹Π»ΠΎ заимствовано ΠΈΠ· английского совсСм Π½Π΅Π΄Π°Π²Π½ΠΎ ΠΈ Π΄ΠΎΠΊΠ°Ρ‚ΠΈΠ»ΠΎΡΡŒ Π΄ΠΎ нас Π² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΡƒΡŽ эпоху.

ЦСль UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” довСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π΄ΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ логичСской Ρ‚ΠΎΡ‡ΠΊΠΈ Π² интСрфСйсС. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ достиг своСй Ρ†Π΅Π»ΠΈ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX/UI, прямым тСкстом

(Π² этом Ρ€Π°Π·Π΄Π΅Π»Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π±Π°Π½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π·Ρ‹)

UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΡŽΠ±Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… удобство использования Ρ‚Π°ΠΊ ΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ ΠΊΠ°ΠΊ ΠΈ внСшний Π²ΠΈΠ΄.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½, Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами

ΠŸΡ€ΡΠΌΠ°Ρ ΠΎΠ±ΡΠ·Π°Π½Π½ΠΎΡΡ‚ΡŒ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” это, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«ΠΏΡ€ΠΎΠ΄Π°Ρ‚ΡŒΒ» Ρ‚ΠΎΠ²Π°Ρ€ ΠΈΠ»ΠΈ услугу Ρ‡Π΅Ρ€Π΅Π· интСрфСйс. ИмСнно Π½Π° основС Ρ€Π°Π±ΠΎΡ‚Ρ‹ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅: Β«Π‘Ρ‹Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅ Π±Ρ‹Ρ‚ΡŒ?Β» Нравится ΠΈΠ»ΠΈ Π½Π΅ нравится. ΠšΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅ ΠΊΡƒΠΏΠΈΡ‚ΡŒ.

На самом Π΄Π΅Π»Π΅ Ρ†Π΅Π»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ. НС ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Β«ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒΒ». Но я ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Π½Π΅ Ρ…ΠΎΡ‡Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ слишком абстрактныС Ρ„Ρ€Π°Π·Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ этот тСкст Π±Ρ‹Π» понятСн Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌ; Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚ΠΈΠ»ΡŒ излоТСния Π½Π΅ прСвратился Π² Ρ…Ρ€Π΅ΡΡ‚ΠΎΠΌΠ°Ρ‚ΠΈΡŽ ΠΏΠΎ языку программирования ΠΎΠ±Ρ€Π°Π·Ρ†Π° 90Ρ… Π³ΠΎΠ΄ΠΎΠ².

UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅ относится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ смартфонам ΠΈ Π²Π΅Π±-сайтам. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, профСссия UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° сущСствовала с нСзапамятных Π²Ρ€Π΅ΠΌΠ΅Π½. ΠŸΡ€ΠΎΡΡ‚ΠΎ Ρ€Π°Π½ΡŒΡˆΠ΅ ΠΎΠ½Π° Ρ‚Π°ΠΊ Π½Π΅ Π½Π°Π·Ρ‹Π²Π°Π»Π°ΡΡŒ. Π’ΠΎΡ‡Π½Π΅Π΅, Ρ€Π°Π½ΡŒΡˆΠ΅ ΠΎΠ½Π° Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ Π½Π°Π·Ρ‹Π²Π°Π»Π°ΡΡŒ, Π° Π±Ρ‹Π»Π° Ρ‡Π°ΡΡ‚ΡŒΡŽ Π΄Ρ€ΡƒΠ³ΠΈΡ… профСссий.

Π’ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€: ΠΊΠΎΠ³Π΄Π° Π’ΠΈΠ»ΡŒΠ³Π΅Π»ΡŒΠΌ Π¨ΠΈΠΊΠΊΠ°Ρ€Π΄ Π² 1623 Π³ΠΎΠ΄Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Π» Π°Ρ€ΠΈΡ„ΠΌΠΎΠΌΠ΅Ρ‚Ρ€, ΠΎΠ½ ΡƒΠΆΠ΅ Π±Ρ‹Π» UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠ½ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π», ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚ΡƒΠΌΠ±Π»Π΅Ρ€Ρ‹ ΠΈ Π² ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ вычислСний. И ΠΎΠ½ ΠΆΠ΅ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π», Π² ΠΊΠ°ΠΊΠΎΠΌ логичСском порядкС ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ. Π”Π° ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π», ΠΊΠ°ΠΊ всС эти Ρ€ΡƒΡ‡ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ. Он создал интСрфСйс для взаимодСйствия с машиной.

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ Π±ΠΎΠ»Π΅Π΅ Π΄Ρ€Π΅Π²Π½ΠΈΠΉ ΠΈ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ β€” Ρ‚ΠΎΡ‡ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ камСнь (колСсо). Π£ΠΆΠ΅ Π΄Π°ΠΆΠ΅ Π² Ρ€Π°Π½Π½Π΅ΠΌ ΡΡ€Π΅Π΄Π½Π΅Π²Π΅ΠΊΠΎΠ²ΡŒΠ΅ Π±Ρ‹Π»ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ разновидностСй ΠΈ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠ² Ρ‚Π°ΠΊΠΎΠ³ΠΎ колСса:

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π’Π°ΠΊ Π²ΠΎΡ‚, ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠ³ΠΎ Ρ‚ΠΎΡ‡ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ камня Π΄ΡƒΠΌΠ°Π»:

А Ρ‚ΠΎΡ‚ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΡƒΠΌΠ°Π», ΠΊΠ°ΠΊΠΎΠΉ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ камСнь, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄Π΅Ρ€Π΅Π²ΠΎ для подставки ΠΈ Ρ‡Π΅ΠΌ ΡΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ дСрСвянныС ΠΆΠ΅Ρ€Π΄ΠΈ (гвоздями ΠΈΠ»ΠΈ ΠΊΠΎΠΆΠ°Π½Ρ‹ΠΌΠΈ ΠΆΠ³ΡƒΡ‚Π°ΠΌΠΈ?) ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Π΄Π»ΠΈΠ½Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€ΡƒΡ‡ΠΊΠ°, Π±Ρ‹Π» UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ.

И Ρ‚ΠΎΡ‚ способ, ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ‹ Π²Ρ‹ Π·Π°Ρ‚Π°Ρ‡ΠΈΠ²Π°Π»ΠΈ ΠΌΠ΅Ρ‡ β€” назывался Π±Ρ‹ интСрфСйс.

Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ‚ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с интСрфСйсом ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ шаги Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ. А UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих шагов Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ. Как Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΈΠ· ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Π²Ρ‹ΡˆΠ΅, UX ΠΈ UI Ρ‚Π°ΠΊ тСсно связаны, Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π³Ρ€Π°Π½ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ понятиями смываСтся. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈ UX, ΠΈ UI ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ занимаСтся ΠΎΠ΄ΠΈΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ Π΅Π³ΠΎ профСссия ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· /.

Π’ послСднСС врСмя популяризация профСссии UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° связана скорСС с Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ΠΌ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. А Π²ΠΎΡ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΡ‚ Β«Π±ΡƒΠΌΒ» (ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ стали Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ Β«UX/UIΒ» Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π²Ρ‚ΠΎΡ€ΠΎΠΌ объявлСнии ΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅) связан с самим Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π» совсСм Π½Π΅Π΄Π°Π²Π½ΠΎ.

UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это сСйчас ΠΎΠ΄Π½Π° ΠΈΠ· самых вострСбованных профСссий Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ индустрии. Бколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ вострСбована зависит ΠΎΡ‚ развития этой отрасли. И, судя ΠΏΠΎ всСму, ΠΎΠ½Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±ΠΎΡ€ΠΎΡ‚Ρ‹.

Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² появилось с Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ понадобились Π±ΠΎΠ»Π΅Π΅ ΡƒΠ·ΠΊΠΈΠ΅ спСциалисты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°Π»ΠΈ Π±Ρ‹ интСрфСйсы ΠΈΠΌΠ΅Π½Π½ΠΎ для Π²Π΅Π±-сайтов.
Π”Π°, UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅ ΠΈ Π΅ΠΌΠΊΠΎΠ΅ понятиС Ρ‡Π΅ΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€: всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π·Π½Π°Ρ‚ΡŒ, Π½ΠΎ боялись ΡΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ

На связи ΠΎΠΏΡΡ‚ΡŒ рСбята ΠΈΠ· Hays, ΠΈ сСгодня ΠΌΡ‹ расскаТСм ΠΎ профСссии UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°: ΠΊΡ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠΉ, Ρ‡Π΅ΠΌ занимаСтся, сколько Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΈ ΠΊΠ°ΠΊ ΠΈΠΌ ΡΡ‚Π°Ρ‚ΡŒ.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Ок Π³ΡƒΠ³Π», ΠΊΡ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€?

ВовсС Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ всС стопроцСнтно Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΡƒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ: Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ team member зависит ΠΎΡ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ, ΠΈ бСзусловно, ΠΎΡ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° бизнСса ΠΈ самого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

БСгодня ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнной Π² компаниях Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Ρ€ΠΎΠ»ΠΈ: UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² СдинствСнном Π»ΠΈΡ†Π΅ (UX Generalist, Π±ΡƒΠ΄Π΅ΠΌ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‚Π°ΠΊ). Он Ρ€Π΅ΡˆΠ°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр Π·Π°Π΄Π°Ρ‡: исслСдуСт повСдСнчСскиС ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°, ΠΏΡ€ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Π΅ Π³ΠΈΠΏΠΎΡ‚Π΅Π·Ρ‹ совмСстно с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ, тСстируСт ΠΈΡ…, ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ ΠΈ исслСдования, ΠΈ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… создаСт ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ, понятный ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ повсСднСвныС ΠΈ Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ процСссы ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‚Π΅ΠΊΠ°ΡŽΡ‚ Π² Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ пространство ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ Π³Π°Π΄ΠΆΠ΅Ρ‚ΠΎΠ², для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² появляСтся всС большС возмоТностСй ΠΈ интСрСсных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: web, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для бизнСса, ΡƒΠΌΠ½Ρ‹Π΅ устройства ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ управлСния Π² самолСтС ΠΈΠ»ΠΈ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅.

Π§Π΅ΠΌ занимаСтся UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€?

На самом Π΄Π΅Π»Π΅ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ выполняСт мноТСство Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ β€” ΠΈ всС Ρ€Π°Π΄ΠΈ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ приносил ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

Π˜ΡΡΠ»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ исслСдования ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ опросы, наблюдСния ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ.

ΠŸΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ: опрСдСляСт, ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½ ΠΈ структурирован, создаСт скСлСт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ каркас ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° β€” Wireframing. Π’ основном каркас прСдставляСт собой Π»ΠΈΠ½ΠΈΠΈ ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ с нСбольшим количСством тСкста. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, Π° Ρ‚Π°ΠΊΠΆΠ΅ с использованиСм ПО.

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΡƒΠ΅Ρ‚: создаСт Ρ€Π°Π½Π½ΡŽΡŽ модСль ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰ΡƒΡŽ Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π² физичСском ΠΈΠ»ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΏΠΎ слоТности. Иногда ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ создаСтся для дСмонстрации ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ особСнности ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρƒ экранами ΠΈΠ»ΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ физичСски выглядит ΠΈ ощущаСтся. На протяТСнии всСго процСсса проСктирования создаСтся нСсколько ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² любого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. ЀокусируСтся Π½Π° Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ выглядит ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΈΠ»ΠΈ тСхнология, β€” для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° нСпосрСдствСнная отрисовка Ρ‚ΠΎΠΉ части ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ касаСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.

Основная Ρ†Π΅Π»ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ любого Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ удовлСтворСнности ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° ΠΈ Π΅Π³ΠΎ Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ благодаря пользС, простотС ΠΈ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΡŽ ΠΎΡ‚ использования.

Как ΡΡ‚Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ?

Π­Ρ‚ΠΎΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ. ΠžΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² области Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ нСсомнСнным прСимущСством для развития Π² этой профСссии. БСгодня Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΡƒΠ·Ρ‹ ΡƒΠΆΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π»ΠΈ направлСния Π±Π°ΠΊΠ°Π»Π°Π²Ρ€ΠΈΠ°Ρ‚Π° ΠΈ магистратуры, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°ΡŽΡ‚ основу для старта. Π’Π°ΠΊΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ курсы ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ, Π³Π΄Π΅ происходит ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ.

Π Ρ‹Π½ΠΎΠΊ ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… услуг Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ количСством курсов ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΏΠΎ Π΄Π°Π½Π½ΠΎΠΉ Ρ‚Π΅ΠΌΠ΅, поэтому Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ этот ΠΏΡƒΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ любой ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ.

По этой ссылкС Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ список ΠΈΠ· 15 ΠΊΠ½ΠΈΠ³, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π° ΠΏΡƒΡ‚ΠΈ становлСния Π² профСссии Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ Π²Π°ΠΆΠ½Ρ‹ΠΌ Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ являСтся ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ β€” ΠΏΡ€ΠΈ ΠΎΡ‚Π±ΠΎΡ€Π΅ ΠΊΠ°Π½ΠΈΠ΄Π°Π΄Π°Ρ‚Π° это ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Π½Π° Ρ‡Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.

Π‘Π°ΠΌΡ‹ΠΉ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ развития Π² профСссии: Π½Π°Ρ‡Π°Π»ΠΎ Π½Π° junior-ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π² консалтингС ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½-студии, Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° ΡƒΡ€ΠΎΠ²Π½ΠΈ middle ΠΈ senior. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ агСнтств ΠΈ студий ΠΏΠ΅Ρ€Π΅Π΄ Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° стартС Ρ€Π°Π±ΠΎΡ‚Ρ‹ junior смоТСт ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π½Π°Π±Ρ€Π°Ρ‚ΡŒΡΡ ΠΎΠΏΡ‹Ρ‚Π°.

Β«Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΠ°ΠΏΡ‹Π²Π°Ρ‚ΡŒΡΡ Π΄ΠΎ сути ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ это Π² своСм Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ‚Ρ‹ сСл Π·Π° рисованиС ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ. НапримСр, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΊΠ°Π½Π΄ΠΈΠ΄Π°Ρ‚Ρ‹ ΠΊ ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ°ΠΌ Π½Π° вакансии ΠΏΡ€ΠΈΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ ссылки Π½Π° Google Drive, Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΏΠΎΠΏΡ‹Ρ‚Π°Π²ΡˆΠΈΡΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚. А Ρ‚Π°ΠΌ Π½ΠΈ Ρ€Π΅ΡˆΠ°Π΅ΠΌΠ°Ρ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, Π½ΠΈ Ρ€ΠΎΠ»ΡŒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° Π½Π΅ ясны. Π”Π° ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Ρ‚ΠΎΠ»ΠΊΠΎΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. И Π² ΠΈΡ‚ΠΎΠ³Π΅ ΠΎΡΡ‚Π°Π΅ΡˆΡŒΡΡ с ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ΠΌ, Ρ‡Ρ‚ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ Π½Π΅ Π΄ΡƒΠΌΠ°Π΅Ρ‚ ΠΎ своих ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΡ…, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Β», β€” рассказываСт Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ БорисСнков, Head of Design at VTB.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ трСбования ΠΊ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ.

Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ Π²Π»Π°Π΄Π΅Π½ΠΈΠ΅ Ρ‚ΡƒΠ»Π°ΠΌΠΈ прототипирования: самый популярный сСйчас Figma, Ρ‡ΡƒΡ‚ΡŒ ΠΌΠ΅Π½Π΅Π΅ β€” Sketch, Illustrator, Adobe XD ΠΈ Π΄Ρ€.

ΠžΠΏΡ‹Ρ‚ отрисовки UI-элСмСнтов, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Π’Π»Π°Π΄Π΅Π½ΠΈΠ΅ основами Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ.

Π‘ΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ ΠΊ Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ интСрфСйсных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ.

ПониманиС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² usability ΠΈ адаптивности Π²Π΅Π±-интСрфСйсов.

Π£ΠΌΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ инструмСнтами Story Map, Customer Journey Map, User Story.

Навыки вСрстки, Π·Π½Π°Π½ΠΈΠ΅ языков HTML ΠΈ CSS.

Π—Π½Π°Π½ΠΈΠ΅ Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½ΠΎΠ² для мобильной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Material Design Human Interface Guidelines.

ПониманиС Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

ΠŸΡ€ΠΈ этом срСди Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ Π½Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ скиллы Π² рисункС β€” ΠΊΡƒΠ΄Π° Π²Π°ΠΆΠ½Π΅Π΅ ΡƒΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ со ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ софтом. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π»Π°Π΄Π°Ρ‚ΡŒ вкусом, ΡƒΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с абстракциями ΠΈ Π²ΠΎΠΏΠ»ΠΎΡ‰Π°Ρ‚ΡŒ ΠΈΠ΄Π΅ΠΈ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, Π½ΠΎ Π΅ΠΌΡƒ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ для этого ΠΎΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ…ΡƒΠ΄ΠΎΠΆΠ΅ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΡˆΠΊΠΎΠ»Ρƒ ΠΈΠ»ΠΈ ΡƒΡ‡ΠΈΠ»ΠΈΡ‰Π΅.

ΠœΠΎΡ‚ΠΈΠ²Π°Ρ†ΠΈΡ ΠΈ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹ΠΉ рост

ПослС прохоТдСния стандартного ΠΏΡƒΡ‚ΠΈ junior β€” middle β€” senior Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ дорасти:

Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ β€” Π΄ΠΎ Design Lead, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΈ Π΄ΠΎ Head of Design,

Π° Π² агСнтствС ΠΈΠ»ΠΈ студии β€” Π΄ΠΎ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π°.

Π‘Ρ€Π΅Π΄ΠΈ ΠΌΠΎΡ‚ΠΈΠ²Π°Ρ‚ΠΎΡ€ΠΎΠ² Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅:

высокий Π΄ΠΎΡ…ΠΎΠ΄ (ΠΎΡ‚ 80 Π΄ΠΎ 340 тысяч Π² МосквС, Π² срСднСм β€” 220 тысяч; ΠΎΡ‚ 60 Π΄ΠΎ 300 тысяч Π² Π‘Π°Π½ΠΊΡ‚-ΠŸΠ΅Ρ‚Π΅Ρ€Π±ΡƒΡ€Π³Π΅, Π² срСднСм β€” 190 тысяч),

Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅:

Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ с ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π½ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠ΅ΠΉ,

Ρ€Π°Π±ΠΎΡ‚Π° с ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ,

Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΅Π·Π΄Π° Π·Π° Π³Ρ€Π°Π½ΠΈΡ†Ρƒ,

Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания ΠΊΡ€ΡƒΡ‚ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° с нуля,

Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ нСсти ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π° вСсь ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚,

ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹ΠΉ рост ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ³Π»ΡƒΠ±ΠΈΡ‚ΡŒΡΡ Π² ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΉ.

Β«Π’ Ρ€Π°Π±ΠΎΡ‚Π΅ мСня ΠΌΠΎΡ‚ΠΈΠ²ΠΈΡ€ΡƒΡŽΡ‚ слоТныС Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π― ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ вмСстС с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΈΜ† Π΄ΠΈΠ·Π°ΠΈΜ†Π½Π°. Или ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Ρ…ΠΎΡ‡Ρƒ, Π½ΠΈ с ΠΊΠ΅ΠΌ Π½Π΅ согласуя, ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² Ρ†ΠΈΡ„Ρ€Π°Ρ… ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ большС свободы», β€” ΠΎΡ‚ΠΌΠ΅Ρ‡Π°Π΅Ρ‚ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ БорисСнков, Head of Design at VTB.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² эти профСссии

ΠŸΠΎΠ½ΡΡ‚ΠΈΡΠΌ UX ΠΈ UI ΡƒΠΆΠ΅ ΠΎΠΊΠΎΠ»ΠΎ 70 Π»Π΅Ρ‚, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ всё Π΅Ρ‰Ρ‘ ΠΏΡƒΡ‚Π°ΡŽΡ‚ ΠΈΡ…. РассказываСм, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈ ΠΊΠ°ΠΊ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ эти профСссии.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX-Π΄ΠΈΠ·Π°ΠΉΠ½

UX (Π°Π½Π³Π». user experience) дословно ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΒ». Π’ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΌ смыслС это понятиС ΠΏΡ€ΠΎ вСсь ΠΎΠΏΡ‹Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈ взаимодСйствии с сайтом ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

UX-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ эмоции ΠΎΠ½ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π§Π΅ΠΌ понятнСС интСрфСйс, Ρ‚Π΅ΠΌ Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΈ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ Ρ†Π΅Π»Π΅Π²ΠΎΠ΅ дСйствиС.

UX-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ интСрфСйса Π½Π° основС исслСдований ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΈ повСдСния.

На курсС Β«UX-Π΄ΠΈΠ·Π°ΠΉΠ½Β» Π²Ρ‹ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ интСрфСйсы сайтов, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. Π’Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, Π½ΠΎ ΠΈ смоТСтС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅ бизнСса ΠΎΠ± интСрфСйсах.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

ΠŸΠΈΡˆΠ΅Ρ‚ ΠΏΡ€ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Skillbox. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ собствСнного Π΄ΠΈΠ·Π°ΠΉΠ½-Π±ΡŽΡ€ΠΎ. Π’Π΅Π΄Π΅Ρ‚ рассылку ΠΎ тСкстах, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Macintosh β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ярких ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Ρ‹ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². ИдСя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΊΠ½Π° вмСсто ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки сущСствовала ΠΈ Π΄ΠΎ 1984 Π³ΠΎΠ΄Π°, Π½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠΈ Apple сдСлали графичСский интСрфСйс массово доступным.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

НСкоторыС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ UX β€” это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта ΠΈΠ»ΠΈ прилоТСния. На Π΄Π΅Π»Π΅ ΠΆΠ΅ ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ этим Π½Π΅ ограничиваСтся. НапримСр, Ссли ΠΊΠ»ΠΈΠ΅Π½Ρ‚ оставил заявку, Π½ΠΎ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» БМБ с ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ Π·Π²ΠΎΠ½ΠΎΠΊ ΠΎΡ‚ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π°, β€” это симптомы ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ UX.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

UX Π½Π΅ заканчиваСтся Π½Π° красивой ΠΈ понятной Ρ„ΠΎΡ€ΠΌΠ΅ Π½Π° сайтС. UX β€” это ΠΏΡƒΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‚ Ρ‚ΠΎΡ‡ΠΊΠΈ Π²Ρ…ΠΎΠ΄Π° Π΄ΠΎ Ρ‚ΠΎΡ‡ΠΊΠΈ Π²Ρ‹Ρ…ΠΎΠ΄Π°, ΠΈΠ· ΠΏΡƒΠ½ΠΊΡ‚Π° А Π² ΠΏΡƒΠ½ΠΊΡ‚ Π‘.

UX β€” это впСчатлСния ΠΎΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с интСрфСйсом. ΠžΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ зависит ΠΎΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²: Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ сайта, графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°, понятного тСкста ΠΈ отзывчивости интСрфСйса Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π’Π°ΠΊ ΠΊΠ°ΠΊ впСчатлСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ абстрактны, Π² UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡ΠΊΠΈ, Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ повСдСния ΠΈ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ тСстированиС. ВсСй этой Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ занимаСтся UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€.

UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ (Π°Π½Π³Π». user experience designer) β€” это ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚ потрСбности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, строит логичСскиС схСмы Ρ€Π°Π±ΠΎΡ‚Ρ‹ интСрфСйса, тСстируСт ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π½Π° Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ ΠΈ составляСт тСхничСскоС Π·Π°Π΄Π°Π½ΠΈΠ΅ для UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°.

UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ β€” это ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ исслСдуСт ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ, ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π΅Ρ‚ связи ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами интСрфСйса ΠΈ ΠΈΡ… располоТСниС, составляСт тСхничСскиС задания для Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². И Π½Π° основС исслСдования Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ эффСктивный ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UI-Π΄ΠΈΠ·Π°ΠΉΠ½

UI (Π°Π½Π³Π». user interface) пСрСводится ΠΊΠ°ΠΊ Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс». И Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ графичСский: Ρ‚Π°ΠΊΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ, голосовой ΠΈΠ»ΠΈ Π·Π²ΡƒΠΊΠΎΠ²ΠΎΠΉ. ΠœΡ‹ рассмотрим Ρ‚ΠΎΠ»ΡŒΠΊΠΎ графичСский интСрфСйс, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π² основном Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с Π½ΠΈΠΌ.

UI-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” процСсс Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π½Π° основании ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΈ исслСдования Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

UI-Π΄ΠΈΠ·Π°ΠΉΠ½ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ графичСской Ρ‡Π°ΡΡ‚ΡŒΡŽ интСрфСйса: Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, мСню, слайдСрами, фотографиями ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ.

UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ опрСдСляСт Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ ΠΈ располоТСниС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² интСрфСйсС: ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π»ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Β«Π—Π°ΠΊΠ°Π·Π°Ρ‚ΡŒΒ», ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню, Π»Π΅Π³ΠΊΠΎ Π»ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ, Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π»ΠΈ читаСтся тСкст со смартфона, ΠΊΠ°ΠΊΠΎΠ΅ сообщСниС Π²Ρ‹Π΄Π°Ρ‘Ρ‚ сайт ΠΏΡ€ΠΈ Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΌ дСйствии.

UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ (Π°Π½Π³Π». user interface designer) β€” Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ интСрфСйсов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, отрисовываСт ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈΠΊΠΎΠ½ΠΊΠΈ, Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΅Π³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ собираСт ΠΈΡ… Π² Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚.

UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ выглядит интСрфСйс ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ взаимодСйствуСт с Π΅Π³ΠΎ элСмСнтами. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты интСрфСйса ΠΈ Π²Ρ‹Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π΅Π΄ΠΈΠ½Ρ‹Π΅ ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Π»ΠΎΠ³ΠΈΠΊΡƒ ΠΈΡ… взаимодСйствия.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Главная Π·Π°Π΄Π°Ρ‡Π° UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ быстро ΠΈ Π±Π΅Π· стрСсса ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ: сайтом, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ, ΠΏΠ»Π°Ρ‚Ρ‘ΠΆΠ½Ρ‹ΠΌ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»ΠΎΠΌ, ΠΌΠΈΠΊΡ€ΠΎΠ²ΠΎΠ»Π½ΠΎΠ²ΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΡƒΠ»ΡŒΡ‚ΠΎΠΌ ΠΎΡ‚ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°. Для этого Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ слСдит, Ρ‡Ρ‚ΠΎΠ±Ρ‹ интСрфСйс соотвСтствовал основным трСбованиям.

ВрСбования ΠΊ качСствСнному
UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

Π’ интСрфСйсС Π½Π΅Ρ‚ двусмыслСнности, Π° тСкст ΠΈ структура Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Ρ†Π΅Π»ΠΈ.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½ подсказками, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌΠΈ ΠΎΠΊΠ½Π°ΠΌΠΈ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. Π—Π°Π΄Π°Π²Π°ΠΉΡ‚Π΅ сСбС вопросы: «А Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈ это здСсь? Для Ρ‡Π΅Π³ΠΎ?Β». Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ„ΠΎΠΊΡƒΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ элСмСнтС.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ, Π΄Π°ΠΆΠ΅ Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ ваш сайт Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅. Π”Π΅Π»Π°ΠΉΡ‚Π΅ интСрфСйс ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным. НапримСр, Π½Π΅ ΠΊΡ€Π°ΡΡŒΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ подтвСрТдСния Π² ΠΎΡ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΉ, Ссли Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ сайтов ΠΎΠ½Π° зСлёная.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΠ΅Ρ‚ Π½Π° дСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ. Он Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит Π½Π° экранС прямо сСйчас: ΠΏΡ€ΠΎΡˆΠ»Π° Π»ΠΈ ΠΎΠΏΠ»Π°Ρ‚Π°, ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Π»ΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ заявку, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΠ»ΠΎΡΡŒ Π»ΠΈ сообщСниС.

Π‘ΠΎΠ±Π»ΡŽΠ΄Π°ΠΉΡ‚Π΅ постоянство для всСх Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² сайта ΠΈ прилоТСния. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ интСрфСйса β€” мСню ΠΈ слайдСры β€” Π΄ΠΎΠ»ΠΆΠ½Ρ‹ вСсти сСбя ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° любой страницС.

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ интСрфСйс Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π±Ρ‹Π»ΠΎ приятно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½ΠΈΡ‡Ρ‚ΠΎ Π΅Π³ΠΎ Π½Π΅ Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°Π»ΠΎ ΠΈ Π½Π΅ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π»ΠΎ ΠΎΡ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ‡.

Помимо внСшнСй ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс экономит врСмя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ доставляСт Π΅Π³ΠΎ Π² Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ усилиями.

Π”Π°ΠΆΠ΅ ΠΏΡ€ΠΈ самом ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½ΠΎΠΌ интСрфСйсС Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ застрахован ΠΎΡ‚ ошибки. ΠŸΡ€ΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ Π·Π°Π±ΠΎΡ‚Π»ΠΈΠ²Ρ‹Π΅ сообщСния Π½Π° случай, Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ пошло Π½Π΅ Ρ‚Π°ΠΊ. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ дСньги, врСмя ΠΈ Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Π² случаС сбоя.

Π’ Ρ‡Ρ‘ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI

Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI β€” Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ взаимодСйствуСт с интСрфСйсом, ΠΊΠ°ΠΊΠΈΠ΅ шаги Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Ρ†Π΅Π»ΠΈ. А UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ эти шаги ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ†Π΅Π»ΠΈ выглядят.

На Π΄Π΅Π»Π΅ UX ΠΈ UI Ρ‚Π°ΠΊ тСсно связаны, Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° Π³Ρ€Π°Π½ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ понятиями размываСтся. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ интСрфСйсов занимаСтся ΠΎΠ΄ΠΈΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ Π΅Π³ΠΎ профСссия ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· слСш.

UX, User ExperienceUI, User Interface
ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ β€” это впСчатлСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‚ взаимодСйствия с интСрфСйсом. UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с абстрактной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ: схСмами, Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ, Π΄Π°Π½Π½Ρ‹ΠΌΠΈ β€” Π½Π° ΠΈΡ… основС проСктируСтся интСрфСйс сайта, прилоТСния ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс β€” это ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ. UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΈ «оТивляСт» интСрфСйс ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ создаСтся Π½Π° основС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° β€” UX.

Как ΡΡ‚Π°Ρ‚ΡŒ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ

Для Π½Π°Ρ‡Π°Π»Π° ΠΏΠΎΠΉΠΌΠΈΡ‚Π΅, ΠΊΠ΅ΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π±Ρ‹Ρ‚ΡŒ: UX- ΠΈΠ»ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ. Π‘Π°Ρ‚ΠΈ Π’Π°Ρ‡ΠΈΠ±Π°, ΡΡ‚Π°Ρ€ΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π² Wargaming, совСтуСт, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΈ быстро Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI.

Если хочСтся Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, β€” Π·Π°Π½ΠΈΠΌΠ°ΠΉΡ‚Π΅ΡΡŒ UI. Если большС нравится ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΈΠΊΡƒ взаимодСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ интСрфСйс ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, β€” Π²Π°ΠΌ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΈΠ»ΠΈ UX.

ПослС прохоТдСния курса ΠΏΠΎ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π΄ΠΈΠΏΠ»ΠΎΠΌ, ΠΏΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ ΠΈ смоТСтС ΠΏΡ€ΠΎΠΉΡ‚ΠΈ стаТировку Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Ρ‚ΠΎΠΏΠΎΠ²Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½-агСнтств России.

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сСйчас Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² Ρ‚ΠΎΠΏΠΎΠ²Ρ‹Ρ… Π±Π°Π½ΠΊΠ°Ρ…, искали ΠΏΠ΅Ρ€Π²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², осознанно Π²Ρ‹Π±ΠΈΡ€Π°Π»ΠΈ ΠΏΡƒΡ‚ΡŒ Π² ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π΅ ΠΈ Π²Ρ‹ΠΈΠ³Ρ€Ρ‹Π²Π°Π»ΠΈ прСстиТныС конкурсы, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² этом ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π΅.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½ сущСствовал Π·Π°Π΄ΠΎΠ»Π³ΠΎ Π΄ΠΎ изобрСтСния Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, просто Π½Π°Π·Ρ‹Π²Π°Π»ΠΎΡΡŒ всС это Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами. НС Π±ΡƒΠ΄Π΅ΠΌ ΡƒΠ³Π»ΡƒΠ±Π»ΡΡ‚ΡŒΡΡ Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π°, ΠΊΠΎΠ³Π΄Π° ΠΏΠ΅Ρ€Π²ΠΎΠ±Ρ‹Ρ‚Π½Ρ‹ΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π» ΠΏΡ€ΠΈΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΊ острому камню Π΄Π΅Ρ€Π΅Π²ΡΠ½Π½ΡƒΡŽ ΠΏΠ°Π»ΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ получился ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ, симпатичный Ρ‚ΠΎΠΏΠΎΡ€ΠΈΠΊ. Π₯отя ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ Π½Π΅ Π½Π°Π·Π²Π°Ρ‚ΡŒ этот эпизод Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ отсчСта Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом?

ΠœΡ‹ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ интСрфСйсом Π½Π°Π±ΠΎΡ€ инструмСнтов для взаимодСйствия с Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌΠΈ тСхнологиями. Но interface, ΠΈΠ»ΠΈ Ρ‚ΠΎΡ‡ΠΊΠ° соприкосновСния, Π΅ΡΡ‚ΡŒ Ρƒ любой Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ, Π΄Π°ΠΆΠ΅ Ρƒ пылСсоса. Π’ ΠΈΠ΄Π΅Π°Π»Π΅ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ понятСн, ΡƒΠ΄ΠΎΠ±Π΅Π½ ΠΈ Π·Π°Ρ‚ΠΎΡ‡Π΅Π½ ΠΏΠΎΠ΄ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΡ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” это созданиС ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹Ρ…, ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятных ΠΈ друТСствСнных Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ интСрфСйсов. UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½ взаимосвязаны, Π½ΠΎ всС ΠΆΠ΅ это Π½Π΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹Π΅ понятия, Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°, разбСрСмся Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX Π΄ΠΈΠ·Π°ΠΉΠ½

UX [юикс] (User Experience) β€” дословно Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ с английского Β«ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΒ». На элСмСнтарном ΡƒΡ€ΠΎΠ²Π½Π΅ UX Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ эффСктивного взаимодСйствия Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° с сайтом, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ. Но ΠΏΠΎ Ρ„Π°ΠΊΡ‚Ρƒ, UX сродни философии, это ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ всС аспСкты ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° β€” Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, красоту, удобство, эмоции β€” с ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°. ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ ΠΈ сам Ρ‚Π΅Ρ€ΠΌΠΈΠ½ User Experience ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π» Π”ΠΎΠ½ Норман β€” классик ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈ интСрфСйсного Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π°Π²Ρ‚ΠΎΡ€ Π·Π½Π°ΠΌΠ΅Π½ΠΈΡ‚ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ Β«Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉΒ».

Π”ΠΎΠ½ Норман сформулировал Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ UX β€” Π²ΠΈΠ΄ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ подсказки ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ с Π½ΠΈΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ. ΠžΡ‚ΡΡŽΠ΄Π° Π΄Π²Π° ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ° Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

По-настоящСму Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ UX Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΡ‹ Π½Π΅ Π·Π°ΠΌΠ΅Ρ‡Π°Π΅ΠΌ. Π­Ρ‚ΠΎ ΠΊΠ°ΠΊ Π² Π±Π°Π»Π΅Ρ‚Π΅ β€” Ссли Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ Π΄Π΅Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ стопы ΠΈ нСчСловСчСскиС ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ‚Π°Π½Ρ†ΠΎΡ€ΠΎΠ², Ρ‚ΠΎ магия Ρ‚Π°Π½Ρ†Π° исчСзаСт. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° Π½Π΅ ΠΏΡ€ΠΎ красоту, ΠΎΠ½ΠΎ ΠΏΡ€ΠΎ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, взаимодСйствуя с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, Π½Π΅ задумывался, Π° Π±Π»Π°ΠΆΠ΅Π½Π½ΠΎ ΠΏΠ»Ρ‹Π» ΠΏΠΎ Ρ‚Π΅Ρ‡Π΅Π½ΠΈΡŽ.

ΠšΡ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€

Главная Π·Π°Π΄Π°Ρ‡Π° UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” ΠΏΡ€ΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ максимально ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ ΠΈΠ· Ρ‚ΠΎΡ‡ΠΊΠΈ А Π² Ρ‚ΠΎΡ‡ΠΊΡƒ Π‘: Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ, простой, с Π·Π°Π±ΠΎΡ‚ΠΎΠΉ ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ сцСнариями взаимодСйствия.

Π—ΠΎΠ½Π° отвСтствСнности Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° User Experience ΠΎΠ±ΡˆΠΈΡ€Π½Π°:

UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ мыслит стратСгичСски, ΠΎΠ½ ясно ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚, ΠΊΡƒΠ΄Π° Π²Π΅Π΄Π΅Ρ‚ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠΈ дСйствий.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ Π½Π°Π²Ρ‹ΠΊΠΈ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ β€” ΠΈ ΡˆΠ²Π΅Ρ†, ΠΈ ΠΆΠ½Π΅Ρ†, ΠΈ Π½Π° Π΄ΡƒΠ΄Π΅ ΠΈΠ³Ρ€Π΅Ρ†. Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° стыкС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… областСй, поэтому здСсь Π²Π°ΠΆΠ½ΠΎ логичСскоС ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅, Β«Π½Π°ΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΒ» Π² сфСрС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡƒΠΌΠ΅Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² графичСских ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…. Но всС ΠΆΠ΅ основной Π΅Π³ΠΎ Π½Π°Π²Ρ‹ΠΊ β€” ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π³Π»Π°Π·Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Эмпатия ΠΈ ΠΎΠΏΡ‹Ρ‚ провСдСния исслСдований β€” Π·Π°Π»ΠΎΠ³ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, слоТный сайт, простой Π»Π΅Π½Π΄ΠΈΠ½Π³ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ интСрфСйс.

На ΠΏΠ΅Ρ€Π²ΠΎΠΌ этапС создания UX Π΄ΠΈΠ·Π°ΠΉΠ½Π° с нуля ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π±ΡƒΠΌΠ°Π³Ρƒ ΠΈ ΠΊΠ°Ρ€Π°Π½Π΄Π°Ρˆ. По ΠΌΠ΅Ρ€Π΅ услоТнСния структуры, добавлСния логичСских Ρ†Π΅ΠΏΠΎΡ‡Π΅ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ сСрвисы для построСния ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚, самыС извСстныС β€” XMind, FlowMapp, Майндмэппинг.

Эскиз

Для ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, самоС Ρ…ΠΎΠ΄ΠΎΠ²ΠΎΠ΅ Ρƒ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Sketch (Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Mac). Π•ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Lunacy, ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΡŽΡ‰Π°Ρ сСбя ΠΊΠ°ΠΊ Sketch для Windows.

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π½Π°Π΄ каркасами, ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ, Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ популярны ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹:

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UI Π΄ΠΈΠ·Π°ΠΉΠ½

UI [юай] (User Interface) β€” Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ с английского Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс». По сути, это графичСский Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° экранС, внСшний Π²ΠΈΠ΄, эстСтика ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. UI design β€” это визуализация, графичСская ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ΄Π΅ΠΉ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°: мСню, ΠΊΠ½ΠΎΠΏΠΊΠΈ, слайдСры, Ρ„ΠΎΡ€ΠΌΡ‹, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ, анимация, Ρ„ΠΎΡ‚ΠΎ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Ρ†Π²Π΅Ρ‚Π°.

Если UX β€” это Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, тСстированиС ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠ³ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Ρ‚ΠΎ UI β€” это Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎΠ΅ ΠΈ понятноС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ интСрфСйса.

ΠšΡ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€

Π—Π°Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° User Interface β€” ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ быстро, Π±Π΅Π· Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π½ΠΈΠΉ разобрался с интСрфСйсом, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с расписаниСм элСктричСк, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ с ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π½Ρ‹ΠΌ ассортимСнтом ΠΈΠ»ΠΈ рабочая узкоспСциализированная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°. ΠžΡ‚ Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, зависит, Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, спроСктированным ΠΏΠΎ всСм ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ UX.

Π’ основС UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π»Π΅ΠΆΠ°Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ трСбования ΠΊ интСрфСйсу:

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ Π½Π°Π²Ρ‹ΠΊΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

Навыки ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°ΡŽΡ‚ΡΡ, Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ интСрфСйсов Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Π»Π°Π΄Π΅Ρ‚ΡŒ графичСскими Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅, Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ Π² Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅, ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ, сочСтаСмости Ρ†Π²Π΅Ρ‚ΠΎΠ².

Π Π°Π±ΠΎΡ‚Π° с Ρ†Π²Π΅Ρ‚ΠΎΠΌ

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ°

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ. Π€ΠΎΡ‚ΠΎ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ui ux Ρ‡Π΅ΠΌ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ

Иконки

Π“Π΄Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ UX ΠΈ UI Π² Digital

User Experience ΠΈ User Interface стали Π³Π»Π°Π²Π½Ρ‹ΠΌΠΈ инструмСнтами Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ интСрфСйсами сайтов, сСрвисов, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² ΠΊΠΎΠ½Ρ†Π΅ 2000-Ρ… Π³ΠΎΠ΄ΠΎΠ², ΠΊΠΎΠ³Π΄Π° стало ясно, Ρ‡Ρ‚ΠΎ Π±Π°Π·ΠΎΠ²Ρ‹ΠΌΠΈ характСристиками любого Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ удобство.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Π΅ΠΌ отличаСтся UX ΠΎΡ‚ UI, достаточно ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ вСсь процСсс Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ digital ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. UI β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· этапов, всСго лишь инструмСнт, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΈΠ΄Π΅ΠΈ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Часто эти Π΄Π²Π΅ спСциализации ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚, Π° UX спСциалист ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Но это условиС вовсС Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Для ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π²Π°ΠΆΠ½Ρ‹ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс, ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ UX ΠΎΡ‚ UI здСсь Π½Π΅ ΠΈΠ³Ρ€Π°Π΅Ρ‚ Ρ€ΠΎΠ»ΠΈ.

UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½ сущСствСнно влияСт Π½Π° повСдСнчСскиС Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹ β€” практичСски 95 % рСспондСнтов Π½Π΅ Π΄ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ сайтам с ΠΏΠ»ΠΎΡ…ΠΈΠΌ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π° 40 % просто ΡƒΠΉΠ΄ΡƒΡ‚ с рСсурса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌ Π½Π΅ понравился.

НСудобный IT-ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ β€” это риск ΠΏΡ€ΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π½ΡƒΡŽ Π±ΠΎΡ€ΡŒΠ±Ρƒ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅. ΠšΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½Ρ‹ΠΉ UX Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ Ρ€Π°Π·Π²ΠΈΠ²Π°Ρ‚ΡŒΡΡ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒ ΠΈ сокращаСт ΠΈΠ·Π΄Π΅Ρ€ΠΆΠΊΠΈ.

Как ΡΡ‚Π°Ρ‚ΡŒ UX ΠΈ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ

Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ появлСния Ρ‚Ρ€Π΅Π½Π΄Π° Π½Π° UX/UI профСссия Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΎΡ‰ΡƒΡ‚ΠΈΠΌΠΎ ΡƒΡΠ»ΠΎΠΆΠ½ΠΈΠ»Π°ΡΡŒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΡƒΠΆΠ΅ ΠΌΠ°Π»ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ User Experience занимаСтся цСлая ΠΊΠΎΠΌΠ°Π½Π΄Π°, Ρ‚.ΠΊ. ΠΎΠ΄Π½ΠΎΠΌΡƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ Π½Π΅ ΠΏΠΎΠ΄ силу ΠΎΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ всС процСссы.

Как ΡΡ‚Π°Ρ‚ΡŒ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ? Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΌΡƒ ΠΏΡƒΡ‚ΠΈ ΠΈΠ΄Ρ‚ΠΈ. Нравится Π½Π°Π²ΠΎΠ΄ΠΈΡ‚ΡŒ красоту, Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ΄Π΅ΠΈ? Π—Π½Π°Ρ‡ΠΈΡ‚, ваша ΠΎΠ±Π»Π°ΡΡ‚ΡŒ β€” UI. МногиС Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ с Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ ΠΈ, постСпСнно Ρ€Π°ΡΡˆΠΈΡ€ΡΡ ΠΊΡ€ΡƒΠ³ своих интСрСсов, приходят ΠΊ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ UX.

Π›ΡŽΠ΄ΠΈ ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π² UX Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… областСй, Π³Π»Π°Π²Π½ΠΎΠ΅ β€” Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ это ΠΈ ΠΊΠ°ΠΊ выстраиваСтся Π»ΠΎΠ³ΠΈΠΊΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, Π° Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ профСссии ΠΌΠΎΠΆΠ½ΠΎ своими силами ΠΈΠ»ΠΈ Π½Π° курсах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ постоянно ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΈΠ·-Π·Π° высокого спроса Π½Π° UX спСциалистов.

ΠžΡ„Π»Π°ΠΉΠ½ курсы, ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹

Онлайн ΡƒΡ‡Π΅Π±Π°

Книги

Книг ΠΏΠΎ UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ написано Π½Π΅ΠΌΠ°Π»ΠΎ, ΠΎΡ‚Ρ€Π°ΡΠ»ΡŒ развиваСтся, постоянно ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ΡΡ Π½ΠΎΠ²Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹. ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅ΠΌ здСсь Π±Π°Π·ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹, хотя Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ спСциалиста список Π±ΡƒΠ΄Π΅Ρ‚ свой:

ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°

ВСория Π½ΠΈΡ‡Ρ‚ΠΎ Π±Π΅Π· практичСских Π½Π°Π²Ρ‹ΠΊΠΎΠ². Одно ΠΈΠ· прСимущСств обучСния Π½Π° курсах β€” Ρ€Π΅Π°Π»ΡŒΠ½Π°Ρ Ρ€Π°Π±ΠΎΡ‚Π° Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, Π½ΠΎ ΠΈ ΠΏΡ€ΠΈ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ освоСнии UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒΡΡ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ с нуля свой сайт ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎ Ρ…ΠΎΠ΄Ρƒ Π΄Π΅Π»Π° осваивая дизайнСрскиС инструмСнты, это станСт ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ Ρ‚Ρ€Π΅Π½ΠΈΡ€ΠΎΠ²ΠΊΠΎΠΉ ΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ элСмСнтом ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

МногиС UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ связанного с индустриСй образования. Π—Π΄Π΅ΡΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΎΠΊΡƒΠ½ΡƒΡ‚ΡŒΡΡ Π² атмосфСру, Π½Π°Π±ΠΈΠ²Π°Ρ‚ΡŒ Ρ€ΡƒΠΊΡƒ, ΠΏΠΎΠ΄Π³Π»ΡΠ΄Ρ‹Π²Π°Ρ‚ΡŒ Π·Π° Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ, Π·Π°Π²ΠΎΠ΄ΠΈΡ‚ΡŒ знакомства с ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌΠΈ людьми, ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Масса инструмСнтов, ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΡ… Тизнь Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π΅ΡΡ‚ΡŒ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΌ доступС. БСйчас Ρ‡ΡƒΡ‚ΡŒ Π»ΠΈ Π½Π΅ любой Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ с ΡƒΠ»ΠΈΡ†Ρ‹, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ Π½ΠΈ малСйшСго прСдставлСния ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой digital ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚.

Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Π’Ρ€Π΅ΠΌΠ΅Π½Π°, ΠΊΠΎΠ³Π΄Π° сайты дСлались Ρ€Π°Π΄ΠΈ сайтов, Π΄Π°Π²Π½ΠΎ ΠΏΡ€ΠΎΡˆΠ»ΠΈ. Digital ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ развиваСтся, ΠΈ UX ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±ΠΎΡ€ΠΎΡ‚Ρ‹. Π”ΠΈΠ·Π°ΠΉΠ½, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ удобство ΠΈ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚ΠΊΠ»ΠΈΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΄Π΅Π»Π°Π΅Ρ‚ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ΅ пространство Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½Ρ‹ΠΌ. Π§Ρ‚ΠΎ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ β€” UX ΠΈΠ»ΠΈ UI β€” ΠΎΠ±Π° направлСния находятся Π½Π° ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ, ΠΈ ΠΈΡ… Π²ΠΎΡΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ сомнСний. UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½ΡƒΠΆΠ½Ρ‹ Π²Π΅Π·Π΄Π΅ β€” ΠΎΡ‚ ПО для слоТного оборудования Π΄ΠΎ нСзамысловатого мобильного счСтчика ΠΊΠ°Π»ΠΎΡ€ΠΈΠΉ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *