Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ интСрфСйсов: Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° интСрфСйсов UX ΠΈ UI для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²

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

Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ Π·Π°Ρ‡Π΅ΠΌ Π΅Π³ΠΎ Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ β€” Π‘Π»ΠΎΠ³ Live Typing β€” Π‘Π»ΠΎΠ³ Live Typing

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

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎΒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ графичСского интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ на всякий случай ΡƒΡ‚ΠΎΡ‡Π½ΠΈΠΌ, Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΒ β€” общая Π³Ρ€Π°Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ, трСбования ΠΊΒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ стандартом; ΡΠΎΠ²ΠΎΠΊΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ срСдств, ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈΒ ΠΏΡ€Π°Π²ΠΈΠ» взаимодСйствия (управлСния, контроля ΠΈ Ρ‚. Π΄.) ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами систСмы (источник: wikipedia.org).

Π­Ρ‚ΠΎ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅, но скучноватоС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅.

А вот ΠΈΠ½Ρ‹ΠΌΠΈ словами, но интСрСснСС: ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс (UI)Β β€” это «способ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ вы выполняСтС ΠΊΠ°ΠΊΡƒΡŽ-Π»ΠΈΠ±ΠΎ Π·Π°Π΄Π°Ρ‡Ρƒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Π°Β ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Π΅ΠΌΡ‹Π΅ Π²Π°ΠΌΠΈ дСйствия ΠΈΒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Β ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π²Β ΠΎΡ‚Π²Π΅Ρ‚Β» (источник: Π”ΠΆΠ΅Ρ„ Раскин, Β«Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ. НовыС направлСния Π²Β ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Ρ… систСм»).

В повсСднСвной ΠΆΠΈΠ·Π½ΠΈ мы постоянно сталкиваСмся с интСрфСйсами. Π­Ρ‚ΠΎ и сайты соцсСтСй, и элСмСнты управлСния в салонС автомобиля, ΠΈΒ ΠΏΡƒΠ»ΡŒΡ‚ ДУ для Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°, и голосовоС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡƒΠΌΠ½Ρ‹ΠΌ Π΄ΠΎΠΌΠΎΠΌ, и панСль ΠΊΠ½ΠΎΠΏΠΎΠΊ Π²Β Π»ΠΈΡ„Ρ‚Π΅.

Π’Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚, ΠΌΡ‹Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ для управлСния Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ. Но давайтС Π½Π΅Β Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΡΡ‚ΡŒ всС явлСния в нашСй ΠΆΠΈΠ·Π½ΠΈ, Π°Β ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ нСпосрСдствСнно ΠΎΒ Π²Π΅Π±-сСрвисах и прилоТСниях ΠΈΒ ΠΎΒ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ…Β ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ.

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ UI-Π΄ΠΈΠ·Π°ΠΉΠ½

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

Π›ΠΈΡ„Ρ‚ ΡƒΠ΄ΠΎΠ±Π΅Π½. ΠžΠ½Β ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π΄ΠΎΒ Π²Π΅Ρ€Ρ…Π½ΠΈΡ… этаТСй с минимумом Π²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… и физичСских Π·Π°Ρ‚Ρ€Π°Ρ‚. Но какой ΠΎΡ‚Β Π½Π΅Π³ΠΎ Π±Ρ‹Π»Β Π±Ρ‹ Ρ‚ΠΎΠ»ΠΊ, Ссли бы ΠΌΡ‹Β Π½Π΅Β ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ Π΅Π³ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ этаТ ΠΈΒ ΠΏΡ€ΠΈ нСобходимости ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ Ρ€Π°Π½ΡŒΡˆΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ? Всё пСрСчислСнноС осущСствимо, Π½ΠΎΒ ΠΊΠ°ΠΊΠΈΠΌ ΠΏΡƒΡ‚Ρ‘ΠΌ? ΠŸΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚Β Π»ΠΈ Ρ€Ρ‹Ρ‡Π°ΠΆΠ½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ пассаТиру Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ дСйствия ΠΈΠ»ΠΈ Ρ€Π°Π·ΡƒΠΌΠ½Π΅Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΎΡ‡Π½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅? Π’ΡƒΡ‚ и появляСтся Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚: ΠΊΠ°ΠΊΠΎΠΉ интСрфСйс управлСния Π»ΠΈΡ„Ρ‚ΠΎΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Π²Π΅Π±-сСрвисы и систСмы Π²Β ΠΊΠΎΡ€Π½Π΅ ΠΌΠ΅Π½ΡΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ людСй. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, систСмы управлСния Ρ‚Π΅Π°Ρ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с элСктронным ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, лишая нСобходимости постоянно Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ ΡƒΒ Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚ΡƒΡ€Ρ‹. Но Сдва ли Ρ€Π°Π±ΠΎΡ‚Π° упростится, Ссли ΡƒΒ Ρ‚Π°ΠΊΠΈΡ… систСм Π±ΡƒΠ΄Π΅Ρ‚ слишком слоТный интСрфСйс.

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ интСрфСйса. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ:Β lingscars.com

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ «чистого» интСрфСйса. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ:Β carsales.com.au

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° UI-интСрфСйсов

Π§Ρ‚ΠΎΠ±Ρ‹ у нас с вами Π½Π΅Β Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΡ€ΠΈ использовании ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ прилоТСния, ΡƒΠΌΠ½Ρ‹Π΅ люди Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности Π²Β Π²ΠΈΠ΄Π΅ понятных элСмСнтов, и за этой Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ кроСтся цСлая кухня UX/UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π“Ρ€Π°Π½ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ UXΒ (User Experience) ΠΈΒ UIΒ (User Interface) ΠΎΡ‡Π΅Π½ΡŒ Ρ‚ΠΎΠ½ΠΊΠ°, но Ссли Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, то становится ясно, Ρ‡Ρ‚ΠΎ UXΒ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π’Β UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ большС психологичСского аспСкта, Π½Π΅ΠΆΠ΅Π»ΠΈ тСхнологичСского. UXΒ ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ: ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΆΠΈΠ²Ρ‘Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½Β Π΄ΡƒΠΌΠ°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΈΒ Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΒ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ ΠΎΠΊΡ€ΡƒΠΆΠ°Π΅Ρ‚. ΠŸΠ΅Ρ€Π΅Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ ставится Π·Π°Π΄Π°Ρ‡Π°Β β€” ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌΡƒ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ Π»Π΅Π³ΠΊΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с вашим ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΈΒ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ этом ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅ ΠΎΡ‚Β Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ним.

ΠΒ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ. Никому нС захочСтся Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΄Π²Π°Π΄Ρ†Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅ΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ для рСгистрации на сайтС ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‰Π΅Π»ΠΊΠ°Ρ‚ΡŒ ΡˆΡ‚ΡƒΠΊ ΠΏΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π΄ΠΎΒ Π½ΡƒΠΆΠ½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Β«ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ нС слСдуСт Π·Π°ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с программой дольшС, Ρ‡Π΅ΠΌ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈΒ» (Алан ΠšΡƒΠΏΠ΅Ρ€, Β«ΠŸΡΠΈΡ…Π±ΠΎΠ»ΡŒΠ½ΠΈΡ†Π° Π²Β Ρ€ΡƒΠΊΠ°Ρ… ΠΏΠ°Ρ†ΠΈΠ΅Π½Ρ‚ΠΎΠ²Β»).

Π­Ρ‚ΠΎ Ρ€Π΅Π°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, и с этапами Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ мы познакомимся Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±Π»ΠΈΠΆΠ΅.

ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ

Π‘Π½Π°Ρ‡Π°Π»Π° Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ в элСмСнтах Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ интСрфСйса. Для этого ΠΌΡ‹Β ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ Π·Π°Π΄Π°Ρ‡Ρƒ, исслСдуСм ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΈΒ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠΎΠΊΠ°ΠΏΠ°

Π­Ρ‚ΠΎΡ‚ этап позволяСт быстро ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° ΠΈ внСсти ΡƒΠΉΠΌΡƒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π΄ΠΎ Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠœΡ‹Β Π½Π°ΠΌΠ΅Ρ‡Π°Π΅ΠΌ располоТСниС ΠΊΠ½ΠΎΠΏΠΎΠΊ, Ρ„ΠΎΡ€ΠΌ ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π½ΡƒΠΆΠ½Ρ‹Ρ… элСмСнтов, Π°Β ΡƒΠΆΠ΅ ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, изобраТСния, прСобразуя всё это Π²Β ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ и красивый ΠΌΠ°ΠΊΠ΅Ρ‚. Π’ΠΎΒ Π΅ΡΡ‚ΡŒ Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ с варфрСйма (ΠΏΠ»Π°Π½ располоТСния элСмСнтов на страницС), Π°Β Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Π΅ΠΌ созданиСм из этого ΠΏΠ»Π°Π½Π° красивой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. В случаС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ Android ΠΈΒ iOS Ρ‚Ρ€ΡƒΠ΄ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° облСгчаСтся Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½Π°ΠΌΠΈΒ β€” ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ оформлСния и располоТСния элСмСнтов интСрфСйса, Ρ€Π΅Π³Π»Π°ΠΌΠ΅Π½Ρ‚ΠΎΠΌ UX/UI, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» создан нСпосрСдствСнно экспСртами ΠΏΠΎΒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈΠ·Β Google ΠΈΒ Apple.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΊΠ°ΠΏΠ°. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: medium.com

User Flow Diagram (ΠΊΠ°Ρ€Ρ‚Π° экранов)

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: dribbble.com

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

Π£Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ структуры

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

Π’Ρ‹Π±ΠΎΡ€ стиля UIΒ 

Skeuomorphic design ΠΈΒ flat design. Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: obsid.se

БущСствуСт мноТСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: material design, metro, skeuomorphism ΠΈ Ρ‚. Π΄. ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ стиля интСрфСйса слСдуСт ΡƒΡ‡Π΅ΡΡ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ Π²Β Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ, врСмя Π½Π°Β Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈΒ Π²Π½Π΅Π΄Ρ€Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΈΒ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π½Π΅Β ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ².

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

БогласованиС стиля

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

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ интСрфСйса

Β«ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΒ β€” это наглядная модСль ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. В сущности это Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ β€žΡ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊβ€œ интСрфСйса, созданный на основС Π²Π°ΡˆΠΈΡ… прСдставлСний о потрСбностях ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉΒ» (источник: Π­Π΄Β Π‘Π°Π»Π»ΠΈΠ²Π°Π½, «ВрСмя — дСньги. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния»).

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ мобильного ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° Π·Π°Π΄Π°Ρ‡ Yodel, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ³ΠΎ Π›Π°ΠΉΠ² Π’Π°ΠΉΠΏΠΈΠ½Π³

Для Π±ΠΎΠ»Π΅Π΅ наглядной дСмонстрации Ρ€Π°Π±ΠΎΡ‚Ρ‹ прилоТСния инвСсторам ΠΈΒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π½ΡΡ‚ΡŒΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°. Π₯отя стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Π½Π΅Β ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ этап, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΠΎΠΊΠ°ΠΏ+user flow diagram Π²ΠΏΠΎΠ»Π½Π΅ сСбС являСтся ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ с точки зрСния UX. Однако ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ даст Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½ΠΎΠ΅ прСдставлСниС ΠΈ ΠΎ возмоТностях прилоТСния, и об объСмС Ρ€Π°Π±ΠΎΡ‚ ΠΏΠΎΒ ΠΈΡ…Β Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.

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

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

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ изучСния становится описаниС Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ ΠΈΒ Π±ΠΎΠ»Π΅Π΅ ясноС ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ трудности ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€ΠΈ использовании сСрвиса, ΠΈΒ ΠΊΠ°ΠΊ эти трудности ΠΏΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Ρ‚ΡŒ.

Π£Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°

Π’ΠΎΡ‚ ΠΎΠ½, послСдний этап Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ UI. Π—Π΄Π΅ΡΡŒ всё ΠΎΡ‡Π΅Π½ΡŒ просто: ΠΊΠ»ΠΈΠ΅Π½Ρ‚ ΠΎΡ†Π΅Π½ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, Π΄Π°Ρ‘Ρ‚ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ и прСдлоТСния, Π°Β ΠΌΡ‹Β ΠΏΡ€ΠΈ нСобходимости вносим ΠΏΡ€Π°Π²ΠΊΠΈ.

ΠšΒ ΡΡ‚ΠΎΠΌΡƒ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ у нас Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΠΎ тСхничСскоС Π·Π°Π΄Π°Π½ΠΈΠ΅, Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π΅Π΅ в сСбС всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, с которой ΠΌΡ‹Β Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ на этапС прототипирования и проСктирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. ИмСя Π½Π°Β Ρ€ΡƒΠΊΠ°Ρ… Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΒ Π’Π—, мы приступаСм ΠΊΒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ прилоТСния.

Π’Ρ‹Π²ΠΎΠ΄

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

Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ эта Π·Π°Π΄Π°Ρ‡Π° Π½Π΅Β ΠΈΠ·Β Π»Ρ‘Π³ΠΊΠΈΡ…, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ и слишком слоТный, ΠΈΒ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π½Π΅ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΉ простой интСрфСйс ΠΌΠΎΠ³ΡƒΡ‚ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ ΠΈΡΠΏΠΎΡ€Ρ‚ΠΈΡ‚ΡŒ всё Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚Β Π»ΡŽΠ±ΠΎΠ³ΠΎ Π²Π΅Π±-сСрвиса ΠΈΠ»ΠΈ мобильного прилоТСния.

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

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΒ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ врСмя проСктирования ΠΈΒ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ взаимодСйствиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с продуктом. Π₯ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ UIΒ = Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ = счастливый Π²Ρ‹.

10 ΠΏΡ€Π°Π²ΠΈΠ» проСктирования интСрфСйсов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСльзя Π½Π°Ρ€ΡƒΡˆΠ°Ρ‚ΡŒ

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

Π­Ρ‚ΠΎΡ‚ список Π±Ρ‹Π» взят ΠΈΠ· ΡΡ‚Π°Ρ‚ΡŒΠΈ Norman Neilsen Β«10 эвристик для проСктирования интСрфСйса».

1. Π’ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ состояния систСмы

БистСма всСгда Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ происходит, посрСдством ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΈ своСврСмСнного Ρ„ΠΈΠ΄Π±Π΅ΠΊΠ°.

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

2. БоотвСтствиС ΠΌΠ΅ΠΆΠ΄Ρƒ систСмой ΠΈ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠΈΡ€ΠΎΠΌ

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

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

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

3. ΠŸΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ стандарты

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒΡΡ вопросом, ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ Π»ΠΈ Ρ€Π°Π·Π½Ρ‹Π΅ слова, ситуации ΠΈΠ»ΠΈ дСйствия ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅.

Π•ΡΡ‚ΡŒ Π΄Π²Π° Ρ‚ΠΈΠΏΠ° ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ: внутрСнняя ΠΈ внСшняя. ВнутрСнняя ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ относится ΠΊ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Π°ΠΌ Π½Π° вашСм сайтС ΠΈΠ»ΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ. Она ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ простой, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ссылки ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π½Π° всСх страницах ΠΈΠ»ΠΈ ΠΎΠ΄Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° для ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ. Π’Π½Π΅ΡˆΠ½ΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ относится ΠΊ соглашСниям, примСняСмым Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… ΠΈ систСмах, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎΠΌ людСй. НапримСр, ΠΊΠΎΡ€Π·ΠΈΠ½Π° для ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй Π·Π½Π°ΠΊΠΎΠΌΡ‹ с ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠΎΡ€Π·ΠΈΠ½Ρ‹ ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ. НС Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ вСлосипСд. Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π±ΡƒΠ΄Π΅Ρ‚ слоТнСС ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ваша ΠΊΠΎΡ€Π·ΠΈΠ½Π°. БохраняйтС ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΈΠ·Π±Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎΡ‚ Π½Π΅Π½ΡƒΠΆΠ½ΠΎΠΉ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρ‹.

4. ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ ΠΈ свобода ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ

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

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

5. ΠŸΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ошибок

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

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

6. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ·Π½Π°Π²Π°Ρ‚ΡŒ, Π° Π½Π΅ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ

Π‘Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΡƒ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΠΏΠ°ΠΌΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, сдСлав ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, дСйствия ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ части Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Π² Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΠΈ ΠΏΠΎ использованию систСмы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ доступными, ΠΊΠΎΠ³Π΄Π° это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ.

Одна ΠΈΠ· Ρ†Π΅Π»Π΅ΠΉ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° – ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠŸΡΠΈΡ…ΠΈΡ‡Π΅ΡΠΊΠ°Ρ ΠΏΠ°ΠΌΡΡ‚ΡŒ – это ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ рСсурс. ΠŸΠ°ΠΌΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ двумя способами: ΡƒΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ ΠΈ воспоминаниС. Π£Π·Π½Π°Π²Π°Π½ΠΈΠ΅ – это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ сразу Π·Π½Π°ΠΊΠΎΠΌΠΎ. Как Π»ΠΈΡ†ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. Π’Ρ‹ смотритС Π½Π° Π»ΠΈΡ†ΠΎ Π΄Ρ€ΡƒΠ³Π° ΠΈ сразу ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄Π΅Π»ΠΈ Π΅Π³ΠΎ Ρ€Π°Π½ΡŒΡˆΠ΅. ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ воспоминания Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈΠ½Π°Ρ‡Π΅. Π­Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ ΠΈΠ· памяти, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имя Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°. ВоспоминаниС ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ усилий, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΡƒΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ большС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎ, Π½Π° Ρ‡Ρ‚ΠΎ ΠΎΠ½ смотрит. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΡƒΠ·Π½Π°Π²Π°Π½ΠΈΠ΅ происходит ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ. ΠœΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ большС узнаваСмости Π² интСрфСйсС ΠΈ мСньшС воспоминания. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ этого ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ° – использованиС для Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠΌ для Β«Π”ΠžΠœΠžΠ™Β» ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Π°Π½Π΄Π°ΡˆΠ° для Β«Π Π•Π”ΠΠšΠ’Π˜Π ΠžΠ’ΠΠ’Π¬Β». А Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для интСрфСйса Π½ΠΎΠ²Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй Π½ΠΈΠΊΠΎΠ³Π΄Π° Ρ€Π°Π½ΡŒΡˆΠ΅ Π½Π΅ Π²ΠΈΠ΄Π΅Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ тСкстовый дСскриптор, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ ΠΈΡ… ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ.

7. Π“ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ ΠΈ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ использования

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

Когда Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ систСмС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‚ΡΡ снова ΠΈ снова, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ взаимодСйствиС Π±ΠΎΠ»Π΅Π΅ эффСктивным для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. НапримСр, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π² мобильном ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ свайп, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ элСмСнты ΠΈΠ· списка. ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ способ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ элСмСнт – ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π£Π΄Π°Π»ΠΈΡ‚ΡŒΒ». ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ (ΠΈ Π±ΠΎΠ»Π΅Π΅ эффСктивный) способ – просто ΡΠ²Π°ΠΉΠΏΠ½ΡƒΡ‚ΡŒ ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ элСмСнт ΠΈΠ· списка.

8. ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ эстСтика

Π”ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²Ρ‹Π΅ ΠΎΠΊΠ½Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π½Π΅Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ»ΠΈ Ρ€Π΅Π΄ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. КаТдая Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Π΅Π΄ΠΈΠ½ΠΈΡ†Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΊΠΎΠ½ΠΊΡƒΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ с Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½Ρ‹ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ сниТаСт ΠΈΡ… ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΡΡ‚ΡŒ.

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

9. ΠŸΠΎΠΌΠΎΠ³ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Π²Π°Ρ‚ΡŒ, Π΄ΠΈΠ°Π³Π½ΠΎΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ошибки

БообщСния ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ… Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Ρ‹ простым языком (Π±Π΅Π· ΠΊΠΎΠ΄ΠΎΠ²), Ρ‚ΠΎΡ‡Π½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΈ конструктивно ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

Ошибки Π±ΡƒΠ΄ΡƒΡ‚. Π­Ρ‚ΠΎ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ. ΠžΠ±ΡΠ·Π°Π½Π½ΠΎΡΡ‚ΡŒ UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ ΠΎΡˆΠΈΠ±ΠΊΡƒ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, проСктируя понятныС страницы ошибок ΠΈ прСдупрСТдСния, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹. НапримСр, Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΡˆΠΈΡ€ΠΎΠΊΠΎ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½Π΅Π½Π½ΡƒΡŽ страницу 404. ΠœΡ‹, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, Π·Π½Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ страница с ошибкой 404, Π½ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ этого Π½Π΅ Π·Π½Π°ΡŽΡ‚. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΈΠΌ, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ пСрСвСсти ΠΊΠΎΠ΄ 404 Π½Π° простой язык, Π΄ΠΎΠ±Π°Π²ΠΈΠ² тСкст, ΠΏΠΎΡΡΠ½ΡΡŽΡ‰ΠΈΠΉ, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ. НапримСр: Β«Π˜Π·Π²ΠΈΠ½ΠΈΡ‚Π΅, Π½ΠΎ ΠΌΡ‹ Π½Π΅ смогли Π½Π°ΠΉΡ‚ΠΈ страницу, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ искали. Π’ΠΎΡ‚ нСсколько страниц с ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ контСнтом…».

10. Π‘ΠΏΡ€Π°Π²ΠΊΠ° ΠΈ докумСнтация

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

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


ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ uxdesign.cc

Π­Ρ‚Π°ΠΏΠΎΠ² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ интСрфСйса. Как Flyphant ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΠ΅Ρ‚ процСсс… | ΠΎΡ‚ Flyphant | Muzli

Как Flyphant ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΠ΅Ρ‚ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ интСрфСйса для Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈΠ»ΠΈ Π΅Π³ΠΎ обновлСния.

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

Π‘Π»ΠΎΠ²ΠΎ «интСрфСйс» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π° экранС ΠΈΠ»ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ интСрфСйс. Π­Ρ‚ΠΎ:

  • Π²Π΅Π±-сайты,
  • ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния,
  • прилоТСния для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ²,
  • ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ (Π² Ρ‚ΠΎΠΌ числС сСнсорныС),
  • ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ стационарныС экраны.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡ€ΠΎΠ΅Ρ†ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠ΅ Π½Π° стСну ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΡ€Π°, управляСмоС ТСстами/голосом, Ρ‚Π°ΠΊΠΆΠ΅ считаСтся интСрфСйсом.

ΠŸΠΎΠ»Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ интСрфСйса Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ этапы:

  1. ИсслСдования
  2. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ использования
  3. Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° интСрфСйса
  4. ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ интСрфСйса
  5. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ стилистики
  6. ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
  7. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ всСх экранов
  8. . Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ стилистики начинаСтся послС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² использования.

    На этапС исслСдования осущСствляСтся сбор ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅, ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅, Π΅Π³ΠΎ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°Ρ… ΠΈΠ»ΠΈ Π±Π»ΠΈΠ·ΠΊΠΈΡ… Π°Π½Π°Π»ΠΎΠ³Π°Ρ…, сбор статистики использования Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ интСрфСйса (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π΅Π±-сайта ΠΈΠ»ΠΈ мобильного прилоТСния) ΠΈ Π°Π½Π°Π»ΠΈΠ· устройств ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΠΎΠΉ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

    Если ΡƒΠΆΠ΅ извСстно, ΠΊΡ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ интСрфСйс (Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ), Ρ‚ΠΎ слСдуСт с Π½ΠΈΠΌΠΈ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ ΠΈ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΈΡ… возмоТности ΠΈ ограничСния.

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

    На основании прСдоставлСнного описания Ρ€Π°Π±ΠΎΡ‚Ρ‹ интСрфСйса создаСтся список Π·Π°Π΄Π°Ρ‡ (Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² использования), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… интСрфСйса. НапримСр, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π°Π²Π°Ρ‚Π°Ρ€Π° Π² ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅.

    ВсС Π·Π°Π΄Π°Ρ‡ΠΈ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ шагами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ‡ΠΈ. НапримСр:

    1. ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° сайт
    2. Π’ΠΎΠΉΡ‚ΠΈ
    3. ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
    4. ΠšΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π° Π°Π²Π°Ρ‚Π°Ρ€
    5. Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
    6. ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ изобраТСния
    7. Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyen.com

    0 /projects/datsun/

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

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

    Бписок шагов Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ этапС являСтся основой структуры интСрфСйса. Бтановится извСстно количСство экранов, ΠΈΡ… сводка ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠ±Ρ‰Π΅ΠΉ структурС.

    Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyphant.com/ru/projects/datsun/

    Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв ΠΌΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ Π΄Π²Π° схСматичСских ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°: эскизный ΠΈ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ. Π˜ΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ нСбольшиС интСрфСйсы: простыС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния ΠΈΠ»ΠΈ нСбольшиС Π²Π΅Π±-сайты.

    Π§Π΅Ρ€Π½ΠΎΠ²ΠΎΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ β€” это схСматичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ экранов, связанных ΠΌΠ΅ΠΆΠ΄Ρƒ собой Ρ‡Π΅Ρ€Π΅Π· сСрвис прототипирования Invision. Π’ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΎΠΉ вСрсии Π½Π° схСмах ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π·ΠΎΠ½Ρ‹ ΠΈ описания этих Π·ΠΎΠ½, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, список новостСй ΠΈΠ»ΠΈ шапка сайта. Π­Ρ‚ΠΎ всС Π±Π΅Π· подробностСй.

    Π§Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ½ΡΡ‚ΡŒ, насколько большим Π±ΡƒΠ΄Π΅Ρ‚ сайт, сколько ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ экранС, сколько Ρ€Π°Π· Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π½Π° Π½ΡƒΠΆΠ½ΡƒΡŽ страницу.

    Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ шаг β€” ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ страниц Π΅Ρ‰Π΅ связаны ΠΌΠ΅ΠΆΠ΄Ρƒ собой, Π½ΠΎ Π½Π° страницах ΡƒΠΆΠ΅ Π²ΠΈΠ΄Π½Ρ‹ всС ΠΊΠ½ΠΎΠΏΠΊΠΈ, тСксты, чСкбоксы, Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты.

    Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyphant.com/ru/projects/wbp/

    Π’ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°Ρ… ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΡŽΡ‚ΡΡ особСнности, располоТСниС элСмСнтов страниц ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°, Π½ΠΎ Π½Π΅ внСшний Π²ΠΈΠ΄. Бтадия появлСния Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Ρ†Π²Π΅Ρ‚Π°, изобраТСния ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ. На этапС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ вмСстС, Π±ΡƒΠ΄ΡƒΡ‚ Π»ΠΈ Β«ΠΏΠ΅Ρ€Π΅ΠΊΡ€ΠΈΠΊΠΈΠ²Π°Ρ‚ΡŒΒ» Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°.

    ПослС этапа исслСдования ΠΈ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎ с этапами Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ производится ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ стилистики Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ интСрфСйса.

    Для Π²Ρ‹Π±ΠΎΡ€Π° стилистики готовится нСсколько Π½Π°Π±ΠΎΡ€ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (ΠΌΡƒΠ΄Π±ΠΎΡ€Π΄ΠΎΠ²). Π­Ρ‚ΠΈ Π½Π°Π±ΠΎΡ€Ρ‹ прСдставлСны страницами сайта, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ композициями, стилистичСски связанными ΠΌΠ΅ΠΆΠ΄Ρƒ собой.

    Один ΠΈΠ· этих Π½Π°Π±ΠΎΡ€ΠΎΠ² ляТСт Π² основу ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

    Π”ΠΈΠ·Π°ΠΉΠ½-концСпция ΠΏΡ€ΠΈΠ·Π²Π°Π½Π° ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ сайта ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ понятным Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ Π²ΠΈΠ΄ всСго сайта. Если ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ этап опрСдСлСния стилистики лишь Π·Π°Π΄Π°Π΅Ρ‚ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅, Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½-концСпция Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π° ​​на Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΡΠ΅Ρ‡ΡŒ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ с доступным ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ интСрфСйса.

    Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyphant.com/ru/projects/wbp/

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

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

    Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyphant.com/ru/projects/wbp/

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

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

    Π­Ρ‚ΠΎΡ‚ этап часто начинаСтся с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ ΠΈ продолТаСтся Π½Π° протяТСнии всСго этапа проСктирования всСх экранов.

    Из ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° flyphant.com/ru/projects/wbp/

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

    Если Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΈΠ»ΠΈ Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Π²Π°ΠΌ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡŽ Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Π°Ρ анимация для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π·Π° 4 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ описаны основныС ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ ΠΈ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΈΡ… использования.

    Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ интСрфСйс, ΠΊΠ°ΠΊ это Π½ΡƒΠΆΠ½ΠΎ ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.

    medium.com

    По Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌ этого этапа Π΅ΡΡ‚ΡŒ Ρ€ΠΎΠ»ΠΈΠΊΠΈ с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ интСрфСйса. Они Π½ΡƒΠΆΠ½Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ, Π½ΠΎ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° эти Ρ€ΠΎΠ»ΠΈΠΊΠΈ.

    Π£ нас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ интСрфСйса Π²ΠΎ всСх состояниях. Π‘ΠΎΠ·Π΄Π°Π½ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ, ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ вСсь интСрфСйс Π²ΠΎΠ΅Π΄ΠΈΠ½ΠΎ. Π’ΠΈΠ΄Π΅ΠΎ с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π³ΠΎΡ‚ΠΎΠ²Ρ‹. Π“ΠΎΡ‚ΠΎΠ²ΠΈΠΌ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ интСрфСйс.

    Π­Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹:

    • спрайты,
    • ΡˆΡ€ΠΈΡ„Ρ‚ со всСми ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ,
    • UI Kit с ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠΌΠΈΡΡ элСмСнтами интСрфСйса ΠΈ ΠΈΡ… состояниями.

    Для ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈΠ· интСрфСйса, для всСх расстояний, отступов ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Zeplin, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΊΠΎΠ΄.

    Π‘Ρ‹Π²Π°Π΅Ρ‚, исслСдования ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Ρ‹, схСматичСскиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ интСрфСйса ΡƒΠΆΠ΅ сдСланы, извСстна стилистика. ΠžΡΡ‚Π°Π»ΠΎΡΡŒ всС это Π΄ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ.

    Π’ случаС, ΠΊΠΎΠ³Π΄Π° интСрфСйс ΡƒΠΆΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈ Π΅ΡΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, описанный Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π½Π΅ сработаСт. Для ΠΆΠΈΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° этот процСсс слишком Π΄ΠΎΠ»Π³ΠΈΠΉ ΠΈ ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ.

    Π― Баша Π’ΠΈΡ…ΠΎΠ½ΠΎΠ², ΡΠΎΡƒΡ‡Ρ€Π΅Π΄ΠΈΡ‚Π΅Π»ΡŒ ΠΈ Π°Ρ€Ρ‚-Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ Flyphant.

    ΠœΡ‹ Flyphant. ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°, графичСский Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΌΠΎΡƒΡˆΠ½-Π³Ρ€Π°Ρ„ΠΈΠΊΠ° β€” это всС, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠΌΠ΅Π΅ΠΌ, Π½ΠΎ ΠΈ любим Π΄Π΅Π»Π°Ρ‚ΡŒ.

    flyphant.com Β· Ρ‚Π²ΠΈΡ‚Ρ‚Π΅Ρ€ Β· фСйсбук Β· инстаграм

    ΠžΠ±Π·ΠΎΡ€ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса β€” прилоТСния Win32

    Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ

    Π’Π²ΠΈΡ‚Ρ‚Π΅Ρ€

    LinkedIn

    ЀСйсбук

    Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΠΎΠ΅ письмо

    • Π‘Ρ‚Π°Ρ‚ΡŒΡ
    • 2 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ Π½Π° Ρ‡Ρ‚Π΅Π½ΠΈΠ΅

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

    ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс прилоТСния ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс

    Для Π½Π°Ρ‡Π°Π»Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹ Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс» ΠΈ Β«ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс».

    ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс прилоТСния ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΈΠ΄ΠΈΡ‚ ΠΈ с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ взаимодСйствуСт нСпосрСдствСнно Π½Π° своСм экранС. НапримСр, ΠΊ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌ относятся пространство Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, мСню, Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²Ρ‹Π΅ ΠΎΠΊΠ½Π°, Π·Π½Π°Ρ‡ΠΊΠΈ, изобраТСния ΠΈ анимация.

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

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

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

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

    НиТС описаны Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ этапы процСсса Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса:

    ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

    • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ трСбования. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ трСбования ΠΈ Ρ†Π΅Π»ΠΈ для прилоТСния.
    • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ Π°Π½Π°Π»ΠΈΠ·. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ сцСнарии ΠΈ ΠΏΠΎΠΉΠΌΠΈΡ‚Π΅ потрСбности ΠΈ оТидания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сцСнария.
    • ΠšΠΎΠ½Ρ†Π΅ΠΏΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β€” смодСлируйтС Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ бизнСс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
    • ЛогичСский Π΄ΠΈΠ·Π°ΠΉΠ½ β€” ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ процСссов ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ² прилоТСния.