19 фСвраля 2022

πŸŽ¨πŸ“Š Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UI ΠΈ UX. Π”Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ сравнСниС

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

πŸŽ¨πŸ“Š Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UI ΠΈ UX. Π”Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ сравнСниС

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

Новичку ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ±Ρ‰Π΅Π΅ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ рассматриваСмыС Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹. Но нСсмотря Π½Π° ΠΎΠ±ΠΈΠ»ΠΈΠ΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² сСти, Π½Π°ΠΉΡ‚ΠΈ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ‡Π΅Ρ‚ΠΊΠΈΠΉ ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° этот вопрос нСпросто, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Π΅Π³ΠΎ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ.

UX (User Experience) – это Π°Π½Π°Π»ΠΈΠ· ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ рСсурса ΠΈ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π΅Π³ΠΎ Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. UI (User Interface) Π΄Π΅Π»Π°Π΅Ρ‚ этот ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ эстСтичСски приятным. Для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ понимания возьмСм простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π΄ΠΎΠΌ. UX Π±ΡƒΠ΄Π΅Ρ‚ Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ стСнами, Π° UI – ΠΎΡ‚Π΄Π΅Π»ΠΎΡ‡Π½Ρ‹ΠΌΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ ΠΈ мСбСлью. Основа (UX) всСгда стоит Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС, вСдь Π½Π°Π΄ΠΎ ΠΆΠ΅ Π½Π°ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠΌΠ½Π°Ρ‚, мСсто для Π΄Π²Π΅Ρ€Π΅ΠΉ ΠΈ Π½Π° ΠΊΠ°ΠΊΡƒΡŽ сторону Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠΊΠ½Π°. А ΡƒΠΆΠ΅ послС изготовлСния каркаса ΠΌΠΎΠΆΠ½ΠΎ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ, Π³Π΄Π΅ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΈΠ²Π°Π½ ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΠΎΠΈ. ΠŸΡ€ΠΎΡ‰Π΅ говоря, сначала создаСтся логичСский ΠΏΠΎΡ‚ΠΎΠΊ дСйствий ΠΈ основная Ρ‡Π°ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ. Π­Ρ‚ΠΎ грубая аналогия даст Π²Π°ΠΌ прСдставлСниС ΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ UI ΠΈ UX Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ Ρ‡Π΅ΠΌ занимаСтся UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€?

Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈΠ»ΠΈ UI – это использованиС Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, для прСвращСния Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π²ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΠ΅ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅. Он ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ восприятиС ΡƒΠ²ΠΈΠ΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈ создаСт ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ связь ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

Π Π°Π±ΠΎΡ‚Π° UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° начинаСтся Ρ‚Π°ΠΌ, Π³Π΄Π΅ заканчиваСтся Ρ€Π°Π±ΠΎΡ‚Π° UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° – Π½Π° этапС прототипирования. Он Π±Π΅Ρ€Π΅Ρ‚ каркас ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ эстСтичСски ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана.

Рассмотрим Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°:

  1. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ всСх Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ†Π²Π΅Ρ‚Π°, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.
  2. Π‘Ρ€Π΅Π½Π΄ΠΈΠ½Π³ ΠΈ графичСская Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°: UI тСсно связан с ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±Ρ€Π΅Π½Π΄Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π² Ρ†Π΅Π»ΠΎΠΌ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ удобством использования ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ дСмонстрациСй идСнтичности Π±Ρ€Π΅Π½Π΄Π°, установлСнной ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²ΠΎΠΉ слуТбой.
  3. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ Π±Ρ€Π΅Π½Π΄Π°, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ руководства ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ. Π­Ρ‚ΠΎ своСго Ρ€ΠΎΠ΄Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ шаблонов ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описываСтся, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт (Ρ†Π²Π΅Ρ‚, ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈ Ρ‚. Π΄.).
  4. Адаптация ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΊΠΎ всСм устройствам, ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ экрана ΠΊΠ°ΠΊ ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ΅, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎ функциям.
  5. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов

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

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

UX начинаСтся с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ заканчиваСтся каркасом ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ ΠΈ Ρ€ΠΎΠ»ΡŒ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ Ρ†Π΅Π»Π΅Π²ΡƒΡŽ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ, ΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΏΠΎΡ‚ΠΎΠΊ ΠΈ провСсти тСстированиС.

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°:

  1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ стратСгичСского ΠΏΠ»Π°Π½Π° ΠΈ согласованиС Π΅Π³ΠΎ со всСми заинтСрСсованными сторонами.
  2. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Π°Ρ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ всС Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ людям Π½Π°ΠΉΡ‚ΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ своих Ρ†Π΅Π»Π΅ΠΉ.
  3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΏΠΎΡ‚ΠΎΠΊΠ°: ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ с Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠ΅ΠΉ ΠΈ выяснСниС ΠΈΡ… потрСбностСй.
  4. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° каркаса Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ интСрфСйса. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅.
  5. ВСстированиС. Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ для UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π»ΠΈ ΠΎΠ½ выполняСт свою Ρ€Π°Π±ΠΎΡ‚Ρƒ?

ВСсноС взаимодСйствиС. Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: maze.co
Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: maze.co

Π“Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎΠ΅ сочСтаниС UX ΠΈ UI Π΄Π°Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ ваш ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ конкурСнтоспособным, выводя Π΅Π³ΠΎ Π½Π° Π½ΠΎΠ²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ. Π’Π΅Π΄ΡŒ ΡƒΠΆΠ΅ Π΄ΠΎΠΊΠ°Π·Π°Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½, растут Π² Π΄Π²Π° Ρ€Π°Π·Π° быстрСС, Ρ‡Π΅ΠΌ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ отраслСвыС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ.

Π•Ρ‰Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ΄Π½ΠΎ Π±Π΅Π· Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ красивого сайта, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ с Ρ‚Ρ€ΡƒΠ΄ΠΎΠΌ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ – ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, грамотная, Ρ‡Π΅Ρ‚ΠΊΠΎ продуманная структура ΠΈ уТасный, Ρ€Π΅ΠΆΡƒΡ‰ΠΈΠΉ Π³Π»Π°Π· Π΄ΠΈΠ·Π°ΠΉΠ½, – Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, Π½Π΅ сильно ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΎΡ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ.

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

ΠŸΠΎΡΡ‚ΠΎΡΠ½Π½Ρ‹ΠΉ Π°Π½Π°Π»ΠΈΠ· потрСбностСй

ИсслСдованиС интСрСсов потрСбитСля – нСобходимая ΠΌΠ΅Ρ€Π° Π² процСссС проСктирования интСрфСйсов. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π±Ρ‹Π» ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΌ, Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ большС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ТСланиях ΠΈ прСдпочтСниях вашСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

Для этого ΠΌΠΎΠΆΠ½ΠΎ:

  • ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ;
  • ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠΎΠ΄Π΅Ρ€ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ дискуссии с Π³Ρ€ΡƒΠΏΠΏΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ для сбора ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΡΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ слабых сторонах ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°;
  • ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ опросы Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… Π³Ρ€ΡƒΠΏΠΏ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π°Π±ΠΎΡ€Π° Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… вопросов ΠΏΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΠΌ вас Ρ‚Π΅ΠΌΠ°ΠΌ;
  • Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‹ посСтитСлСй рСсурса;
  • ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Π½Π°Π»ΠΈΠ· ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ², Π»ΠΈΠ΄Π΅Ρ€ΠΎΠ² индустрии.

Π“Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ UX ΠΈ UI?

Если Π²Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ ΠΈΡ‰Π΅Ρ‚Π΅ вдохновСния для Π²Ρ…ΠΎΠ΄Π° Π² ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΡŽ, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ с ΠΊΡƒΠ»ΡŒΡ‚ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ Π”ΠΎΠ½Π° Нормана Β«Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉΒ». Бсылка Π½Π° Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΊΠ½ΠΈΠ³ΠΈ (.fb2).


πŸŽ¨πŸ“Š Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ UI ΠΈ UX. Π”Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ сравнСниС

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

Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π½Π° нашСм Ρ‚Π΅Π»Π΅Π³Ρ€Π°ΠΌ-ΠΊΠ°Π½Π°Π»Π΅ «Книги для программистов»

Π”ΠΎΠ»ΠΆΠ½Ρ‹ Π»ΠΈ Π²Ρ‹ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎ Ρ€Π°Π·Π½ΠΈΡ†Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ UX ΠΈ UI?

Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ UI ΠΈ UX – Ρ€Π°Π·ΠΌΡ‹Ρ‚Ρ‹ ΠΈ ΠΈΡ… Ρ€ΠΎΠ»ΠΈ постоянно ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ. Π­Ρ‚ΠΎ нСточная Π½Π°ΡƒΠΊΠ°. Π’Π΅Π΄ΡŒ Π΅Ρ‰Π΅ нСсколько дСсятков Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄ всСх спСциалистов, ΡΠΎΠ·Π΄Π°Π²Π°Π²ΡˆΠΈΡ… внСшнСС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΡŽ ΠΈ структуру сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½Π°Π·Ρ‹Π²Π°Π»ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ. БСйчас индустрия повзрослСла ΠΈ Π² сообщСствС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² стали ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ различия ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. Π‘Ρ‚Π°Π»ΠΈ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π½ΠΎΠ²Ρ‹Π΅, Π±ΠΎΠ»Π΅Π΅ спСциализированныС профСссии: UX Writer, Content Designer ΠΈ Interaction Designer. ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡ Π½Π΅ стоит Π½Π° мСстС ΠΈ ΡƒΠ³Π½Π°Ρ‚ΡŒΡΡ Π·Π° послСдними тСндСнциями ΠΏΠΎΡ€ΠΎΠΉ слоТно. Одно ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ навСрняка, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ спСциалист Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈ ΠΊΠ°ΠΊ это Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

***

Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ часто Π² написании Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€ UI ставят Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠ΅ мСсто, ΠΎΠ΄Π½Π°ΠΊΠΎ это Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ Π²Π°ΠΆΠ½ΠΎ – ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΊΠ°ΠΊ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅. Π“Π»Π°Π²Π½ΠΎΠ΅ – Π·Π½Π°Ρ‚ΡŒ порядок дСйствий Π²ΠΎ врСмя самого Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса. Π― ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ, Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, спСрва ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°ΡŽΡ‚ Ρ†Π²Π΅Ρ‚ ΠΈ Ρ„ΠΎΡ€ΠΌΡƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π΅ думая ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΊΡƒΠ΄Π° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ послС Π΅Π΅ наТатия. Π”Π΅Π»Π°ΠΉΡ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈ успСх ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊ Π²Π°ΠΌ ΠΏΡ€ΠΈΠ΄Π΅Ρ‚!

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅

ΠœΠ•Π ΠžΠŸΠ Π˜Π―Π’Π˜Π―

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

Π’ΠΠšΠΠΠ‘Π˜Π˜

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ вакансию

Π›Π£Π§Π¨Π˜Π• БВАВЬИ ПО Π’Π•ΠœΠ•