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

Π‘ Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассказываСтся, ΠΊΠ°ΠΊΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ интСрфСйсов ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π² условиях соврСмСнного Ρ€Ρ‹Π½ΠΊΠ°. А Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс ΠΎΡ‚ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ (UI = user interface, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, интСрфСйс ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ). Π’Π°ΠΊΠΆΠ΅ ΠΌΡ‹ взглянСм Π½Π° ΠΏΠ°Ρ€ΠΎΡ‡ΠΊΡƒ Π½ΠΎΠ²Ρ‹Ρ… ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Google Fuchsia ΠΈ Fluent Design ΠΎΡ‚ Microsoft.

  • Роль UI Π΄ΠΈΠ·Π°ΠΉΠ½Π° сСгодня?
    • Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ особСнности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов нашСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
    • Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ: Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ, ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΈ уТасный
    • Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс
    • ΠŸΠ»ΠΎΡ…ΠΎΠΉ интСрфСйс
    • УТасный интСрфСйс
    • Π§Ρ‚ΠΎ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ?

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

ВворчСство Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ устройством ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмой. Π˜Ρ… Ρ€Π°Π±ΠΎΡ‚Π° часто Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ рСкомСндациям производитСля ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы (Google для Android, Apple для iOS). Apple ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ, Π° Ρ‡Π΅Π³ΠΎ нСльзя для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ список Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ для UI. Π£ Google Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ собствСнныС стандарты ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

МногиС элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΌΡ‹ воспринимаСм ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΡ ΠΊ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ с ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ устройством:

ПолС для Π²Π²ΠΎΠ΄Π° тСкста ΠΈ курсор ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ввСсти тСкст, Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒΒ» β€” ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ:

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ, прСдставлСнный здСсь Π² Π²ΠΈΠ΄Π΅ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ:

Иконка ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ:

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅-гамбургСру…

…появляСтся мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

ΠŸΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ/ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡΡ€ΠΊΠΎΡΡ‚ΡŒ экрана:

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΠ· списка.

Π­Ρ‚ΠΎ лишь Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Но всС ΠΎΠ½ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ ΠΈΠ΄Π΅Π΅ΠΉ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ лишь Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ прСлСстно Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ. Π”ΠΈΠ·Π°ΠΉΠ½ UI ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ успСх, ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‡ΠΈ ΠΎΡ‡Π΅Π½ΡŒ красивым.

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

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ³ΠΎ понимания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΅Π³ΠΎ потрСбностСй ΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ сайту. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ ΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ UI являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· аспСктов UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° (UX = User eXperience, ΠΎΠΏΡ‹Ρ‚ взаимодСйствия).

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс β€” максимально простой, ΠΈ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя Ρ‚Π°ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ Π΅ΡΡ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅. Навигация нСдолгая ΠΈ нСглубокая (Π±Π΅Π· ΠΏΠΎΠ΄-ΠΏΠΎΠ΄-ΠΏΠΎΠ΄-Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² ΠΈ мСню), Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ минимального количСства шагов для выполнСния Π·Π°Π΄Π°Ρ‡ΠΈ, Π° ΠΎΠΏΡ†ΠΈΠΈ, доступныС для Π²Ρ‹Π±ΠΎΡ€Π° Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΎΠΊΠ½Π΅, понятны:

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

Π£ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйса сайта Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС Π½Π΅ потрСбности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π° Π·Π½Π°Ρ‡ΠΈΠΌΠΎΡΡ‚ΡŒ прилоТСния ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. ΠŸΡ€ΠΈΠ·Π½Π°ΠΊΠΈ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ UI Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя Π·Π½Π°Ρ‡ΠΊΠΈ, слишком малСнькиС для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² Π½ΠΈΡ… ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ.

Π’ Ρ‚Π°ΠΊΠΎΠΌ интСрфСйсС ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π»ΠΊΠΎΠ³ΠΎ тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ. ΠšΡ€ΠΎΠΌΠ΅ этого, ΠΏΠ»ΠΎΡ…ΠΎΠΌΡƒ интСрфСйсу присущС использованиС ΠΆΠ°Ρ€Π³ΠΎΠ½Π° (Π² Ρ‚ΠΎΠΌ числС ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ) вмСсто понятного языка. НапримСр, написано: Β«ΠŸΠ»ΠΎΡ…ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅Β». А Π½ΡƒΠΆΠ½ΠΎ β€” «НСвСрныС Π»ΠΎΠ³ΠΈΠ½ ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒΒ». К ΠΏΠ»ΠΎΡ…ΠΎΠΌΡƒ интСрфСйсу Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ отнСсти ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π½Π°Π·ΠΎΠΉΠ»ΠΈΠ²Ρ‹Ρ… Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²Ρ‹Ρ… ΠΎΠΊΠΎΠ½ вмСсто ΠΏΠ°Π½Π΅Π»ΠΈ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ:

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ прилоТСния ΠΏΡ€Π΅Ρ€Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прилоТСния ΠΈ Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚Π°, Π½Π΅ давая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ. Если Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π² это врСмя Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ тСкст ΠΈ Π½Π΅ смотрит Π½Π° экран, Ρ‚ΠΎ запросто ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ нСсохранСнныС Π΄Π°Π½Π½Ρ‹Π΅. Π’ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ малСнькиС, ΠΈ Π² Π½ΠΈΡ… Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ. А сообщСниС «НСизвСстная ошибка» Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π΅ Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ Π΅Π΅ возникновСния.

НСкоторыС ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ интСрфСйсов, Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд, Ρ€Π°Π·Ρ€ΡƒΡˆΠ°ΡŽΡ‚ прСдставлСния Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ простота Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС. Рассмотрим Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° сайт Amazon, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ, слСгка напряТСнный Π²ΠΈΠ΄:

Но успСх ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Amazon, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π΄ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈΡ… UI. ΠŸΠΎΡ‡Π΅ΠΌΡƒ? Один ΠΈΠ· сСкрСтов кроСтся Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ внСшний Π²ΠΈΠ΄ страницы ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π»ΡΡ постСпСнно, ΠΈ поэтому Π½Π΅ заставлял ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΈΡΠΏΠΎΡΠ°Π±Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΊ Ρ€Π΅Π·ΠΊΠΈΠΌ измСнСниям интСрфСйса. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡΠΌ сайта это ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Π―, ΠΊΠ°ΠΊ Π΄Π°Π²Π½ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Amazon, особо ΠΈ Π½Π΅ Π·Π°ΠΌΠ΅Ρ‡Π°Π» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π²ΠΎ внСшнСм Π²ΠΈΠ΄Π΅ ΠΈΠ»ΠΈ способС взаимодСйствия. Но Π²ΠΎΡ‚ ΠΊΠ°ΠΊ выглядСл Amazon 10 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄:

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

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

Π’ послСдниС мСсяцы всС Ρ‡Π°Ρ‰Π΅ ΡΠ»Ρ‹ΡˆΠ½ΠΎ ΠΎ Β«Fluent DesignΒ» ΠΎΡ‚ Microsoft. Говорят, ΠΎΠ½ Π½Π°Ρ†Π΅Π»Π΅Π½ Π½Π° ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ большСй Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ ΠΈ двиТСния. Π’ΠΎ ΠΆΠ΅ самоС касаСтся ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы ΠΎΡ‚ Google с ΠΊΠΎΠ΄ΠΎΠ²Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«FuchsiaΒ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π±Π΅Π· Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… столов ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Каково, ΠΏΠΎ-Π²Π°ΡˆΠ΅ΠΌΡƒ, Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°? ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими сообраТСниями!

Π‘ΠœΠ‘Π΅Ρ€Π³Π΅ΠΉ ΠœΠ°Ρ€ΠΎΡ‡ΠΊΠ°Π½ΠΈΡ‡Π°Π²Ρ‚ΠΎΡ€ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«How To Get Started In User Interface (UI) DesignΒ»

Π‘ Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассказываСтся, ΠΊΠ°ΠΊΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ интСрфСйсов ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π² условиях соврСмСнного Ρ€Ρ‹Π½ΠΊΠ°. А Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс ΠΎΡ‚ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ (UI = user interface, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, интСрфСйс ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ). Π’Π°ΠΊΠΆΠ΅ ΠΌΡ‹ взглянСм Π½Π° ΠΏΠ°Ρ€ΠΎΡ‡ΠΊΡƒ Π½ΠΎΠ²Ρ‹Ρ… ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Google Fuchsia ΠΈ Fluent Design ΠΎΡ‚ Microsoft.

  • Роль UI Π΄ΠΈΠ·Π°ΠΉΠ½Π° сСгодня?
    • Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ особСнности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов нашСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
    • Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ: Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ, ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΈ уТасный
    • Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс
    • ΠŸΠ»ΠΎΡ…ΠΎΠΉ интСрфСйс
    • УТасный интСрфСйс
    • Π§Ρ‚ΠΎ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ?

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

ВворчСство Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… интСрфСйсов ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ устройством ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмой. Π˜Ρ… Ρ€Π°Π±ΠΎΡ‚Π° часто Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ рСкомСндациям производитСля ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы (Google для Android, Apple для iOS). Apple ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ, Π° Ρ‡Π΅Π³ΠΎ нСльзя для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΉ список Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΉ для UI. Π£ Google Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ собствСнныС стандарты ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

МногиС элСмСнты ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΌΡ‹ воспринимаСм ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½ΠΈΡ ΠΊ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ с ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ устройством:

ПолС для Π²Π²ΠΎΠ΄Π° тСкста ΠΈ курсор ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ввСсти тСкст, Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒΒ» β€” ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ Π΅Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ:

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ, прСдставлСнный здСсь Π² Π²ΠΈΠ΄Π΅ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ:

Иконка ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ:

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅-гамбургСру…

…появляСтся мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:

ΠŸΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ/ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡΡ€ΠΊΠΎΡΡ‚ΡŒ экрана:

Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΠ· списка.

Π­Ρ‚ΠΎ лишь Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Но всС ΠΎΠ½ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ ΠΈΠ΄Π΅Π΅ΠΉ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π½Π΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ лишь Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ прСлСстно Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ. Π”ΠΈΠ·Π°ΠΉΠ½ UI ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ успСх, ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‡ΠΈ ΠΎΡ‡Π΅Π½ΡŒ красивым.

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

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ³ΠΎ понимания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΅Π³ΠΎ потрСбностСй ΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ сайту. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ ΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ UI являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· аспСктов UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π° (UX = User eXperience, ΠΎΠΏΡ‹Ρ‚ взаимодСйствия).

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ интСрфСйс β€” максимально простой, ΠΈ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя Ρ‚Π°ΠΊΠΎΠΉ, Ρ‡Ρ‚ΠΎ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠΎΠ΄ Ρ€ΡƒΠΊΠΎΠΉ Π΅ΡΡ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅. Навигация нСдолгая ΠΈ нСглубокая (Π±Π΅Π· ΠΏΠΎΠ΄-ΠΏΠΎΠ΄-ΠΏΠΎΠ΄-Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² ΠΈ мСню), Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ минимального количСства шагов для выполнСния Π·Π°Π΄Π°Ρ‡ΠΈ, Π° ΠΎΠΏΡ†ΠΈΠΈ, доступныС для Π²Ρ‹Π±ΠΎΡ€Π° Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΎΠΊΠ½Π΅, понятны:

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

Π£ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйса сайта Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС Π½Π΅ потрСбности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π° Π·Π½Π°Ρ‡ΠΈΠΌΠΎΡΡ‚ΡŒ прилоТСния ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. ΠŸΡ€ΠΈΠ·Π½Π°ΠΊΠΈ ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ UI Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя Π·Π½Π°Ρ‡ΠΊΠΈ, слишком малСнькиС для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² Π½ΠΈΡ… ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ.

Π’ Ρ‚Π°ΠΊΠΎΠΌ интСрфСйсС ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π»ΠΊΠΎΠ³ΠΎ тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ. ΠšΡ€ΠΎΠΌΠ΅ этого, ΠΏΠ»ΠΎΡ…ΠΎΠΌΡƒ интСрфСйсу присущС использованиС ΠΆΠ°Ρ€Π³ΠΎΠ½Π° (Π² Ρ‚ΠΎΠΌ числС ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ) вмСсто понятного языка. НапримСр, написано: Β«ΠŸΠ»ΠΎΡ…ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅Β». А Π½ΡƒΠΆΠ½ΠΎ β€” «НСвСрныС Π»ΠΎΠ³ΠΈΠ½ ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒΒ». К ΠΏΠ»ΠΎΡ…ΠΎΠΌΡƒ интСрфСйсу Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ отнСсти ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π½Π°Π·ΠΎΠΉΠ»ΠΈΠ²Ρ‹Ρ… Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²Ρ‹Ρ… ΠΎΠΊΠΎΠ½ вмСсто ΠΏΠ°Π½Π΅Π»ΠΈ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ:

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ прилоТСния ΠΏΡ€Π΅Ρ€Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прилоТСния ΠΈ Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚Π°, Π½Π΅ давая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ. Если Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π² это врСмя Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ тСкст ΠΈ Π½Π΅ смотрит Π½Π° экран, Ρ‚ΠΎ запросто ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ нСсохранСнныС Π΄Π°Π½Π½Ρ‹Π΅. Π’ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ малСнькиС, ΠΈ Π² Π½ΠΈΡ… Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ. А сообщСниС «НСизвСстная ошибка» Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π΅ Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ Π΅Π΅ возникновСния.

НСкоторыС ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ интСрфСйсов, Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд, Ρ€Π°Π·Ρ€ΡƒΡˆΠ°ΡŽΡ‚ прСдставлСния Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ простота Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠΌ мСстС. Рассмотрим Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° сайт Amazon, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ, слСгка напряТСнный Π²ΠΈΠ΄:

Но успСх ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Amazon, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π΄ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈΡ… UI. ΠŸΠΎΡ‡Π΅ΠΌΡƒ? Один ΠΈΠ· сСкрСтов кроСтся Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ внСшний Π²ΠΈΠ΄ страницы ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π»ΡΡ постСпСнно, ΠΈ поэтому Π½Π΅ заставлял ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΈΡΠΏΠΎΡΠ°Π±Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΊ Ρ€Π΅Π·ΠΊΠΈΠΌ измСнСниям интСрфСйса. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡΠΌ сайта это ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Π―, ΠΊΠ°ΠΊ Π΄Π°Π²Π½ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Amazon, особо ΠΈ Π½Π΅ Π·Π°ΠΌΠ΅Ρ‡Π°Π» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π²ΠΎ внСшнСм Π²ΠΈΠ΄Π΅ ΠΈΠ»ΠΈ способС взаимодСйствия. Но Π²ΠΎΡ‚ ΠΊΠ°ΠΊ выглядСл Amazon 10 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄:

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

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

Π’ послСдниС мСсяцы всС Ρ‡Π°Ρ‰Π΅ ΡΠ»Ρ‹ΡˆΠ½ΠΎ ΠΎ Β«Fluent DesignΒ» ΠΎΡ‚ Microsoft. Говорят, ΠΎΠ½ Π½Π°Ρ†Π΅Π»Π΅Π½ Π½Π° ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ большСй Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ ΠΈ двиТСния. Π’ΠΎ ΠΆΠ΅ самоС касаСтся ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы ΠΎΡ‚ Google с ΠΊΠΎΠ΄ΠΎΠ²Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«FuchsiaΒ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π±Π΅Π· Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… столов ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Каково, ΠΏΠΎ-Π²Π°ΡˆΠ΅ΠΌΡƒ, Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°? ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими сообраТСниями!

Π‘ΠœΠ‘Π΅Ρ€Π³Π΅ΠΉ ΠœΠ°Ρ€ΠΎΡ‡ΠΊΠ°Π½ΠΈΡ‡Π°Π²Ρ‚ΠΎΡ€ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«How To Get Started In User Interface (UI) DesignΒ»

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

Π’ΠΎΡ‚ вся Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π° ΠΏΠΎ UX ΠΏΠΎ Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (UI) ΠΎΡ‚ Interaction Design Foundation, собранныС Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС:

6 ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… сайтов с шаблонами Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Π’Ρ‹ вСдь Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ всю свою Тизнь Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»ΠΊΡƒ колСса, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ? НСт, ΠΌΡ‹ Ρ‚ΠΎΠΆΠ΅. Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½

  • 1,4 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 6 мСсяцСв Π½Π°Π·Π°Π΄

БистСма сСток: созданиС Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сСтки Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π΅ Ρ‚Ρ€Π΅Ρ‚Π΅ΠΉ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ. Π’ качСствС ΠΊΠΎΠ½Ρ†.

  • 1,2 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

Адаптивный ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

Различия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌ ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π°ΠΌΠΈ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π²Ρ‹ΡΠ²Π»ΡΡŽΡ‚ Π²Π°ΠΆΠ½Ρ‹Π΅ возмоТности для нас, ΠΊΠ°ΠΊ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

  • 1,2 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

ΠŸΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅, рисунок ΠΈ Ρ€ΠΈΡ‚ΠΌ

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ‚Ρ€ΠΈ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π²Π°ΠΌ нСвСроятно простыми ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΠΌΠΈ пояснСний.

Π₯ΠΎΡƒΠ΅Π²

  • 1,2 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

9 бСсплатных инструмСнтов для создания каркасов

Π’Π°ΠΉΡ€Ρ„Ρ€Π΅ΠΉΠΌΡ‹ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ быстро ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒ ΠΈ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π±ΡƒΠΌΠ°ΠΆΠ½Ρ‹Π΅ каркасы ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ быстрСС всСго, Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ каркасы

  • 1,2 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 1 Π³ΠΎΠ΄ Π½Π°Π·Π°Π΄

Π‘ΠΈΠ»Π° Π±Π΅Π»ΠΎΠ³ΠΎ пространства Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅

ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ инструмСнт Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΉ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚ΡŒ вас ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ Π½Π΅Π΄ΠΎΠΎΡ†Π΅Π½Π΅Π½ΠΎ, ΠΊΠ°ΠΊ Ρ‚ΠΈΡˆΠΈΠ½Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏ

  • 1,1 тыс. Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

Π‘ΠΊΠ΅Π²ΠΎΠΌΠΎΡ€Ρ„ΠΈΠ·ΠΌ ΠΌΠ΅Ρ€Ρ‚Π², Π΄Π° здравствуСт скСвоморфизм

Π‘ΠΊΠ΅Π²ΠΎΠΌΠΎΡ€Ρ„ΠΈΠ·ΠΌ Π±Ρ‹Π» ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π·Π°Ρ‚Π΅ΠΌ стал самой нСнавистной ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠ΅ΠΉ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π° Π·Π°Ρ‚Π΅ΠΌ

  • 1ΠΊ Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

НуТна Π»ΠΈ ΠΌΠ½Π΅ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом?

Π­Ρ‚ΠΎ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² нСсколько ΠΈΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ часто Π·Π°Π΄Π°ΡŽΡ‚ Ρ‚Π΅, ΠΊΡ‚ΠΎ рассматриваСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρ‹ UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. вопросы

  • 928 Π°ΠΊΡ†ΠΈΠΉ
  • 2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄

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

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

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅: Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса? ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, совСты ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

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

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

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅: UI ​​и UX-Π΄ΠΈΠ·Π°ΠΉΠ½: Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°?

Π‘Π»ΠΎΠ²Π°Ρ€ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

Π˜Π·ΡƒΡ‡Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡ‚ΠΎΠ»ΠΊΠ½ΡƒΡ‚ΡŒΡΡ с Π²Π°ΠΆΠ½Ρ‹ΠΌΠΈ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°ΠΌΠΈ, относящимися ΠΊ этой области. Π’ΠΎΡ‚ нСсколько Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ², с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ слСдуСт ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ³Π»ΡƒΠ±ΠΈΡ‚ΡŒ своС ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ обоснованноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΎ Π½Π°Ρ‡Π°Π»Π΅ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.

Π’Π΅Ρ€ΠΌΠΈΠ½ ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅
ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс БрСдства, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ взаимодСйствуСт с ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½Ρ‹ΠΌ устройством
Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Π‘Ρ‚ΠΈΠ»ΡŒ ΠΈ внСшний Π²ΠΈΠ΄ письмСнного ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°; искусство Π΄Π΅Π»Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ Ρ€Π°Π·Π±ΠΎΡ€Ρ‡ΠΈΠ²Ρ‹ΠΌ, Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ
ВСория Ρ†Π²Π΅Ρ‚Π° БСрия ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΉ ΠΈ руководящих ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… дизайнСрских эффСктов Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡΠΌΠ΅ΡˆΠΈΠ²Π°ΡŽΡ‚ΡΡ, ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‚ΡΡ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚ΠΈΡ€ΡƒΡŽΡ‚
ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ A ΠΎΠ±Ρ€Π°Π·Π΅Ρ† ΠΈΠ»ΠΈ имитация ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ для тСстирования ΠΈ сбора ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ²
Wireframe ΠœΠ°ΠΊΠ΅Ρ‚, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты интСрфСйса
Breadcrumb Бпособ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²Π΅Π±-сайта, Π³Π΄Π΅ ΠΎΠ½ΠΈ находятся Π² ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Π²Π΅Π±-сайта (ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ‚ΡƒΠ΄Π° ΠΏΠΎΠΏΠ°Π»ΠΈ)
9 9 Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ понятиС ΠΎ Ρ‚ΠΎΠΌ, ΠΌΠΎΠΆΠ΅Ρ‚ Π»ΠΈ услуга ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ людьми с Π»ΡŽΠ±Ρ‹ΠΌΠΈ способностями, нСзависимо ΠΎΡ‚ ΠΈΡ… полоТСния
Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Ѐункция ΠΈΠ»ΠΈ свойство элСмСнта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π½ΠΈΠΌ

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

Π’ качСствС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π²Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΡ€ΡƒΡ‡Π΅Π½ΠΎ ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ с Π½ΠΈΠΌΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ. Богласно исслСдованию Zippia, посвящСнному Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π·ΡŽΠΌΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π·Π°Π΄Π°Ρ‡ΠΈ ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ нСсти ΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²Π΅Π½Π½ΠΎΡΡ‚ΡŒ, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ [1]:

  • ВСстированиС Π½ΠΎΠ²Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…

  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… Π½ΠΈΠ·ΠΊΠΎΡ‚ΠΎΡ‡Π½ΠΎΠ΅ ΠΈ высокоточноС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ руководств ΠΏΠΎ ΡΡ‚ΠΈΠ»ΡŽ для согласованности Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… экранах

  • ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ бизнСс-Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

  • БотрудничСство с UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Ρ‹Ρ… Π³Ρ€ΡƒΠΏΠΏ

  • Π”ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ обязанности ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ:

  • ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΠ΅ Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ‚ΠΈΠΏΠ°ΠΌ устройств (Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½)

  • Π£Π»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ модСрнизация ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… срСд проСктирования

  • Визуализация ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠΈ, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΠΈ, Π·Π½Π°Ρ‡ΠΊΠΈ, Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мСню ΠΈ тСкстовыС поля

    ΠžΠ±Ρ‰Π΅Π½ΠΈΠ΅ с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ

  • Анализ влияния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ удобства использования

  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ каркасов ΠΈΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² высокой точности (hi-fi) для дСмонстрации Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ выглядит интСрфСйс с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ элСмСнтами ΠΈ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹

Β«Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹Β», β€” Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Майкл Π£ΠΎΡ€Ρ‚ΠΈΠ½Π³Ρ‚ΠΎΠ½, ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€-ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½-студии Counterspace Π² Лос-АндТСлСсС ΠΈ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΠΉΡΠΊΠΎΠ³ΠΎ института искусств. Β«Π’Π°ΡˆΠΈ творчСскиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ совмСстно с мноТСством Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ‡Π»Π΅Π½ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹: ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с сСрвСрной Ρ‡Π°ΡΡ‚ΡŒΡŽ, ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹Π΅ стратСгии, ΠΎΡ‚Π·Ρ‹Π²Ρ‹ UX ΠΈ Ρ‚. Π΄. Когда ваша Ρ€Π°Π±ΠΎΡ‚Π° становится Π»ΡƒΡ‡ΡˆΠ΅ благодаря этим взаимодСйствиям, это ΠΊΠΎΠ³Π΄Π° командная Ρ€Π°Π±ΠΎΡ‚Π° Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Β».

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

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

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

  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для проСктирования ΠΈ создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ²: ΠšΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅, ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅, ΠΈΠ»ΠΈ Π²Π°ΡˆΠΈΡ… Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠΉ. НСкоторыС популярныС инструмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Sketch, Firma, InVision, Balsamiq, Axure ΠΈ Adobe XD.

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

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ (UX) ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (UI) часто ΠΈΠ΄ΡƒΡ‚ Ρ€ΡƒΠΊΠ° ΠΎΠ± Ρ€ΡƒΠΊΡƒ, Π½ΠΎ эти Π΄Π²Π΅ области ΠΈΠΌΠ΅ΡŽΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ различия. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ UX ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΈΠ»ΠΈ услугой, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс фокусируСтся Π½Π° графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ интСрфСйсС.

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

Β«Π”ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ, которая сочСтаСт Π² сСбС ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ ΠΈ творчСство», β€” Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π£ΠΎΡ€Ρ‚ΠΈΠ½Π³Ρ‚ΠΎΠ½. Β«ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ Π²ΠΎΠ²Π»Π΅Ρ‡Π΅Π½Π½ΠΎΡΡ‚ΡŒ вашСго ΠΌΠΎΠ·Π³Π° ΠΈ, ΠΎΡ‚ΠΊΡ€ΠΎΠ²Π΅Π½Π½ΠΎ говоря, Π΄Π΅Π»Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ приятной. Для мСня ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ творчСски Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΠΎΠΏΠ»Π°Ρ‚Ρƒ Π·Π° свою Ρ€Π°Π±ΠΎΡ‚Ρƒ, являСтся Π»ΡƒΡ‡ΡˆΠ΅ΠΉ Π½Π°Π³Ρ€Π°Π΄ΠΎΠΉΒ».

Для мСня ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСбя творчСски ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π·Π° свою Ρ€Π°Π±ΠΎΡ‚Ρƒ дСньги, являСтся Π»ΡƒΡ‡ΡˆΠ΅ΠΉ Π½Π°Π³Ρ€Π°Π΄ΠΎΠΉ.

Π—Π°Ρ€ΠΏΠ»Π°Ρ‚Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ пСрспСктивы Ρ€Π°Π±ΠΎΡ‚Ρ‹

Glassdoor сообщаСт, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Π² БША ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ Π³ΠΎΠ΄ΠΎΠ²ΠΎΠΉ ΠΎΠΊΠ»Π°Π΄ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ 99 863 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША ΠΏΠΎ ΡΠΎΡΡ‚ΠΎΡΠ½ΠΈΡŽ Π½Π° ΡΠ½Π²Π°Ρ€ΡŒ 2023 Π³ΠΎΠ΄Π° [3]. Π­Ρ‚Π° Ρ†ΠΈΡ„Ρ€Π° являСтся ΠΎΡ†Π΅Π½ΠΊΠΎΠΉ ΠΎΠ±Ρ‰Π΅ΠΉ Π·Π°Ρ€Π°Π±ΠΎΡ‚Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π±Π°Π·ΠΎΠ²ΡƒΡŽ ΠΎΠΏΠ»Π°Ρ‚Ρƒ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Ρ‹ΠΏΠ»Π°Ρ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ρ‡Π°Π΅Π²Ρ‹Π΅, комиссионныС ΠΈ участиС Π² прибылях.

Π₯отя ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ интСрфСйсы ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΆΠ΅, сколько Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΌΠ°ΡˆΠΈΠ½Ρ‹ ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹, Ρ€ΠΎΠ»ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΠΎΠ²Π° (ΠΈ быстро растСт). По Π΄Π°Π½Π½Ρ‹ΠΌ Π‘ΡŽΡ€ΠΎ статистики Ρ‚Ρ€ΡƒΠ΄Π° БША (BLS), количСство Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… мСст Π² индустрии Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎ ΠΏΡ€ΠΎΠ³Π½ΠΎΠ·Π°ΠΌ, вырастСт Π½Π° 23 ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π° Π² ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ с 2021 ΠΏΠΎ 2031 Π³ΠΎΠ΄, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ быстрСС, Ρ‡Π΅ΠΌ Π² срСднСм [4].

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

1. Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса.

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

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

Β«ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ³Ρ€Π°Ρ‚ΡŒ, ΠΈ ΡƒΠΊΡ€Π΅ΠΏΠΈΡ‚Π΅ свои ΡΠΈΠ»ΡŒΠ½Ρ‹Π΅ стороны Π² этой области», β€” совСтуСт Π£ΠΎΡ€Ρ‚ΠΈΠ½Π³Ρ‚ΠΎΠ½. Β«Π’Ρ‹ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΉ UI (графичСский) Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€? Π’Ρ‹ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π½Π° ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ структурС, стратСгии, Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π΅ ΠΈ большС ΠΏΠ΅Ρ€Π΅ΡΠ΅ΠΊΠ°Π΅Ρ‚Π΅ΡΡŒ с UX? Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ свои ΡΠΈΠ»ΡŒΠ½Ρ‹Π΅ стороны ΠΈ укрСпляйтС свои слабости».

2. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ‹Ρ‚.

«ПослС изучСния Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… основ ΠΏΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ скорСС ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ настоящим ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ Β», β€” Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ Π ΠΎΠΌΠ°Π½ ДТастСр, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ΅Π½Π½Ρ‹ΠΉ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΡŒ ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΠΉΡΠΊΠΎΠ³ΠΎ института искусств. «БтудСнчСскиС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ (ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ для изучСния Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΈΠΊ), Π½ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Β«Π² Π΄ΠΈΠΊΠΎΠΉ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π΅Β» ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄Π½ΠΎ Π²Π°ΠΆΠ½ΠΎΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: настоящиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ β€” Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, U Π² UXΒ».

Π˜Π·ΡƒΡ‡ΠΈΠ² нСсколько основ, ΠΏΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ скорСС Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ настоящим ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ .

Π’Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΆΠ΄Π°Ρ‚ΡŒ, ΠΏΠΎΠΊΠ° вас Π½Π°ΠΉΠΌΡƒΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½Π°Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ ΠΎΠΏΡ‹Ρ‚Π°. НачнитС с Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ своСго собствСнного Π²Π΅Π±-сайта ΠΈΠ»ΠΈ посмотритС, Π΅ΡΡ‚ΡŒ Π»ΠΈ Ρƒ ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ ΠΈΠ· Ρ‡Π»Π΅Π½ΠΎΠ² сСмьи ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ·Π΅ΠΉ сайты ΠΈΠ»ΠΈ прилоТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½ страниц ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ рСгулярно ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ, ΠΈ ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс.

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

По ΠΌΠ΅Ρ€Π΅ накоплСния ΠΎΠΏΡ‹Ρ‚Π° ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΡŒΡ‚Π΅ΡΡŒ Π½Π° ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½ΠΎΠ³ΠΎ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом.

Β«ΠŸΡ€ΡΠΌΠΎ сСйчас свободноС Π²Π»Π°Π΄Π΅Π½ΠΈΠ΅ Figma Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ ΠΈ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ срСду, β€” Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π£ΠΎΡ€Ρ‚ΠΈΠ½Π³Ρ‚ΠΎΠ½, β€” Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ любоС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅, β€” это всСго лишь инструмСнт. ΠžΠΏΡ‹Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ привноситС Π² использованиС инструмСнта, Π΅Ρ‰Π΅ Π²Π°ΠΆΠ½Π΅Π΅: Π½Π°Π²Ρ‹ΠΊΠΈ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°, творчСскоС ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅ ΠΈ Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ основу вашСго Π½Π°Π±ΠΎΡ€Π° Π½Π°Π²Ρ‹ΠΊΠΎΠ²Β».

Навыки графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°, творчСскоС ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅ ΠΈ Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ основой вашСго Π½Π°Π±ΠΎΡ€Π° Π½Π°Π²Ρ‹ΠΊΠΎΠ².

3. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ своС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

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

По ΠΌΠ΅Ρ€Π΅ накоплСния ΠΎΠΏΡ‹Ρ‚Π° Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΠΎΠ»Π½ΡΡ‚ΡŒ своС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ самыми Π½ΠΎΠ²Ρ‹ΠΌΠΈ ΠΈ Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΌΠΈ.

4. Π Π°ΡΡˆΠΈΡ€ΡŒΡ‚Π΅ свою ΡΠ΅Ρ‚ΡŒ.

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

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅: Книги, Π±Π»ΠΎΠ³ΠΈ ΠΈ подкасты ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ UX: список рСсурсов

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

Автор записи

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

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