Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ux ΠΈ ui: Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² эту ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ / Skillbox Media

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX- ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹, сходства ΠΈ различия

ΠšΡ€ΠΈΡΡ‚ΠΈΠ½Π° ΠœΠ°Ρ€Ρ‚Ρ‹Π½ΠΎΠ²ΡΠΊΠ°Ρ

CX Researcher Π² ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½ΠΎΠΌ стартапС

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

UX Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ User Experience β€” ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚. Π’ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΌ смыслС это Ρ‚ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ эмоции ΠΈ ощущСния испытываСт Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΊΠΎΠ³Π΄Π° взаимодСйствуСт с вашим ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. НапримСр, ΠΊΠ°ΠΊ ΠΎΠ½ рСгистрируСтся Π½Π° сайтС, насколько Π»Π΅Π³ΠΊΠΎ отмСняСт Π·Π°ΠΊΠ°Π·, связываСтся с Ρ‚Π΅Ρ…ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° сайта Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ. ΠŸΡ€ΠΎΡΡ‚Ρ‹ΠΌΠΈ словами, UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ Π΅Π΅ взаимодСйствиС с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΈ понятный интСрфСйс.Β 

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ UX использовал Π”ΠΎΠ½Π°Π»ΡŒΠ΄ Норман, Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° Π² Apple, Π² 1995 Π³ΠΎΠ΄Ρƒ. Он считал, Ρ‡Ρ‚ΠΎ для интСрфСйса удобство пользования β€” слишком ΡƒΠ·ΠΊΠΎΠ΅ понятиС. НуТСн Π±Ρ‹Π» Ρ‚Π΅Ρ€ΠΌΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ…Π²Π°Ρ‚ΠΈΠ» Π±Ρ‹ всС аспСкты ΠΎΠΏΡ‹Ρ‚Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° с систСмой: ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, интСрфСйс, физичСскиС взаимодСйствия.Β 

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ UX-спСциалист β€” это ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΠΈ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€, ΠΈ психолог. Он Π²Π½ΠΈΠΊΠ°Π΅Ρ‚ Π² ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ внСдряСт ΠΈΡ… Π½Π° сайт, Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ.

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

Π Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ структуру ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°

Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π°Π½Π½Ρ‹Ρ…, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ информация ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΡ… ΠΈ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°Ρ…, Ρ†Π΅Π»ΠΈ, Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ поТСлания Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°. Π­Ρ‚ΠΈ знания ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ структуру сайта ΠΈΠ»ΠΈ прилоТСния.

Π Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Он Π½ΡƒΠΆΠ΅Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ экрана, поэтому Π½Π° этом этапС Π½Π΅ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠ°, ΠΊΠ°ΠΊ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС Π²Π°ΠΆΠ½Ρ‹Π΅ элСмСнты: мСню, ΠΊΠ½ΠΎΠΏΠΊΠΈ, строку поиска, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ ΠΏΠΎ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Ρƒ ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊ с новостями. ПослС Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΡΠΎΠ³Π»Π°ΡΡƒΡŽΡ‚, UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊ графичСскому ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡŽ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ
АнализируСт

Аналитика ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ сСрвис, ΡƒΡ‡Π΅ΡΡ‚ΡŒ Ρ‚ΠΎ, ΠΎ Ρ‡Π΅ΠΌ Π½Π΅ Π±Ρ‹Π»ΠΎ извСстно Π½Π° стартС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Если Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π½Π΅Ρ‚ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, Ρ‚ΠΎ Π±Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ UX-спСциалист сам исслСдуСт, насколько ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ взаимодСйствуСт с интСрфСйсом. Β 

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

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

ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΠΏΠ΅Ρ€Π²Ρ‹Ρ… UI-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² β€” ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Β«ΠœΠ°ΠΊΠΈΠ½Ρ‚ΠΎΡˆΒ». ΠŸΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΎΠΊΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ Π½Π° экранС, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΏΠ°ΠΏΠΊΠΈ ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»Ρ‹, появились ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° Π½Π΅ΠΌ. Π”ΠΎ 1984 Π³ΠΎΠ΄Π° Π½Π° ПК всС ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π»ΠΎΡΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки. ИмСнно Apple сдСлали интСрфСйс ΠΎΠΊΠΎΠ½ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΈ доступным.Β 

Π’Π°ΠΊ выглядСл Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Β«ΠœΠ°ΠΊΠΈΠ½Ρ‚ΠΎΡˆΠ°Β»

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

Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ

Иногда статичной ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ нСдостаточно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ особСнности ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π’ΠΎΠ³Π΄Π° UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ°ΠΆΡƒΡ‚ Ρ‚ΠΎΠ²Π°Ρ€ с Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎΠΉ стороны.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° сайтС
ΠžΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

ΠœΡ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ, ΠΎΠ½Π° мСняСт Ρ†Π²Π΅Ρ‚, ΠΈ ΠΌΡ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ взаимодСйствиС ΠΌΠ΅ΠΆΠ΄Ρƒ Π½Π°ΠΌΠΈ ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ. ИмСнно ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь: смСна Ρ†Π²Π΅Ρ‚Π°, ΠΎΠ±ΠΎΠ΄ΠΎΠΊ Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ графичСскиС элСмСнты ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ дСйствиС ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΠΎ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи: ΠΊΠ½ΠΎΠΏΠΊΠ° мСняСт Ρ†Π²Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π½Π° Π½Π΅Π΅ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ
ДобавляСт подсказки

ГрафичСскиС элСмСнты любого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ это ΠΊΠ½ΠΎΠΏΠΊΠ°. ИмСнно Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ подсказываСт Π½Π°ΠΌ, Π½Π° Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ»ΠΈΠΊΠ°Ρ‚ΡŒ, Π° Π½Π° Ρ‡Ρ‚ΠΎ β€” Π½Π΅Ρ‚.Β 

Кнопка Order Now подсказываСт Π½Π°ΠΌ, Ρ‡Ρ‚ΠΎ с Π΅Π΅ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π·Π°ΠΊΠ°Π·. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Бходства ΠΈ различия UX- ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

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

Бходства

UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π°Π½Π°Π»ΠΈΠ·Π° повСдСния ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π•ΠΌΡƒ Π²Π°ΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ оТидания Ρƒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌΠΈ интСрфСйсами. Для UX- ΠΈ UI-спСциалистов Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ удовлСтворял оТидания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΡƒΠΌΠ°ΡŽΡ‚ ΠΎ Π»ΡŽΠ΄ΡΡ….

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±Ρ‰ΠΈΠΉ аспСкт β€” Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° интСрфСйсных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ. Оба Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅, настроСниС ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚. UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ нСсколько схСм, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ взаимодСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. Π­Ρ‚ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ β€” основа для формирования Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ стиля, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€.

Различия

Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π·Π°Π΄Π°Ρ‡Π°Ρ…. UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΡ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΈ Π΄ΠΎΡΡ‚ΠΈΠ³Π°Ρ‚ΡŒ Ρ†Π΅Π»ΠΈ, Π° UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ ΠΈ шаги Π½Π° ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ†Π΅Π»ΠΈ.

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ UI/UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π―ΡΠ½ΠΎΡΡ‚ΡŒ

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ нСсти Π² сСбС Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ смысл. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс понятСн Π½Π° ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅. ВСкст, графичСскиС элСмСнты, структура β€” всС это Π²Π΅Π΄Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‚ Ρ‚ΠΎΡ‡ΠΊΠΈ А ΠΊ Ρ‚ΠΎΡ‡ΠΊΠ΅ Π’. Β 

На сайтС Nike ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятно, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» ΠΈΠ»ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ

Удобство

ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ дСйствиС Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π° структура сСрвиса Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятна.

Β Π’ΡƒΡ‚ ΠΎΡ‡Π΅Π½ΡŒ большоС мСню, нСльзя ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ ΠΈ Π½Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ поиска. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

Помимо удобства использования, Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ выполнял Π·Π°Π΄Π°Ρ‡ΠΈ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, Π° бизнСсу приносил ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒ.

Π’ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Welltory ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° своим Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΠ΅ΠΌ. Π•ΡΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ подписки, ΠΊΠ°ΠΊ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ бСсплатныС

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ

ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ соврСмСнно. ОсобСнно это касаСтся Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ части. ΠŸΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ ΠΈ элСмСнтами сайты тяТСло Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ ΠΈ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ Π² использовании.

Π―Ρ€ΠΊΠΈΠΉ ΠΈ минималистичный сайт для Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ Ρ‚Π°Π½Ρ†Π΅Π². Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π—Π°Π±ΠΎΡ‚Π° ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅

ΠœΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΡŽΠ·Π΅Ρ€ΠΎΠ² вашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Они Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠ»Π°Π²Π½ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с интСрфСйсом.Β 

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π‘Ρ€Π΅Π΄ΠΈ Π³Π»Π°Π²Π½Ρ‹Ρ… инструмСнтов, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… спСциалисту Π² области Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов, Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚:

Figma

Π­Ρ‚ΠΎ простой ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ понятСн Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΊΡƒ. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ интСрфСйса прямо ΠΈΠ· ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΠΎΠΆΠ½ΠΎ совмСстно Π²Π½ΠΎΡΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ β€” это ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Figma

Adobe Illustrator

Π—Π΄Π΅ΡΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ΡˆΠΈΡ€Π΅, Ρ‡Π΅ΠΌ Π² Figma, ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ². Π’Π°ΠΊΠΆΠ΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с тСкстами: ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Ρ„ΠΈΠ³ΡƒΡ€Ρƒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ графичСский ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Adobe Illustrator

Axure RP

Π­Ρ‚ΠΎ инструмСнт для прототипирования слоТных сСрвисов β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния. Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ сайты ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния здСсь Π½Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для этого Figma. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этого инструмСнта я ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π»Π° сСрвис для Π°Π½Π°Π»ΠΈΠ·Π° финансовых инструмСнтов ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ для обучСния пСрсонала.Β 

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Axure

Fontjoy ΠΈ ColorHexa

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

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ColorHexaΠ˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Fontjoy

Adobe After Effects

Π― Π±Ρ‹ использовала эту ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π² случаях, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΠΎΠ³ΠΎ взаимодСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с интСрфСйсом. Π­Ρ‚ΠΎΡ‚ ΡˆΠΎΡƒΡ€ΠΈΠ» ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ интСрфСйс.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Adobe After Effects

UI/UX-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” ΠΎΠ΄Π½Π° ΠΈΠ· самых вострСбованных профСссий Π² Π΄ΠΈΠ΄ΠΆΠΈΡ‚Π°Π»-сфСрС. Π­Ρ‚Π° ΠΎΡ‚Ρ€Π°ΡΠ»ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±ΠΎΡ€ΠΎΡ‚Ρ‹, поэтому Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов Π΅Ρ‰Π΅ Π΄ΠΎΠ»Π³ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ Π½ΡƒΠΆΠ½Ρ‹. ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, Π½Π°Π΄ Ρ‡Π΅ΠΌ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ UI/UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

1. Много ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒΡΡ

НапримСр, Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅ основы Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡƒΠΌΠ΅Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…. Но Ρƒ вас Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ кСйсов Π² ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ€Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‹ ΠΈΠ»ΠΈ Ρ‚Ρ€ΡƒΠ΄ΠΎΡƒΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. Π’ΠΎΠ³Π΄Π° я Π±Ρ‹ посовСтовала Π²Π°ΠΌ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ ΠΌΠ΅Π½Ρ‚ΠΎΡ€Ρƒ (ΠΏΡ€Π°Π²Π΄Π°, Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΡ€ΠΎΠ³ΠΎ ΡΡ‚ΠΎΠΈΡ‚ΡŒ).Β 

Он ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ со ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ вопросами: ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΈΠ» прототипирования Π΄ΠΎ трудоустройства. Π€ΠΎΡ€ΠΌΠ°Ρ‚ взаимодСйствия ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΉ. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ€Π°Π·Π±ΠΎΡ€ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ρ‚ΠΎ это ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π² пСрСпискС. ΠœΠ΅Π½Ρ‚ΠΎΡ€ посмотрит Π²Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ даст ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь.Β 

2. ΠŸΠΎΠ΄ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΎΡ€ΠΈΡŽ

ΠŸΠΎΠΌΠΎΠΆΠ΅Ρ‚, Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ графичСскоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Π° Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π° ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹. ΠžΡΠ½ΠΎΠ²Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° лишними Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚. ВСорСтичСскиС знания ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΎΠ±ΠΎΡΠ½ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°ΠΌ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Ρ‹ поступили Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅.

Π—Π΄Π΅ΡΡŒ Π»ΡƒΡ‡ΡˆΠ΅ всСго Π½Π°Ρ‡Π°Ρ‚ΡŒ со статСй Π½Π° Medium. ΠŸΠΎΡ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ ΠΎΡ‚Ρ†Π°ΠΌ основатСлям UX β€” Π―ΠΊΠΎΠ±Ρƒ ΠΠΈΠ»ΡŒΡΠ΅Π½Ρƒ ΠΈ Π”ΠΎΠ½Π°Π»ΡŒΠ΄Ρƒ Норману. Π˜Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² Π±Π»ΠΎΠ³Π΅ NNGroup. Ну ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊΠ½ΠΈΠ³ΠΈ:

  • Β«Π”ΠΈΠ·Π°ΠΉΠ½ для Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠΈΡ€Π°Β», Π’ΠΈΠΊΡ‚ΠΎΡ€ ПапанСк;
  • «НС заставляйтС мСня Π΄ΡƒΠΌΠ°Ρ‚ΡŒΒ», Π‘Ρ‚ΠΈΠ² ΠšΡ€ΡƒΠ³;
  • Β«Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉΒ», Π”ΠΎΠ½Π°Π»ΡŒΠ΄ Норман;
  • Β«ΠŸΡΠΈΡ…Π±ΠΎΠ»ΡŒΠ½ΠΈΡ†Π° Π² Ρ€ΡƒΠΊΠ°Ρ… ΠΏΠ°Ρ†ΠΈΠ΅Π½Ρ‚ΠΎΠ²Β», Алан ΠšΡƒΠΏΠ΅Ρ€;
  • Β«Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΒ», Π”ΠΆΠ΅Ρ„ Раскин;
  • Β«Π”Π½Π΅Π²Π½ΠΈΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°-маньяка» ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ всС ΠΊΠ½ΠΈΠ³ΠΈ Π―Π½Ρ‹ Π€Ρ€Π°Π½ΠΊ.
3. ΠžΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ‚Π΅ΠΎΡ€ΠΈΡŽ ΠΈ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΡƒ

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX ΠΈ UI? ОписаниС ΠΈ ΠΎΠ±Π·ΠΎΡ€ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΉ

НСвСрноС ΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»Π΅Π½ΠΈΠ΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² UI ΠΈ UX Π²Ρ‹Π΄Π°Π΅Ρ‚ ΡΠ»Π°Π±ΡƒΡŽ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€Π΅Ρ‚Π΅Π½Π΄Π΅Π½Ρ‚Π° Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ мСсто, Π²Π²ΠΎΠ΄ΠΈΡ‚ Π² Π·Π°Π±Π»ΡƒΠΆΠ΄Π΅Π½ΠΈΠ΅ собСсСдника ΠΏΡ€ΠΈ ΠΎΠ±Ρ‰Π΅Π½ΠΈΠΈ Π½Π° ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹.

Π’ срСдС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² часто ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ UI ΠΈ UX. Π’Π°ΠΊΠΆΠ΅ ΠΎΡ‚ ΠΈΡ… обилия ΠΏΠ΅ΡΡ‚Ρ€Π΅ΡŽΡ‚ объявлСния ΠΎ поискС сотрудников Π² области Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Однако Π΄Π°ΠΆΠ΅ срСди ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ люди, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ»ΠΈ ΠΏΡƒΡ‚Π°ΡŽΡ‚ эти понятия, ΠΈΠ»ΠΈ Π½Π΅ Π²ΠΏΠΎΠ»Π½Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΡ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, воспринимая ΠΈΡ… ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎ Ρ†Π΅Π»ΠΎΠ΅. Но это ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎΠ΅ прСдставлСниС.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρƒ Π² понятиях, Π½ΠΈΠΆΠ΅ рассмотрим, Ρ‡Ρ‚ΠΎ ΠΆΠ΅ Ρ‚Π°ΠΊΠΎΠ΅ Π½Π° самом Π΄Π΅Π»Π΅ UI ΠΈ UX, для Ρ‡Π΅Π³ΠΎ эти Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΈ какая ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ взаимосвязь.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UX?

UX – это Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Π° словосочСтания Π½Π° английском языкС User Experience, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ пСрСводится ΠΊΠ°ΠΊ Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚Β». Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния повСдСнчСского ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π°. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ – это ΡΠΎΠ²ΠΎΠΊΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠΉ потрСбитСля ΠΎΡ‚ пользования ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈΠ»ΠΈ Π½Π΅ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ, сСрвисом ΠΈΠ»ΠΈ услугой.

Π—Π°Π΄Π°Ρ‡Π° UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° – ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, сСрвис ΠΈΠ»ΠΈ услугу Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эта ΡΠΎΠ²ΠΎΠΊΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠΉ Π±Ρ‹Π»Π° благоприятной ΠΈ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π»Π° Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌΡƒ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ. ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌΠΈ Ρ‡Π΅Ρ€Ρ‚Π°ΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°, ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π΄ΠΎΡΡ‚ΠΈΠΆΠ΅Π½ΠΈΡŽ этой Ρ†Π΅Π»ΠΈ, ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΡΡ‚ΡŒ, простота ΠΈ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ Π² использовании.

Π’ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΌ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠΈ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½, Π½Π΅ выходя Π·Π° Ρ€Π°ΠΌΠΊΠΈ обусловлСнной тСхнологичСской ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρƒ, услугС ΠΈΠ»ΠΈ сСрвису Ρ‡Π΅Ρ€Ρ‚Ρ‹ user friendly. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, систСма взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ свои Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя Π±Ρ‹Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎΠΉ Π² использовании, простой ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятной.

Π’ области IT-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π·Π°Π΄Π°Ρ‡Π° UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΎΡ‚ΠΊΡ€Ρ‹Π² сайт, ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, смог быстро ΠΈ Π±Π΅Π· Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π½ΠΈΠΉ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ взаимодСйствия с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсколько инструмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

  • ΠŸΡ€ΠΎΡ„ΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ (User Profiling)Β — это ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ ΠΈΡ… сСгмСнтация ΠΏΠΎ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠ°ΠΌ ΠΏΠΎΠ»Π°, возраста, Ρ€Π΅Π³ΠΈΠΎΠ½Π° ΠΈΠ»ΠΈ страны проТивания, языка ΠΈ Ρ‚.ΠΏ.
  • ΠŸΠΎΡΡ‚Ρ€ΠΎΠ΅Π½ΠΈΠ΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ структуры ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.
  • ИсслСдованиС повСдСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.Β Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ Π½Π° страницу? Бколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΎΠ½ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ Π½Π° сайтС? ΠšΠ°ΠΊΠΎΠ²Ρ‹ страницы Π²Ρ‹Ρ…ΠΎΠ΄Π°? Бколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ достиТСния Ρ†Π΅Π»ΠΈ (Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΠΊΡƒΠΏΠΈΡ‚ΡŒΒ», ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² Ρ„ΠΎΡ€ΠΌΡƒ Π·Π°ΠΊΠ°Π·Π° ΠΈ Ρ‚.Π΄.).
  • Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ удобства использования ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π£Π΄ΠΎΠ±Π½ΠΎ Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сайтом ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΡ€ΠΈ слабом ΡƒΡ€ΠΎΠ²Π½Π΅ сигнала сСти Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚? Как Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ увСдомлСния ΠΈΠ»ΠΈ рассылки?
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Β Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ запросам. ИзлоТСниС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для восприятия.

Подводя ΠΈΡ‚ΠΎΠ³, ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»ΡŒ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° – ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ использованиС ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UI

АббрСвиатура UI Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ User Inerface, Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ с английского ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс». Π­Ρ‚ΠΎ понятиС ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ систСму ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. Если UX-Π΄ΠΈΠ·Π°ΠΉΠ½ опрСдСляСт систСму ΠΈ ΠΏΡƒΡ‚ΠΈ взаимодСйствия ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Ρ‚ΠΎ Π·Π°Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° UI – Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° понятным Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ способом.

Π­Ρ‚Π° Π·Π°Π΄Π°Ρ‡Π° ΠΏΡ€ΠΈ создании сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ΡΡ ΠΏΡƒΡ‚Π΅ΠΌ создания эстСтичного Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйса ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ нСсколько ΠΏΡƒΡ‚Π΅ΠΉ.

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

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

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ UI ΠΈ UX

Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Π½ΠΎ, UI – это ΠΎΡ€Π³Π°Π½Ρ‹ управлСния Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΌ ΠΈ ΠΈΡ… ΠΎΡ‚Π΄Π΅Π»ΠΊΠ°, Π° UX – это систСма гидравличСского усилСния руля, рСакция ΠΏΠ΅Π΄Π°Π»ΠΈ Π³Π°Π·Π° ΠΈ Ρ‚ΠΎΡ€ΠΌΠΎΠ·Π°, ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ ΠΈ Ρ‚.ΠΏ. Если UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ опрСдСляСт, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ консоль, Ρ‚ΠΎ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Ρ€Π΅ΡˆΠ°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ.

ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ UX ΠΈ UI взаимосвязаны, ΠΎΠ΄Π½Π°ΠΊΠΎ находятся Π² иСрархичСски выстроСнной структурС. UI являСтся Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ UΠ₯.

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

Π”ΠΎ эпохи Π±ΡƒΡ€Π½ΠΎΠ³ΠΎ развития Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ этих Π΄Π²ΡƒΡ… взаимосвязанных Π·Π°Π΄Π°Ρ‡ возлагалось, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. Π‘ услоТнСниСм ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ появилась ΠΏΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ Π² Π±ΠΎΠ»Π΅Π΅ ΡƒΠ·ΠΊΠΈΡ… спСциалистах. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² создании соврСмСнных ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ участиС Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ UX- ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Π½ΠΎ ΠΈ ΠΊΠΎΠΏΠΈΡ€Π°ΠΉΡ‚Π΅Ρ€Ρ‹, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€Ρ‹, графичСскиС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈ ΠΈ Ρ‚.Π΄.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

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

ΠžΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ всС довольно просто. МногиС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ попросту Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ возмоТности ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ Π΄Π²ΡƒΡ… Ρ€Π°Π·Π½Ρ‹Ρ… спСциалистов, поэтому ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚ΠΎΠ΄Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² ΡˆΡ‚Π°Ρ‚Π΅ Β«ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Ρ… солдат».

Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π°Π²Π΄Π°Π½, Ссли Ρ‚Π°ΠΊΠΎΠΉ унивСрсал Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, — ΠΎΠ½, ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ накоплСния ΠΎΠΏΡ‹Ρ‚Π° ΠΈ знакомства со спСцификой Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ прСдприятия, уяснит ΠΎΠ±Π»Π°ΡΡ‚ΡŒ примСнСния Π½Π°Π²Ρ‹ΠΊΠΎΠ² UX- ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Однако, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ слоТныС ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ, усилий ΠΈ Π·Π½Π°Π½ΠΈΠΉ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСдостаточно.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, осваивая Π½ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ, Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ сначала Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ – ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΠ΄Π°Π½ΠΈΠΈ ΠΈΠΌ приятного внСшнСго Π²ΠΈΠ΄Π°. Π‘ΡƒΠ΄ΡƒΡ‡ΠΈ спСциалистом Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· областСй Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»Π΅Π³Ρ‡Π΅ ΠΎΡΠ²Π°ΠΈΠ²Π°Ρ‚ΡŒ спСцифику Π΄Ρ€ΡƒΠ³ΠΎΠΉ, Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ взаимосвязь ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ, Ρ‡Ρ‚ΠΎ профСссия UX- ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° вострСбована Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ Ρ‚Ρ€ΡƒΠ΄Π°, ΠΊΠ°ΠΊ Π² ΡˆΡ‚Π°Ρ‚Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, Ρ‚Π°ΠΊ ΠΈ Π² сфСрС фриланса.

UX/UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ VS. UX/UI-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ: Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°? — DistantJob

Π—Π½Π°ΠΊΠΎΠΌΠΎ Π»ΠΈ Π²Π°ΠΌ чувство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ испытываСтС, ΠΊΠΎΠ³Π΄Π° постоянно просматриваСтС Π²Π΅Π±-страницу, Ρ‚Π°ΠΊ ΠΈ Π½Π΅ найдя Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ?

Когда ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠΌ бизнСсС, Ρƒ вас Π΅ΡΡ‚ΡŒ конкурСнция, ΠΈ ваша ΠΎΠ½Π»Π°ΠΉΠ½-страница ΠΏΠΎΠ΄ΠΎΠ±Π½Π° вашСй Π²ΠΈΠ·ΠΈΡ‚Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅. Если ΠΌΠ½Π΅ трСбуСтся Π±ΠΎΠ»Π΅Π΅ 5 ΠΌΠΈΠ½ΡƒΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΡƒΠΏΠΈΡ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€ ΠΈΠ»ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ подписку, я ΠΌΠΎΠ³Ρƒ просто ΠΏΠΎΠΈΡΠΊΠ°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅, Ρ‡Ρ‚ΠΎ для вас ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΡƒ Π²Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΊ вашим ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°ΠΌ.

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Π°ΠΆΠ½ΠΎ Π½Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° UI/UX ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° UI/UX для создания бСспрСпятствСнного ΠΎΠΏΡ‹Ρ‚Π° для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим различия ΠΌΠ΅ΠΆΠ΄Ρƒ UI/UX-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ UI/UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ . ΠœΡ‹ рассмотрим обязанности Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² UX ΠΈ UI, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ создания эффСктивного Π²Π΅Π±-сайта. ΠœΡ‹ рассмотрим ΠΊΠ°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅, Ρ‚Π°ΠΊ ΠΈ ΠΏΠ»ΠΎΡ…ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ UX, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ ΠΈ ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ€ΠΎΠ»ΠΈ. НаконСц, ΠΌΡ‹ обсудим, ΠΊΠ°ΠΊ эти Π΄Π²Π΅ Ρ€ΠΎΠ»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ вмСстС для создания эффСктивного Π²Π΅Π±-сайта.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс (UI)

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

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ 70-Ρ…? Π’ Ρ‚ΠΎ врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π·Π½Π°Ρ‚ΡŒ язык программирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΡΠ°ΠΌΡƒΡŽ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ графичСский интСрфСйс ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (GUI) появился Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² 80-Ρ… Π³ΠΎΠ΄Π°Ρ…. Π’ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, Π·Π½Π°Ρ‡ΠΊΠ°ΠΌΠΈ, мСню ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π›ΡŽΠ±ΠΎΠΉ ΠΌΠΎΠ³ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ кодирования Π½Π΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ.

Π’ 1884 Π³ΠΎΠ΄Ρƒ Apple Computer выпустила Macintosh, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Π΄ΠΎΠΌΠ°ΡˆΠ½ΠΈΡ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ просто Ρ‡Π΅Ρ€Π΅Π· интСрфСйс. Π”Π°Π»Π΅Π΅ слСдуСт история.

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ ΠΈ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ (UX)

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ являСтся слСдствиСм развития Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠΎ страницС ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π²Ρ‹ почувствуСтС это. Как ΠΌΡ‹ ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΠ»ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ относится ΠΊ этим взаимодСйствиям.

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

ЦСль состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ потрСбностям ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ ΠΈ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ UX

Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Π½Π°ΠΉΠΌΠ°, Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ провСсти Ρ‡Π΅Ρ‚ΠΊΡƒΡŽ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ этими позициями. Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², ΠΈΡ… Π½Π°Π±ΠΎΡ€ Π½Π°Π²Ρ‹ΠΊΠΎΠ² ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ. Π Π°Π·Π½ΠΈΡ†Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ†Π΅Π»ΠΈ, для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ свои Π½Π°Π²Ρ‹ΠΊΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ, Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ UX-Π΄ΠΈΠ·Π°ΠΉΠ½.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€ΠΎΠ»ΠΈ ΠΈ Ρ€Π°Π·Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ. Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ любой комикс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚ Π²Π°ΠΌ Π½Π° ΡƒΠΌ. ΠŸΠΈΡΠ°Ρ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ β€” ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Π²ΠΈΠ΄Ρ‹ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Оба ΠΎΠ½ΠΈ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π² Ρ€Π°Π²Π½ΠΎΠΉ стСпСни, Π½ΠΎ это ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΈΡ€Ρ‹.

Π’Π°Ρˆ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ β€” это ваш ΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒ, Ρ‚ΠΎΡ‚, ΠΊΡ‚ΠΎ структурируСт ΡΡŽΠΆΠ΅Ρ‚Π½ΡƒΡŽ линию ΠΈ создаСт Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Ρ‹ пСрсонаТСй. Подобно Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΎΡ€ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΈΡ€, оТивляя пСрсонаТСй ΠΈ мСста с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ†Π²Π΅Ρ‚Π° ΠΈ стиля.

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

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

Π—Π°Π΄Π°Ρ‡ΠΈ:
  • Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π΅ΠΊ ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ
  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΈ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ модСль
  • РСализация мСроприятий с ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌΒ 
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-сайта ΠΈ интСрфСйсов 
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ элСмСнтов интСрфСйса, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ мСню, ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ
  • ВСстированиС ΠΈ устранСниС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с взаимодСйствиСм с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌΒ 
  • Π˜ΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠ°Ρ ΠΈ маркСтинговая ΠΊΠΎΠΌΠ°Π½Π΄Π° для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ бизнСс-ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΠΈ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅
Навыки:
  • InVision, Adobe Photoshop, Adobe Illustrator, Sketch ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅
  • Π“Π»ΡƒΠ±ΠΎΠΊΠΈΠ΅ знания распространСнных языков кодирования, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ HTML, XML, JavaScript ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ…Β 
  • ΠžΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с каркасными Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ ΠΈ инструмСнтами
  • Знакомство с тСндСнциями ΠΈ инструмСнтами Π΄ΠΈΠ·Π°ΠΉΠ½Π°Β 

ΠšΡ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ UI/UX Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ?

Над сайтом Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Ρ‚Ρ€ΠΈ основных Ρ‚ΠΈΠΏΠ° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². БэкСнд-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ обСспСчиваСт Π±Π΅ΡΠΏΠ΅Ρ€Π΅Π±ΠΎΠΉΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта, обновляя ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ ΠΊΠΎΠ΄ Π½Π° сторонС сСрвСра. НаконСц, Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±ΠΎ всСм позаботится.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ β€” Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ. Π˜Ρ… Ρ€ΠΎΠ»ΡŒ состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт прилоТСния ΠΈΠ»ΠΈ Π²Π΅Π±-сайта, работая с Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ UX.

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

Π—Π°Π΄Π°Ρ‡ΠΈ:
  • ΠŸΡ€ΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ исслСдований ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²
  • НастройтС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ вашСго покупатСля
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ каркасов ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²
  • Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°ΠΉΡ‚Π΅ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½ΠΎΠ²Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…Β 
  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ€ΡƒΡ‡ΠΊΠΈ – возвращаСмся ΠΊ нашим Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ!
Навыки:
  • Π“Π»ΡƒΠ±ΠΎΠΊΠΈΠ΅ знания языков программирования, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ JavaScript, HTML, CSS ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ…Β 
  • Команда Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Ρ… языков ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ruby, PHP, Java, XHTML, Dot Net, Ajax ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅
  • Π—Π½Π°Π½ΠΈΠ΅ Flash, Photoshop, Adobe Illustrator ΠΈ Π΄Ρ€.
  • ПониманиС Restful API Π²Π΅Π±-сайтов ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй
  • ΠžΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с систСмами управлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ WordPress, Magento, Joomla, WooCommerce ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈΒ 
  • ПониманиС SEO

Π­Ρ‚ΠΎ Π±Ρ‹Π» ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ основных Π·Π°Π΄Π°Ρ‡ ΠΈ обязанностСй этих ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… Ρ€ΠΎΠ»Π΅ΠΉ. ПослСдний вопрос, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ: ΠΊΡ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ для вашСго бизнСса?

Π’Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ интСрфСйс вашСго прилоТСния самым красивым Π² ΠΌΠΈΡ€Π΅? Или UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ для вашСго ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°?

Π’Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚Π΅ ΠΈ ΠΈΡ‰Π΅Ρ‚Π΅ UI/UX Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΄ΠΎΡ…Π½Π΅Ρ‚ Тизнь Π² ваш сайт? Или просто для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π΅Π½Π½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта?

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΈΡΠΊΠ°Ρ‚ΡŒ подходящСго ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ спСциалиста, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° мобильного прилоТСния, Π²Π΅Π±-слуТбы ΠΈΠ»ΠΈ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ. И Ссли Π²Ρ‹ ΡΠΎΠΌΠ½Π΅Π²Π°Π΅Ρ‚Π΅ΡΡŒ, Π³Π΄Π΅ Π½Π°ΠΉΡ‚ΠΈ Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² для своСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, DistantJob здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ! ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°ΠΉΡ‚ΠΈ Π²Π°ΠΌ подходящСго Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΌΠ΅Π½Π΅Π΅ Ρ‡Π΅ΠΌ Π·Π° 2 Π½Π΅Π΄Π΅Π»ΠΈ!

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ΅ UI/UX ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π΅ UI/UX

ΠšΡ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ UI UX Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ?


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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ UI UX Designer?


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

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ΠΈ UX-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ?


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

Π˜Π½Π΄ΡƒΡΡ‚Ρ€ΠΈΡ UX/UI: руководство для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

Β 

Π’ сСгодняшнюю Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΡƒΡŽ эпоху Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс (UX) ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс (UI) Π΄Π΅Π»Π°ΡŽΡ‚ Π²Π΅Π±-сайт ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ, Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌΠΈ довСрия ΠΈ доступными. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ всС большС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ ΠΈΡ‰ΡƒΡ‚ Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚Ρ€Π°Π½ΡΡ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ΅ присутствиС своСго бизнСса с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… интСрфСйсов, ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½ΠΎΠ³ΠΎ удобства использования ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°.

ΠΠ΅ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса входят Π² число 100 Π»ΡƒΡ‡ΡˆΠΈΡ… вакансий Π² АмСрикС с ΠΏΡ€ΠΎΠ³Π½ΠΎΠ·ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌ Ρ‚Π΅ΠΌΠΏΠΎΠΌ роста 19% ΠΈ 27% соотвСтствСнно, согласно Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Ρƒ Π»ΡƒΡ‡ΡˆΠΈΡ… вакансий CNNMoney/PayScale Π² АмСрикС.

Β 

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ (UX)?

ВсС, ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ взаимодСйствуСтС с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠΌ ΠΈΠ»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠΌ, Π΄ΠΎ располоТСния ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΠΏΡƒΠ»ΡŒΡ‚Π΅ дистанционного управлСния вашСго Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°, β€” Π²ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², Π²Π»ΠΈΡΡŽΡ‰ΠΈΡ… Π½Π° взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π’Π°Ρˆ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ β€” это просто вашС взаимодСйствиС с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, услугой ΠΈΠ»ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ.

Ассоциация спСциалистов ΠΏΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ опрСдСляСт UX ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΏΡ€ΡΠΌΡƒΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ Π½Π° протяТСнии всСго Ρ†ΠΈΠΊΠ»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (извСстный ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°) с Ρ†Π΅Π»ΡŒΡŽ сниТСния Π·Π°Ρ‚Ρ€Π°Ρ‚ ΠΈ создания ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ потрСбностям ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ высокий ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ удобства использования (Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ простоту использования).

БСгодня ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ прСимущСств, добавляя UX Π² свои процСссы Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π­Ρ‚ΠΈ прСимущСства ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ:

β€’ ΠŸΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄Π°ΠΆ ΠΈ Π΄ΠΎΡ…ΠΎΠ΄ΠΎΠ²
β€’ Π‘Π½ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Ρ‚Ρ€Π°Ρ‚ Π½Π° ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ
β€’ Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Π·Π°Ρ‚Ρ€Π°Ρ‚ Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ
β€’ Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Π·Π°Ρ‚Ρ€Π°Ρ‚ Π½Π° тСхничСскоС обслуТиваниС
β€’ ΠŸΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ вовлСчСнности ΠΈ удовлСтворСнности ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс (UI)?

БСгодня, ΠΊΠΎΠ³Π΄Π° Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ насчитываСтся Π±ΠΎΠ»Π΅Π΅ 1,74 ΠΌΠΈΠ»Π»ΠΈΠ°Ρ€Π΄Π° Π²Π΅Π±-сайтов ΠΈ доступно для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π±ΠΎΠ»Π΅Π΅ 4 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс стал Π²Π°ΠΆΠ½Π΅Π΅, Ρ‡Π΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ ΠΏΡ€Π΅ΠΆΠ΄Π΅. ΠŸΡ€ΠΎΡ‰Π΅ говоря, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс β€” это Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ чувствуСтС. Π­Ρ‚ΠΎΡ‚ критичСский элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΏΡ€ΠΎΠ³Π½ΠΎΠ·ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ интСрСсов ΠΈ потрСбностСй ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ созданиС интСрфСйса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡ… ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΈ удовлСтворяСт.

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

Как ΠΈ Π² случаС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом, Ρƒ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ прСимущСств для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. Π­Ρ‚ΠΈ прСимущСства ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ:

β€’ Π‘ΠΎΠ»Π΅Π΅ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ
β€’ Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π·Π°Ρ‚Ρ€Π°Ρ‚ Π½Π° устранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ ΠΈ связанных с этим расходов
β€’ ΠŸΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ коэффициСнта конвСрсии ΠΈ сниТСниС ΠΎΡ‚ΠΊΠ°Π·ΠΎΠ²
β€’ Π£Π²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ числа ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½Π½Ρ‹Ρ… ΠΈ Π»ΠΎΡΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ²
β€’ Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ поисковой ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ (SEO)

ΠœΡ‹ создали Π³Ρ€Π°Ρ„ΠΈΠΊ Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.

Β 

Π’ Ρ‡Π΅ΠΌ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ UX/UI

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

ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ послСднСм Π²Π΅Π±-сайтС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ посСщали. Быстро загрузился? Удалось Π»ΠΈ Π²Π°ΠΌ Π½Π°ΠΉΡ‚ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, Π·Π° нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ мСньшС? Π‘ΠΊΠΎΡ€Π΅Π΅ всСго, Ссли Π²Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠ»ΠΈ Β«Π½Π΅Ρ‚Β» Π½Π° любой ΠΈΠ· этих вопросов, Π²Ρ‹ ΠΏΠΎΠΊΠΈΠ½ΡƒΠ»ΠΈ сайт. На самом Π΄Π΅Π»Π΅ 79% людСй, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠ»ΠΎΡ…ΠΎΠΉ UX Π½Π° сайтС, уходят ΠΈ ΠΈΡ‰ΡƒΡ‚ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. БпСциалисты ΠΏΠΎ UX/UI ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π΄Π²ΠΈΠΆΠ΅Ρ‚ чСловСчСским ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ, ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ это Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты Π²Π΅Π±-сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΎΡ‚ΠΊΠ°Π· ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Π²ΠΎΠ²Π»Π΅Ρ‡Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Благодаря Ρ‚Π°ΠΊΠΈΠΌ инструмСнтам, ΠΊΠ°ΠΊ Google Analytics, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ UX/UI ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с ΠΈΡ… сайтом, Π³Π΄Π΅ ΠΎΠ½ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΈ Π³Π΄Π΅ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΡΡ‚Π°Π²Π°Ρ‚ΡŒ. Π­Ρ‚ΠΈ свСдСния ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для опрСдСлСния областСй, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ интСрфСйс ΠΈ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли сайта Π±Ρ‹Π»ΠΈ Π±ΠΎΠ»Π΅Π΅ Π²ΠΎΠ²Π»Π΅Ρ‡Π΅Π½Ρ‹ ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, с большСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡΡ‚Π°Π²Π°Π»ΠΈΡΡŒ Π½Π° страницС, ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Π»ΠΈ ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ ΠΈΠ»ΠΈ выполняли Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Π·Π°ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ дСйствиС.

Β 

ΠŸΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ UX/UI

Π‘Π΅Π· Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ слоТно ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈΠ»ΠΈ услуги. Π’Π΅ΡΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Π²Π΅Π±-сайта Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ приятным, простым ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным, ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‰ΠΈΠΌ Π² сСбС эстСтику ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΎΠ², ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ UX/UI, согласно Usability.gov:

β€’ Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π΅Π΄ΠΈΠ½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠ΅ элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
β€’ Π˜Π·Π±Π΅Π³Π°Π΅Ρ‚ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Ρ… элСмСнтов ΠΈ понятСн Π½Π° языкС
β€’ БтратСгичСски ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚, свСт, тСкстуру ΠΈ контраст
β€’ Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ для создания ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ ΠΈ ясности

Β 

Насколько Π²Π°ΠΆΠ΅Π½ UX/UI Π² Ρ€Π°Π·Π½Ρ‹Ρ… отраслях

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

Π”ΠΎΠ½Π° Нормана, психолога ΠΈ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ-ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Π½Ρ‚Π°, Ρ€Π°Π±ΠΎΡ‚Π°Π²ΡˆΠ΅Π³ΠΎ с Ρ‚Π°ΠΊΠΈΠΌΠΈ компаниями, ΠΊΠ°ΠΊ Apple ΠΈ Hewlett-Packard, часто Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΡ‚Ρ†ΠΎΠΌ UX/UI. Π’ Π΅Π³ΠΎ ΠΊΠ½ΠΈΠ³Π΅ Β«Π”ΠΈΠ·Π°ΠΉΠ½ повсСднСвных Π²Π΅Ρ‰Π΅ΠΉΒ» исслСдуСтся Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ проСктирования всСх Ρ‚ΠΈΠΏΠΎΠ² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ услуг β€” ΠΎΡ‚ Π΄Π²Π΅Ρ€Π½ΠΎΠΉ Ρ€ΡƒΡ‡ΠΊΠΈ Π΄ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния β€” с искрСнним сочувствиСм ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ.

Однако UX/UI касаСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Богласно ΡΡ‚Π°Ρ‚ΡŒΠ΅ Adobe ΠΎ UX ΠΈ графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, достиТСниС бизнСс-Ρ†Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ согласованиС ΠΈΡ… с цСлями ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹. Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ счСтС, Ρ†Π΅Π»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° UX ΠΈΠ»ΠΈ UI β€” привСсти бизнСс-Ρ†Π΅Π»ΠΈ Π² соотвСтствиС с потрСбностями ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ посрСдством процСсса исслСдования, тСстирования ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ UX/UI ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ практичСски ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ бизнСсу Π² любой сфСрС Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π’ Π½Π°Ρ‡Π°Π»Π΅ эры Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π΅ Π±Ρ‹Π»ΠΎ Ρ‚Π°ΠΊΠΎΠΉ профСссии, ΠΊΠ°ΠΊ UI ΠΈΠ»ΠΈ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. Если компания искала Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Π΅Π±-сайт для продвиТСния своих услуг, Ρƒ Π½Π΅Π΅ Π±Ρ‹Π»ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°: графичСский Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ»ΠΈ Π²Π΅Π±-мастСр. БСгодня спСциалисты ΠΏΠΎ UX/UI ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ компаниям ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ, ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ своСго Π±Ρ€Π΅Π½Π΄Π°. По ΠΎΡ†Π΅Π½ΠΊΠ°ΠΌ исслСдований, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π΄ΠΎΠ»Π»Π°Ρ€, Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π² UX, приносит 100 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π²Π·Π°ΠΌΠ΅Π½. Π­Ρ‚ΠΎ ROI ΠΏΠΎΡ‡Ρ‚ΠΈ 10 000%, ΠΈ эта Ρ†ΠΈΡ„Ρ€Π° ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ расти.

ДоступныС вакансии Π² UX/UI

UX/UI ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π½ΠΎ ΠΈ сотрудников, открывая Π½ΠΎΠ²Ρ‹Π΅ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹Π΅ возмоТности. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс становятся всС Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΌΠΈ для удСрТания ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², спСциалисты ΠΏΠΎ UX / UI нСвСроятно Ρ†Π΅Π½Π½Ρ‹ для ΠΌΠ½ΠΎΠ³ΠΈΡ… соврСмСнных прСдприятий.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· вострСбованных Π½Π° сСгодняшний дСнь вакансий ΠΈ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½Ρ‹Ρ… ΠΏΡƒΡ‚Π΅ΠΉ Π² этой области:

1. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚
β€’ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°
β€’ ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρƒ

2. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°
β€’ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
β€’ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса
β€’ Π˜ΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

3. Web
β€’ Web Designer
β€’ Interaction Designer

Β 

ВострСбованныС Π½Π°Π²Ρ‹ΠΊΠΈ Π² индустрии UX/UI

БСгодня ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ спроСктированного ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ ΠΎΠΏΡ‹Ρ‚Π°. ΠŸΡ€ΠΈ этом ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ всС большС ΠΈ большС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ Π½ΡƒΠΆΠ΄Π°ΡŽΡ‚ΡΡ Π² Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹Ρ… ΠΈ ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… спСциалистах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ своих ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΉ. Богласно Π΄Π°Π½Π½Ρ‹ΠΌ Burning Glass Technologies, спрос Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² UX/UI вырастСт Π² 14,9 Ρ€Π°Π·Π°.% Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… 10 Π»Π΅Ρ‚. Но ΠΊΠ°ΠΊΠΈΠ΅ Π½Π°Π²Ρ‹ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚ΠΎΠ΄Π°Ρ‚Π΅Π»ΠΈ? Π’ области UX/UI сущСствуСт ряд Π½Π°Π²Ρ‹ΠΊΠΎΠ² ΠΈ качСств, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ спСциалистам Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ срСди ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ².

НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Ρ‚Ρ€ΠΈ ΠΈΠ· мноТСства тСхничСских Π½Π°Π²Ρ‹ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΡ‚Π°Ρ‚ΡŒ вострСбованным ΠΈ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌ спСциалистом ΠΏΠΎ UX/UI:

ВСория Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ интСрфСйс являСтся явной Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ, интСрфСйс, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΉ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ΅Π½. ΠšΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ прСдставлСниС ΠΎ Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π°, ΠΈΠΊΠΎΠ½ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтах Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ соврСмСнным Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ UX/UI для обСспСчСния Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°.

Π”ΠΈΠ·Π°ΠΉΠ½, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ:

ΠžΠ±Ρ‰Π΅ΠΉ Ρ‚Π΅ΠΌΠΎΠΉ этого поста являСтся Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ проСктирования с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ потрСбностСй ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠŸΡ€ΠΈ этом, ΠΊΠ°ΠΊ ΠΌΡ‹ ΡƒΠ·Π½Π°Π΅ΠΌ, ΠΊΡ‚ΠΎ наш ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ? Как ΠΎΠ½ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚? На эти вопросы ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ, ΡƒΠ³Π»ΡƒΠ±ΠΈΠ²ΡˆΠΈΡΡŒ Π² ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, синтСз ΠΈΠ΄Π΅ΠΉ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° интСрфСйса:

Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° дСлятся Π½Π° Π΄Π²Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ: интСрфСйс ΠΈ сСрвСрная Ρ‡Π°ΡΡ‚ΡŒ. Код внСшнСго интСрфСйса ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ Π²Π΅Π±-сайт ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ отобраТаСтся Π½Π° экранС, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ ΠΊΠΎΠ΄ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ всСх запросов, сдСланных Ρ‡Π΅Ρ€Π΅Π· внСшний интСрфСйс. Π§Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ Π² солидном интСрфСйсС, Ссли Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ? Π­Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ.

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

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