Π Π°Π·Π½ΠΎΠ΅

МСню Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½: АккордСон мСню | WebReference

04.08.2023

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

UI-ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΠ°: ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

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

ИмСнно ΠΎ Π½ΠΈΡ… ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅. ΠœΡ‹ рассмотрим:

  1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½
  2. Бостояния ΠΈ анатомия Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°
  3. Π’ΠΈΠ΄Ρ‹ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ²
  4. Как ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½
  5. КакиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ
  6. Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½
  7. Π§Π΅ΠΊ-лист для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ доступности Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°
  8. Π§Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅
1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

АккордСон β€” это ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ интСрфСйса, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. (А Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт, хотя сСйчас это Π½Π΅ Π²Π°ΠΆΠ½ΠΎ.)

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ использования β„– 1: Π Π°Π·Π±ΠΈΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π° части ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ бСспорядок

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

Если Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ΅Π½ Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ просто Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π½ΠΈΠΌ.

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ использования β„– 2:Β  Навигация

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

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

2. Бостояния ΠΈ анатомия Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

АккордСон ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… элСмСнтов.

Π‘Π°ΠΌΡ‹Π΅ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ… это:

  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ подпись: Π­Ρ‚ΠΎ слова, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°. Π€ΠΎΡ€ΠΌΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ понятными ΠΈ простыми, ΠΊΠ°ΠΊ тСкст ссылки. Π§Π°ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π°Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ кликабСльной.
  • Иконка: Она ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ Π²Π°ΠΌΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΅Π³ΠΎ состояниС (сСкция ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° / Π·Π°ΠΊΡ€Ρ‹Ρ‚Π°). Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°Ρ… ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚, Π½ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ считаСтся нСэффСктивным.
  • ПанСль: Иногда Π΅Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ β€œΠ²Ρ‹Π΄Π²ΠΈΠΆΠ½ΠΎΠΉ ящик” β€” Ρ‡Π°ΡΡ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, которая скрыта, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π·Π°ΠΊΡ€Ρ‹Ρ‚ ΠΈΠ»ΠΈ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π΅Π½. ИмСнно здСсь размСщаСтся ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

БостояниС β€” это ΠΎΠ±Π»ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π² зависимости ΠΎΡ‚ контСкста ΠΈ дСйствий ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Бостояния Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ:

  • БвСрнутая сСкция: Π’ΠΎΡ‚ случай, ΠΊΠΎΠ³Π΄Π° содСрТимоС ΠΏΠ°Π½Π΅Π»ΠΈ скрыто. Иногда это Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ состояниСм ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.
  • РазвСрнутая сСкция: Π Π°Π½Π΅Π΅ скрытоС содСрТимоС ΠΏΠ°Π½Π΅Π»ΠΈ являСтся Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ. Иногда это Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ состояниСм.
  • БвСрнутая сСкция Π² фокусС: ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Ρ‹Π±Ρ€Π°Π» ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ ΡΠ΅ΠΊΡ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ клавиши Tab. Если ΠΎΠ½ Π½Π°ΠΆΠΌΠ΅Ρ‚ Enter, сСкция раскроСтся.
  • РазвСрнутая сСкция Π² фокусС: ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Ρ‹Π±Ρ€Π°Π» Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ ΡΠ΅ΠΊΡ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ клавиши Tab. Если ΠΎΠ½ Π½Π°ΠΆΠΌΠ΅Ρ‚ Enter, сСкция свСрнСтся.
3. Π’ΠΈΠ΄Ρ‹ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ²

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Ρ‚ΠΈΠΏ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π² зависимости ΠΎΡ‚ контСкста.

1. АккордСон с ΠΎΠ΄Π½ΠΎΠΉ сСкциСй

Если страница ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π° дСталями, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° с ΠΎΠ΄Π½ΠΎΠΉ сСкциСй.

2. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ / Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… сСкций

ИмСнно Ρ‚Π°ΠΊ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ сСбС этот ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ скрыта Π² Ρ€Π°Π·Π½Ρ‹Ρ… сСкциях, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΎΠ½ Ρ…ΠΎΡ‡Π΅Ρ‚ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ.

3. ΠœΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

Π­Ρ‚ΠΎΡ‚ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π΅Π½ стандартному, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько ΠΏΠΎΠ΄ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ.

Один ΠΈΠ· нСдостатков Ρ‚Π°ΠΊΠΈΡ… Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² β€” ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π² Π½ΠΈΡ… Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Π― Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈΠ·Π±Π΅Π³Π°ΡŽΡ‚ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½, спроситС сСбя: β€œΠœΠΎΠ³Ρƒ Π»ΠΈ я ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня Π² ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ страницы, Π° Π² интСрфСйс Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ стандартный Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½?”

4.
АккордСон-Ρ‚Π°Π±Π»ΠΈΡ†Π°

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

5. АккордСон с Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°ΠΌΠΈ

Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΠ΅ элСмСнты Π² Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… списках чСкбоксов.

4. Как ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

Π₯отя Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ β€” это довольно простой ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, сущСствуСт нСсколько способов Π΅Π³ΠΎ оформлСния.

1. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΡΡ‚ΠΈΠ»ΡŒ, вСроятно, являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых распространСнных Π² соврСмСнном UI-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Он минималистичный, Π½Π΅Π·Π°Ρ‚Π΅ΠΉΠ»ΠΈΠ²Ρ‹ΠΉ ΠΈ элСгантный. Π― Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ сСкции ΡΠΏΠ»ΠΎΡˆΠ½Ρ‹ΠΌΠΈ линиями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρ‹.

2. Π‘ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ

АккордСон с ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ β€” это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ принято Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠΌ β€œΡΡ‚Π°Ρ€ΠΎΠΉ ΡˆΠΊΠΎΠ»Ρ‹β€. Π₯отя сСгодня ΠΌΡ‹ Ρ€Π΅Π΄ΠΊΠΎ встрСчаСм Ρ‚Π°ΠΊΠΎΠΉ ΡΡ‚ΠΈΠ»ΡŒ, Π΅Π³ΠΎ прСимущСство β€” Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ сСкций.

3. Π Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ

Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΌ состоянии сСкция Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° отдСляСтся ΠΎΡ‚ ΠΎΠΏΡ†ΠΈΠΉ, располоТСнных Π²Ρ‹ΡˆΠ΅ ΠΈ Π½ΠΈΠΆΠ΅. Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡΡ„ΠΎΠΊΡƒΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅. РСкомСндуСтся Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ состоянии ΠΌΠΎΠ³Π»Π° ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ лишь ΠΎΠ΄Π½Π° сСкция Π·Π° Ρ€Π°Π·.

5. КакиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π²Π°ΠΌ придСтся ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ.

1. Бколько сСкций ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ: нСсколько ΠΈΠ»ΠΈ ΠΎΠ΄Π½Ρƒ?
Π‘Π»Π΅Π²Π°: Π°ΠΊΡ‚ΠΈΠ²Π½Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Π° сСкция, справа: нСсколько.

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅?

Как ΠΈ всСгда, всС зависит ΠΎΡ‚ ситуации. Π₯отя Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π½Π΅ сущСствуСт, Π²ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ.

АккордСон, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ лишь ΠΎΠ΄Π½Π° сСкция:

  • Плюс: ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„ΠΎΡ€ΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ сСкции Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡ постСпСнно.
  • ΠœΠΈΠ½ΡƒΡ: ΠŸΠ»ΠΎΡ…ΠΎ, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ…ΠΎΡ‡Π΅Ρ‚ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Π² Ρ€Π°Π·Π½Ρ‹Ρ… сСкциях. (Π― Π±Ρ‹ сказал, Ρ‡Ρ‚ΠΎ это случаСтся Ρ€Π΅Π΄ΠΊΠΎ).

АккордСон, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ нСсколько сСкций:

  • Плюс: ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΡŽΡ‚ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ β€” ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ сСкции.
  • ΠœΠΈΠ½ΡƒΡ: ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ довольно Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΈΠΌ, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ раскроСт слишком ΠΌΠ½ΠΎΠ³ΠΎ сСкций ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.
  • ΠœΠΈΠ½ΡƒΡ: ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ смоТСт Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ ΡΡ„ΠΎΠΊΡƒΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅.
2. КакиС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ?

БущСствуСт нСсколько Π²ΠΈΠ΄ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°.

ИсслСдованиС Nielsen Norman, посвящСнноС ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌ, ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°ΡΠΏΠΎΠ·Π½Π°ΡŽΡ‚ ΠΈ ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ стрСлку Π²Π½ΠΈΠ·. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, люди Ρ‡Π°Ρ‰Π΅ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° Π½Π΅Π΅, Ρ‡Π΅ΠΌ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: β€œΠ£Ρ‡Π°ΡΡ‚Π½ΠΈΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ часто Π½Π°ΠΆΠΈΠΌΠ°Π»ΠΈ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΡƒ. Но Π² случаС со стрСлкой, Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½ΠΎΠΉ Π²Π½ΠΈΠ·, наблюдалась статистичСски значимая тСндСнция ΠΊ Π²Ρ‹Π±ΠΎΡ€Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π° Π½Π΅ названия сСкции”.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом исслСдовании Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ β€œΠ˜ΠΊΠΎΠ½ΠΊΠΈ Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°Ρ…: ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π»ΡƒΡ‡ΡˆΠ΅ всСго?”

Иконка плюса ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ красиво Π² ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ контСкстС, ΠΎΠ΄Π½Π°ΠΊΠΎ придСтся ΠΏΡ€ΠΈΠ·Π½Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ слоТнСС Π΅Π΅ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ.

3. БостояниС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ: ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ?

НСкоторым Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ нравится, ΠΊΠΎΠ³Π΄Π° ΠΎΠ΄Π½Π° ΠΈΠ· сСкций Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы. Они хотят ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, с ΠΊΠ°ΠΊΠΈΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Π΄Π΅Π»ΠΎ.

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

Π― ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Ρ€Π°ΡΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ: Ссли ваш Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π½Π΅ являСтся инструмСнтом Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π»ΡƒΡ‡ΡˆΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ.

6. Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² использования Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°.

1. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅

Если Π·Π°Π΄Π°Ρ‡Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° β€” Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, ΠΎΠ½, вСроятно, Π·Π°Ρ…ΠΎΡ‡Π΅Ρ‚ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π΅ΡΡƒΡ‰Π΅ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π΅, Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, свСдСния ΠΎ доставкС, условия Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π° ΠΈ Ρ‚. Π΄.

АккордСон с сСкциями: доставка, Π²ΠΎΠ·Π²Ρ€Π°Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.
2. Навигация

НСкоторых ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π² Π²ΠΈΠ΄Π΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ссылки Π½Π° Ρ€Π°Π·Π΄Π΅Π»Ρ‹ сайта. Однако этот ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ встрСчаСтся Π½Π΅ слишком часто, ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ сайты, состоящиС ΠΈΠ· мноТСства Ρ€Π°Π·Π½Ρ‹Ρ… страниц.

3. FAQ

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

4. Π€ΠΎΡ€ΠΌΡ‹

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

7. Π§Π΅ΠΊ-лист для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ доступности Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

Если Π²Ρ‹ создаСтС Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Ρ‡Π΅ΠΊ-лист, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ получится доступным.

  1. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ΄Π½Ρƒ ΠΈ Ρ‚Ρƒ ΠΆΠ΅ ΡΠ΅ΠΊΡ†ΠΈΡŽ (ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ вСсти Π½Π° ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ страницу, Π° ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΡΠ΅ΠΊΡ†ΠΈΡŽ). ЕдинствСнноС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ допустимо для Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² с Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°ΠΌΠΈ, Π³Π΄Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒΡŽ чСкбокса.
  2. Π’ свСрнутом состоянии ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΈΠΌΠ΅Π΅Ρ‚ высоту Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 44px.
  3. Π¦Π²Π΅Ρ‚Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΡƒΡ€ΠΎΠ²Π½ΡŽ контрастности AAA.
  4. Π£ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π΅ΡΡ‚ΡŒ состояниС фокуса.
  5. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠΌ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ (Tab).

Если Π²Ρ‹ Π² Ρ‡Π΅ΠΌ-Ρ‚ΠΎ ΡΠΎΠΌΠ½Π΅Π²Π°Π΅Ρ‚Π΅ΡΡŒ, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ этому руководству.

8. Π§Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅
  • Π Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ β€” ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ β€” ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
  • АккордСон β€” ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ React (Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° MUI)
  • Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ β€” Smashing Magazine
  • Иконки Π² Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°Ρ…: ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π»ΡƒΡ‡ΡˆΠ΅ всСго?

ΠŸΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ идСального Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°(accordion)

ΠŸΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠŸΠΎΡ‡Ρ‚ΠΈ мифичСская Ρ„Ρ€Π°Π·Π°, которая часто Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Ρ€Π΅ΠΏΠ΅Ρ‚ ΠΈΠ»ΠΈ Π½Π΅Π³ΠΎΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ склонны Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Π°Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠ°ΠΊ ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… стандартных Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… контСкстах ΠΏΠΎΡ‡Ρ‚ΠΈ мСханичСски, часто Π±Π΅Π· Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ³ΠΎ рассмотрСния. Навигация? Off-canvas! ΠŸΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ дня? ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ! Ну, Π²Ρ‹ поняли ΡΡƒΡ‚ΡŒ.

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

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

Π—Π° послСдниС нСсколько Π»Π΅Ρ‚ я ΠΏΡ€ΠΎΠ²Π΅Π» ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, работая с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ компаниями, пробуя Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΈ изучая ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСстов ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ. Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ прСдставляСт собой Ρ€Π΅Π·ΡŽΠΌΠ΅ наблюдСний ΠΈ экспСримСнтов, ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π·Π° это врСмя.

Π‘Π°Π·ΠΎΠ²Ρ‹Π΅ элСмСнты Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ²

Π•ΡΡ‚ΡŒ вСская ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½, вСроятно, являСтся самым популярным элСмСнтом Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ для

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

Насколько слоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½? Π§Ρ‚ΠΎ ΠΆ, Π½ΡƒΠΆΠ½ΠΎ ΡƒΡ‡Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ – сайт Schoolfinder

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

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли ΠΌΡ‹ Π±ΠΎΠ»Π΅Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ посмотрим Π½Π° Π±Π°Π·ΠΎΠ²Ρ‹Π΅ элСмСнты Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, Π½Π΅ составит Ρ‚Ρ€ΡƒΠ΄Π° ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π°Ρ‚ΠΎΠΌΠ°Ρ€Π½Ρ‹Π΅ элСмСнты. АккордСон всСгда содСрТит Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΠΎΠ΅ ΠΈ свСрнутоС состояния, ΠΈΠΊΠΎΠ½ΠΊΡƒ, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ Π½Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. ПослС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒΡΡ, указывая Π½Π° сворачиваниС. Однако, Ρ‡Ρ‚ΠΎ, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΌΠ΅Ρ‚ Π½Π° ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ другая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π°? Π”ΠΎΠ»ΠΆΠ½Π° Π»ΠΈ развСрнутая ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ автоматичСски ΠΈΠ»ΠΈ Π½Π΅Ρ‚? Π§Ρ‚ΠΎ, Ссли Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ всС элСмСнты – Π΄ΠΎΠ»ΠΆΠ½Π° Π»ΠΈ страница автоматичСски ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π²Π²Π΅Ρ€Ρ…? Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ рассмотрим эти ΠΈ связанныС с Π½ΠΈΠΌΠΈ вопросы.

ΠšΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π½Π° сайтС Nsb.no, норвСТском ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ΅ ΠΏΠΎΠ΅Π·Π΄ΠΎΠΊ, с ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ, Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠΉ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΈ всСй панСлью, Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΠΊΠ°ΠΊ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ

Π’Ρ‹Π±ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ для обозначСния Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ

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

Zvv.ch ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ Π΄Π²Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° с ΠΎΠ΄Π½ΠΎΠΉ ΠΈ Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ (ΠΎΠ±Π²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ плюс) — ΠΎΠ΄Π½ΠΎΠΉ для обозначСния Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ΅Π·Π΄ΠΊΠΈ, Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ для обозначСния остановок ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ. Оба ΠΎΠ½ΠΈ слуТат ΠΎΠ΄Π½ΠΎΠΉ Ρ†Π΅Π»ΠΈ (Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡŽ) ΠΈ выглядят ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. Они Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽΡ‚ Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅

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

Ableton.com ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΎΠΊ плюса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ Ρ‚Π°Ρ€ΠΈΡ„Π½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ (Π²Π²Π΅Ρ€Ρ…Ρƒ), Ρ‚Π°ΠΊ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ (Ссли Π²Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚Π΅ страницу Π²Π½ΠΈΠ·). Иконки, ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ±ΠΈΡ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ Π»ΠΈΠ±ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ Π²Π²Π΅Ρ€Ρ…Ρƒ (Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ происходит), Π»ΠΈΠ±ΠΎ отсутствия взаимодСйствия ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ плюса Π²Π½ΠΈΠ·Ρƒ (дСйствуСт ΠΊΠ°ΠΊ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅)

НапримСр, Slack ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ стрСлку, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ Π²ΠΏΡ€Π°Π²ΠΎ, хотя элСмСнты Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, Π° Π½Π΅ Π²ΠΏΡ€Π°Π²ΠΎ ΠΎΡ‚ Π½ΠΈΡ…. Π’Π΅ΠΏΠ΅Ρ€ΡŒ стоит ΡΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ? ВСроятно, ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠΌ направлСния двиТСния ΠΈΠ»ΠΈ, Ρ‚ΠΎΡ‡Π½Π΅Π΅, Ρ‚ΠΎΠ³ΠΎ, ΠΊΡƒΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ взгляд ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ послС Ρ‚Π°ΠΏΠ° ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠΊΠ° ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅. НапримСр, Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Β«ΠŸΠΎΡ‡Ρ‚Π°Β» Π½Π° iOS, ΡˆΠ΅Π²Ρ€ΠΎΠ½, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΏΡ€Π°Π²ΠΎ, соотвСтствуСт ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ взгляда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ слСва-Π½Π°ΠΏΡ€Π°Π²ΠΎ.

Π’ Slack Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ свСрнутых Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ², ΠΏΡ€ΠΈ этом ΡˆΠ΅Π²Ρ€ΠΎΠ½ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²ΠΏΡ€Π°Π²ΠΎ, Π° Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ происходит свСрху Π²Π½ΠΈΠ·.

Π’ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Β«ΠŸΠΎΡ‡Ρ‚Π°Β» Π½Π° iOS, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡˆΠ΅Π²Ρ€ΠΎΠ½, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΏΡ€Π°Π²ΠΎ, соотвСтствуСт ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ взгляда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ слСва-Π½Π°ΠΏΡ€Π°Π²ΠΎ

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

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

Π—Π½Π°Ρ‡ΠΎΠΊ плюса ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ значСния. На сайтС Leica, плюс ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ лайтбокс, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ отобраТаСтся ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚. НСкоторыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ³ΠΎ повСдСния. Π—Π½Π°Ρ‡ΠΎΠΊ Π»ΡƒΠΏΡ‹ здСсь ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΌΠ΅Π½Π΅Π΅ Π½Π΅ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½Ρ‹ΠΌ

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

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

Π—Π½Π°Ρ‡ΠΈΡ‚, всС ΠΏΡ€ΠΎΡΡΠ½ΠΈΠ»ΠΎΡΡŒ? Ну, Π½Π΅ совсСм.

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

Какого повСдСния слСдуСт ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ видят стрСлку Π² мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π½Π° сайтС tifwe.org? ΠŸΠΎΠ½ΡΡ‚Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ° справа ΠΎΡ‚ элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° подмСню, Π° Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ доступноС пространство. НазваниС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ – это ссылка, которая ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ прямо ΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Π° стрСлка ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅

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

Иконки часто Π½Π΅ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½Ρ‹. На Qso.com, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚ΠΎΡ‡Π½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Π½ΠΈΠ·Ρƒ экрана Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу Π²Π½ΠΈΠ·? Π’ этом случаС прокручиваСтся страница. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΡˆΠ΅Π²Ρ€ΠΎΠ½ часто ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅

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

Π‘Ρ‚Ρ€Π΅Π»ΠΊΠΈ Π½Π° сайтС Papillons De Nuit. Π§Ρ‚ΠΎ Π²Ρ‹ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚Π΅ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° стрСлки Π²Π²Π΅Ρ€Ρ…Ρƒ страницы ΠΈ справа? Π‘Ρ‚Ρ€Π΅Π»ΠΊΠ° свСрху дСйствуСт ΠΊΠ°ΠΊ подсказка (ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ), Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ стрСлки справа ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌ страницы. НС ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠ³ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ³ΠΎ повСдСния

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

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

Π’Ρ‹Π±ΠΎΡ€ полоТСния ΠΈΠΊΠΎΠ½ΠΊΠΈ

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹! НСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π΅: Π°) слСва ΠΎΡ‚ названия ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ; Π±) справа ΠΎΡ‚ Π½Π΅Π΅; Π²) Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ всСй ΠΏΠ°Π½Π΅Π»ΠΈ элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Ρ€Π°Π·Π΄Π΅Π»ΠΈΠ² Π΅Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠΌ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ.

Иногда ΠΊΠ»ΠΈΠΊ ΠΏΠΎ тСкстовой ΠΌΠ΅Ρ‚ΠΊΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Π° ΠΊΠ»ΠΈΠΊ ΠΏΠΎ пустому мСсту Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ, ТСлая Ρ€Π°ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ, Π° Π½Π΅ Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ ΠΈΠ»ΠΈ пустоС пространоство. ИсслСдованиС Viget.com

Π˜ΠΌΠ΅Π΅Ρ‚ Π»ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ позиция? На самом Π΄Π΅Π»Π΅, Π΄Π°. Богласно ΡΡ‚Π°Ρ‚ΡŒΠ΅ Viget «ВСстированиС Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ мСню Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°Β», Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π½Π° Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ, Π° Π½Π΅ Π½Π° всю панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎ происходит ΠΏΠΎ простой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅: Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ Β«ΠΎΠ±ΠΆΠ΅Ρ‡ΡŒΡΡΒ» ΠΎΠ± Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°. На Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтах Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π½Π΅ запускаСт Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Π° вмСсто этого ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ прямо Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ. Π’ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½Π°Ρ… Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π½Π° панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, Π½ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ – Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ происходит.

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

ΠŸΡ€ΠΈ использовании Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… интСрфСйсов ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ казалось, Ρ‡Ρ‚ΠΎ с ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠΉ справа ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Ρ„ΠΎΠΊΡƒΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ΅ Ρ‡Π°Ρ‰Π΅, Ρ‡Π΅ΠΌ, Ссли ΠΈΠΊΠΎΠ½ΠΊΠ° размСщаСтся слСва (Π³Π΄Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‚ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΡƒΡΡ‚ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΏΠ°Π½Π΅Π»ΠΈ). Однако Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ склонны Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π΅ достаточно большой для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ наТатия – Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 44 Γ— 44 пиксСлСй.

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

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

Π”ΠΈΠ·Π°ΠΉΠ½ взаимодСйствия для Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

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

Π§Ρ‚ΠΎ ΠΆ, ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΌ Π² ΠΎΠ΄Π½ΠΎΠΌ: ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ, ΠΎΠ½, вСроятно, ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, поэтому Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅. Однако ΠΏΠΎ названию ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΊΠ°ΠΊ с Π½Π°ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ прямо ΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΈ с Ρ†Π΅Π»ΡŒΡŽ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ.

Если Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ этому Ρ€Π°Π·Π΄Π΅Π»Ρƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, «ВсС элСмСнты»). Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‚ ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы ΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρƒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Π½Π΅ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ потрСбуСтся Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅. Однако, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π² этом случаС ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Π° ΠΈ Π½Π° самом Π΄Π΅Π»Π΅ Π½Π΅ заставляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²ΠΎΡΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π΅ состояниС, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ сразу ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

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

Π§Π΅ΠΌ Π±Π»ΠΈΠΆΠ΅ ΠΊ ΠΈΠΊΠΎΠ½ΠΊΠ΅ происходит касаниС, Ρ‚Π΅ΠΌ большС Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. Однако это Π½Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ‡Π΅ΠΌ Π±Π»ΠΈΠΆΠ΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊ названию ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Ρ‚Π΅ΠΌ большС Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ Π½Π΅ΠΉ

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

АккордСон Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ свСдСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ Π»ΠΈΠ΄Π΅Ρ€ΠΎΠ² Π½Π° PremierLeague.com. (Desktop view⎒Mobile view)

Но Ρ‡Ρ‚ΠΎ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π±Ρ‹Π» связан нСпосрСдствСнно с ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠ΅ΠΉ? Одна ΠΈΠ· ΠΈΠ΄Π΅ΠΉ состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти ΡΡΠ½ΠΎΡΡ‚ΡŒ, имСя Π΄Π²Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΡ…ΡΡ элСмСнта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Β«Π½Π°ΠΌΠ΅ΠΊΠ°ΡŽΡ‚Β» Π½Π° Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ элСмСнтов – Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Ρ„ΠΎΠ½Π° для ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ (см. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π²Ρ‹ΡˆΠ΅). Π’ Π½Π°ΡˆΠΈΡ… экспСримСнтах ΠΌΡ‹ Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈ оТиданиях ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ – Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ люди всС Ρ€Π°Π²Π½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‚ Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ ΠΈ Π·Π°Π΄Π°ΡŽΡ‚ΡΡ вопросом, Ρ‡Ρ‚ΠΎ ΠΆΠ΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ. ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅, соСдинСниС Ρ€Π°Π·Π΄Π΅Π»Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° каТСтся Π±ΠΎΠ»Π΅Π΅ бСзопасным Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ.

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

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

На сайтС Sony.com, Ссли ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·Π΄Π΅Π» раскрываСтся ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π», ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» автоматичСски сворачиваСтся. Π’Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π΅ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Π²Π΅Π±-сайтах, поэтому ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π²Π΅Π·Π΄Π΅

И Ρ‚ΠΎΠ³Π΄Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΎΠΉ вопрос: Ссли ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·Π΄Π΅Π» ΡƒΠΆΠ΅ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π», Π΄ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π΅ΡΡ‚ΡŒ? Если ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» сворачиваСтся автоматичСски, Π½ΠΎ это Π½Π΅ совсСм Ρ‚ΠΎ, Π½Π° Ρ‡Ρ‚ΠΎ надСялся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΎΠ½ всСгда ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ снова, Π½ΠΎ Π½Π΅ смоТСт ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Если Ρ€Π°Π·Π΄Π΅Π» останСтся Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹ΠΌ, Π΅ΠΌΡƒ придСтся Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π΅Π½ΡƒΠΆΠ½ΡƒΡŽ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ. Π£ ΠΎΠ±ΠΎΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π΅ΡΡ‚ΡŒ Ρ€Π°Π·ΡƒΠΌΠ½Ρ‹Π΅ случаи использования.

ΠŸΡ€ΠΈΡ€ΠΎΠ΄Π° Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ автоматичСского сворачивания, Π½ΠΎ это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ. Для Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² с большим количСством элСмСнтов ΠΌΡ‹ склонны ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ раскрытыми, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΏΡ€Ρ‹ΠΆΠΊΠΈ, происходящиС Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ закрытия ΠΈ открытия ΠΏΠ°Π½Π΅Π»Π΅ΠΉ, слишком ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‚. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΡΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒ всС» / Β«Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ всС», Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для расписания ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹. Если элСмСнтов Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ, Ρ‚ΠΎ Ρ€Π°Π·Π΄Π΅Π» ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ свСрнут ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ. (ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² сСкция ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ закроСтся – Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π΅Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΉ просто Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысла).

На Π²Π΅Π±-сайтС The Guardian слСва размСщаСтся ΡˆΠ΅Π²Ρ€ΠΎΠ½, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ слСдуСт Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΈ пустоС мСсто. НаТатиС Π½Π° Π»ΡŽΠ±ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΏΠ°Π½Π΅Π»ΠΈ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Π° домашняя страница ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ отобраТаСтся Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° срСди элСмСнтов Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

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

Π’Ρ‹Π²ΠΎΠ΄

Π£Ρ„, это Π±Ρ‹Π»ΠΎ Π΄ΠΎΠ»Π³ΠΎΠ΅ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅, казалось Π±Ρ‹, ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π½Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½? ΠœΡ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΡƒ, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ (ΡˆΠ΅Π²Ρ€ΠΎΠ½, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Π²Π½ΠΈΠ·, ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ плюса), Π΄Π΅Π»Π°Π΅ΠΌ Π΅Π΅ достаточно большой для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ наТатия ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π΅Π΅ ΠΏΠΎΠΏΠ΅Ρ€Π΅ΠΊ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ края ΠΏΠ°Π½Π΅Π»ΠΈ. Вся панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ запускаСт Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ – с достаточным отступом Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΏΠ°Π½Π΅Π»ΠΈ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ состояний, ΠΈ ссылкой Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°.

Если ΠΌΡ‹ Ρ€Π΅ΡˆΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ΅Π²Ρ€ΠΎΠ½, Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ, Π° Ссли это Π·Π½Π°Ρ‡ΠΎΠΊ плюса, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒΡΡ Π½Π° Β«-Β» ΠΈΠ»ΠΈ Β«xΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° сворачиваниС. Π§Ρ‚ΠΎΠ±Ρ‹ взаимодСйствиС Π±Ρ‹Π»ΠΎ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅Ρ‚ΠΊΠΈΠΌ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ ΠΈ Π·Π°Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ элСмСнты ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, вашС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ сильно ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ контСкста, поэтому, Ссли Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π½ΠΈΠΆΠ΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ нСсколько вопросов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ всСгда Π·Π°Π΄Π°Π΅ΠΌ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°.

ЧСклист проСктирования Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ²

  1. ΠšΠ°ΠΊΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ для обозначСния раскрытия?
  2. ΠšΠ°ΠΊΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ для обозначСния сворачивания?
  3. Π“Π΄Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Ρ‹ размСститС ΠΈΠΊΠΎΠ½ΠΊΡƒ?
  4. Как ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ?
  5. Как Π²Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ состояниС свСртывания ΠΈ раскрытия (ΠΏΠΎΠΌΠΈΠΌΠΎ ΠΈΠΊΠΎΠ½ΠΊΠΈ)?
  6. Π§Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΌΠ΅Ρ‚ Π½Π° ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ?
  7. Π”ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ссылку Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ?
  8. Π§Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΆΠΌΠ΅Ρ‚ Π½Π° пустоС мСсто?
  9. Π”ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ автоматичСски ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°?
  10. Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли для отобраТСния всСх элСмСнтов нСдостаточно мСста?
  11. Π”ΠΎΠ»ΠΆΠ½Ρ‹ Π»ΠΈ Ρƒ вас Π±Ρ‹Ρ‚ΡŒ ссылка ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«Π‘Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ всС / ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ всС»?

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

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρƒ вас Π±Ρ‹Π» ΠΈΠ½ΠΎΠΉ ΠΎΠΏΡ‹Ρ‚, Ρ‡Π΅ΠΌ упомянутый Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅? ΠŸΠΈΡˆΠΈΡ‚Π΅ ΠΎΠ± этом Π² коммСнтариях!


ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ smashingmagazine.com

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π½Ρ‹Ρ… мСню для слоТного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ

ΠžΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ

  • 0

Tanzir Rahman ΠŸΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° Π΄Π°Π½Π½Ρ‹Π΅, со ΡΠΊΠ»ΠΎΠ½Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊ созданию элСгантных Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятных интСрфСйсов. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π° ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΎΡ‚ 0 ΠΊ 1 ΠΈ Π²Ρ‹ΡˆΠ΅, слСдуя Agile ΠΈ Lean UX для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΠΈΠΌΠΎΡ€Ρ„Π½Ρ‹Ρ… Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² Sketch ΠΈ Figma. ​

7 ΠΌΠΈΠ½ΡƒΡ‚ чтСния 2063 106

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

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

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ основным прСимущСством Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² являСтся сниТСниС ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½ΠΎΠΉ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠ±ΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ использованиС Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² всСго Π½Π° Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° использования:

  • ΠœΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹, ΠΊΠΎΠ³Π΄Π° Ρƒ нас Π΅ΡΡ‚ΡŒ большоС количСство ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ
  • ΠœΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ мСню ΠΈ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ страницы вмСстС

Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π½Ρ‹Π΅ мСню ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ для UX-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²:

  • ΠŸΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡ‹Ρ‚ проСктирования Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°
  • ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° UX с Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°ΠΌΠΈ
  • Π’ΠΈΠΏΡ‹ мСню-Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°
  • ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π½Ρ‹ΠΌ мСню

ΠŸΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡ‹Ρ‚ проСктирования Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

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

  • ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΈΠΉ ΠΈ Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. Π­Ρ‚ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ являСтся основным способом информирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ содСрТаниС Ρ€Π°Π·Π΄Π΅Π»Π°.0007
  • Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ€Π°Π·Π΄Π΅Π»Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ, ΠΈ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ индикация, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π°Ρ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΉ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это достигаСтся ΠΏΡƒΡ‚Π΅ΠΌ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π² Π²ΠΈΠ΄Π΅ Π·Π½Π°ΠΊΠ° вставки, плюса ΠΈΠ»ΠΈ стрСлки Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π° Ρ‚Π°ΠΊΠΆΠ΅ измСнСния курсора Π½Π° Π·Π½Π°Ρ‡ΠΎΠΊ Ρ€ΡƒΠΊΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора
  • .
  • ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ€Π°Π·Π΄Π΅Π»Π°, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ½ΠΈΠΌΠ°Π», Ρ‡Ρ‚ΠΎ это ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ нСпосрСдствСнно связан с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π±Π»ΠΈΠ·ΠΊΠΎ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ Ρ€Π°Π·Π΄Π΅Π»Π° Π² соотвСтствии с ΠΏΡ€Π°Π²ΠΈΠ»ΠΎΠΌ близости Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса 9.0007
  • Π Π°Π·Π΄Π΅Π»Ρ‹ ΠΏΠΎ всСму ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρƒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ. Π¨Ρ€ΠΈΡ„Ρ‚, Ρ†Π²Π΅Ρ‚, Ρ„ΠΎΠ½, ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌΠΈ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, всС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π΅Π΄ΠΈΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ, ΠΈ всС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ΅ содСрТимоС Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΡΡ‚ΠΈΠ»ΡŒ
  • .
  • ΠœΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π΄ΠΎΡΡ‚Π°Ρ‚ΠΎΡ‡Π½ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ связь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π» ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚, Π° ΠΊΠ°ΠΊΠΎΠΉ Π·Π°ΠΊΡ€Ρ‹Ρ‚. Π­Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… подсказок, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° ΠΈΠ»ΠΈ символа 9. 0007
  • Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Ρ‚Π°ΠΊΠΆΠ΅ обСспСчиваСт Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями. ΠœΡ‹ обСспСчиваСм это, Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ARIA
  • .

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

На ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для обозначСния Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ это ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ€Π°Π·Π΄Π΅Π»Π°. Nielsen Norman Group ΠΏΡ€ΠΎΠ²Π΅Π»Π° Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ исслСдованиС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ являСтся Π»ΡƒΡ‡ΡˆΠΈΠΌ, ΠΈ ΠΈΡ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ Π² Π²ΠΈΠ΄Π΅ курсора Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ эффСктивно соотвСтствуСт оТиданиям ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

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

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

Богласно исслСдованию, использованиС символа вставки Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ Π΅Π³ΠΎ отсутствиС. ИспользованиС символа плюса ΠΈΠ»ΠΈ стрСлки Π½Π΅ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ отсутствиС Π·Π½Π°Ρ‡ΠΊΠ° Π²ΠΎΠΎΠ±Ρ‰Π΅. ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±Ρ‹Π»ΠΎ ΠΎΠΏΡ€ΠΎΠ²Π΅Ρ€Π³Π½ΡƒΡ‚ΠΎ Π² Ρ…ΠΎΠ΄Π΅ исслСдования, Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»ΠΎΡΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ автоматичСского ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° Π½ΠΎΠ²ΡƒΡŽ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ символа стрСлки, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠ΅ соотвСтствуСт Π·Π½Π°Ρ‡ΠΊΡƒ плюса ΠΈ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΡŽ Π·Π½Π°Ρ‡ΠΊΠ°.

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

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

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° UX с Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°ΠΌΠΈ

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

  • Если ΠΌΠ½ΠΎΠ³ΠΎ сСкций, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, Ρ‚ΠΎ Π³Π°Ρ€ΠΌΠΎΡˆΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π—Π°ΠΊΠΎΠ½ ΠœΠΈΠ»Π»Π΅Ρ€Π° гласит, Ρ‡Ρ‚ΠΎ количСство ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ срСднСстатистичСский Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ памяти, Ρ€Π°Π²Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ сСми. Если количСство ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΎΠΏΡ†ΠΈΠΉ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ сСмь, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ слоТно Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ изучСния. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ вСсь ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ сразу ΠΈ просто ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ постСпСнно ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ. ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Π½Π΅ прСдставляСт слоТности для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ мСньшС ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ
  • Π§Π΅ΠΌ большС ΠΊΠ»ΠΈΠΊΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ выполняСт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ приводят ΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΡŽ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‚Π΅ΠΌ мСньшС Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ поиск. БСсплодныС ΠΊΠ»ΠΈΠΊΠΈ приводят ΠΊ Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½ΠΈΡŽ, Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΆΠ΄Π°Ρ‚ΡŒ появлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ пустая Ρ‚Ρ€Π°Ρ‚Π° Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
  • .
  • Π‘ΠΎΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ содСрТимого Π·Π° свСрнутой сСкциСй Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΌΠ΅Π½Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ с мСньшСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠ°Ρ‚ скрытый ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, особСнно Ссли взаимодСйствиС с ΠΊΠ»ΠΈΠΊΠΎΠΌ нСдостаточно Π·Π°ΠΌΠ°Π½Ρ‡ΠΈΠ²ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ
  • Для обСспСчСния доступности Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для доступа Ρ‡Π΅Ρ€Π΅Π· ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово ΠΈΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ARIA. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст Π³ΠΎΡ‚ΠΎΠ² ΠΊ доступности ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… усилий
  • Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях содСрТимоС Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠΌ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π½ΠΎ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹ Π½Π΅ всСгда ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ΡΡ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ доступна вСрсия для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ

Nielsen Norman Group ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»Π°, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ страницы, Ссли ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΈ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для удобства просмотра. ВзаимодСйствиС с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΈ ΠΈ Ρ‚Ρ€Π΅ΠΊΠΏΠ°Π΄ΠΎΠ² Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅, Ρ‡Π΅ΠΌ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠ² ΠΏΠΎ цСлям. ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ просто Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ структурирован ΠΈ прСдставлСн Π»ΡƒΡ‡ΡˆΠ΅.

Из этого ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ использованиС Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² для обСспСчСния ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

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

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


Π‘ΠΎΠ»Π΅Π΅ 200Β 000 Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠ² ΠΏΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ LogRocket для создания Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ β†’


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

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

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

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

Одно ΠΈΠ· самых популярных ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ΠΎΠ² β€” это мСню, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ подходят для Π²Π΅Π±-сайтов с большим количСством ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС Π΅ΡΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°ΠΌ:

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

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

Π§Π°Ρ‰Π΅ всСго мСгамСню ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° Π²Π΅Π±-сайтС элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ с нСсколькими подкатСгориями. Π’Π΅Ρ€Ρ…Π½ΠΈΡ… Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ, ΠΎΠΊΠΎΠ»ΠΎ сСми ΠΈΠ»ΠΈ восьми; Π° ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ всС ΠΎΠ½ΠΈ Π½Π° Π²ΠΈΠ΄Ρƒ ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠΊΠΎΠ².

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

Для ΠΎΠ±ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΡΡ‚Π², ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π° мСню, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹ Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΎΠΊΠ½Π°ΠΌΠΈ. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Π½Π΅Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰Π΅Π³ΠΎ модального ΠΎΠΊΠ½Π° являСтся Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‰Π°ΡΡΡ правая панСль. МодальноС ΠΎΠΊΠ½ΠΎ с Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΎΠΉ β€” это Ρ‚ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎ опрСдСляСм ΠΊΠ°ΠΊ модальноС ΠΎΠΊΠ½ΠΎ с Ρ‚Π΅ΠΌΠ½Ρ‹ΠΌ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ содСрТимоС Ρ‚Π΅Π»Π° Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅.

Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Ρ‚Π΅ΠΌΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, Π½ΠΎ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ нашСй Ρ†Π΅Π»ΠΈ β€” ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ сниТСнии ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΈΠ²Π½ΠΎΠΉ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. ΠœΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€Π°Π³ΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚ΡŒΡΡ ΠΊ Ρ‚ΠΎΠΌΡƒ, являСтся Π»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ модального ΠΎΠΊΠ½Π° Π»ΡƒΡ‡ΡˆΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях достаточно ΠΈΠΌΠ΅Ρ‚ΡŒ всС содСрТимоС Π½Π° повСрхности; всС, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ, β€” это ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ структура, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ сканирования.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ источник изобраТСния: IconScout

LogRocket: Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°, которая Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ UX Π±Π΅Π· нСобходимости ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ впСчатлСния.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Π²Ρ‹Π±ΠΎΡ€ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, взаимодСйствия ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ β€” ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ LogRocket сСгодня.

Tanzir Rahman ΠŸΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π½Π° Π΄Π°Π½Π½Ρ‹Π΅, со ΡΠΊΠ»ΠΎΠ½Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊ созданию элСгантных Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятных интСрфСйсов. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΎΡ‚ 0 Π΄ΠΎ 1 ΠΈ Π²Ρ‹ΡˆΠ΅, слСдуя Agile ΠΈ Lean UX для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΠΈΠΌΠΎΡ€Ρ„Π½Ρ‹Ρ… Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² Sketch ΠΈ Figma.0001

Если Π²Ρ‹ Π±ΠΎΡ€Π΅Ρ‚Π΅ΡΡŒ со слишком большим количСством Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ слишком большим количСством ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° Π²Π΅Π±-страницС, Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

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

Π’ этом постС ΠΌΡ‹ рассмотрим, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½, ΠΈΠ· Ρ‡Π΅Π³ΠΎ состоит Π΅Π³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅?

Π’ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ β€” это Ρ‚ΠΈΠΏ мСню, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ отобраТаСтся список Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², располоТСнных Π΄Ρ€ΡƒΠ³ Π½Π°Π΄ Π΄Ρ€ΡƒΠ³ΠΎΠΌ. ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ (ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρƒ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ чтСния с экрана) эти Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π»ΠΈΠ±ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ, Π»ΠΈΠ±ΠΎ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ связанный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

Π­Ρ‚ΠΎΡ‚ шаблон проСктирования идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для разбиСния Π΄Π»ΠΈΠ½Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ слоТного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° ΡƒΠ΄ΠΎΠ±ΠΎΠ²Π°Ρ€ΠΈΠΌΡ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… сайтов, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ количСство ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π½ΠΎΠ³ΠΎ мСню, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ Π½Π° страницС часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… вопросов Π²Π΅Π±-сайта:

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ людям ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΈ ΠΊΠΎΠ³Π΄Π° Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΈΡ… взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ вСс ΠΊΠΎΠ²Ρ€ΠΈΠΊΠ° Yogaline, ΠΈ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅. Или ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ мСню. Π’ любом случаС, ΠΎΠ½ΠΈ сами Ρ€Π΅ΡˆΠ°ΡŽΡ‚, ΠΊΠ°ΠΊΠΎΠ² ΠΈΡ… Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

АккордСон ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ΠΈ с ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ содСрТаниСм. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ использования, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Π°ΠΌ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½.

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

Когда Π½Π΅ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½

НСсмотря Π½Π° мноТСство прСимущСств, Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π½Π΅ всСгда являСтся Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° вашСго Π²Π΅Π±-сайта. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Π½Π΅ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½.

  • Когда читатСлям Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ элСмСнтов Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°:  Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ элСмСнтов Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ всС содСрТимоС, Π° Π½Π΅ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π·Π°ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ, Π½Π° ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ, ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° Π½ΠΈΡ… ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±Ρ€Π΅ΠΌΠ΅Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ.
  • Если Ρƒ вас Π½Π΅Ρ‚ рСсурсов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ доступным: АккордСоны Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ доступны, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… усилий ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅. Если Ρƒ вас Π½Π΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΈΠ»ΠΈ Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Π°, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ для соблюдСния стандартов доступности, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст.

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

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° содСрТат Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ². Они Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌΠΈ, Π½ΠΎ достаточно ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΎ Ρ‡Π΅ΠΌ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² ΠΌΡ‹ΡˆΡŒΡŽ. Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ изобраТСния

Π—Π½Π°Ρ‡ΠΊΠΈ

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

Часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π΄Π²Π° Π½Π°Π±ΠΎΡ€Π° Π·Π½Π°Ρ‡ΠΊΠΎΠ², ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…, Π±Ρ‹Π» Π»ΠΈ элСмСнт Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ ΠΈΠ»ΠΈ свСрнут. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ плюса Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ выглядит ΠΊΠ°ΠΊ Β«XΒ». ΠŸΡ€ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠΌ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Ρ€Π°Π·Π΄Π΅Π» свСрнСтся, Π° Π·Π½Π°Ρ‡ΠΎΠΊ вСрнСтся Π² исходноС ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

ПанСли

ΠŸΠ°Π½Π΅Π»ΠΈΒ β€“ это Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, связанныС с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ скрыты ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ‰Π΅Π»ΠΊΠ°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ Π² мСню. ПанСли ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π°Π±Π·Π°Ρ†Π΅Π², Π½ΠΎ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌΠΈ ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ, ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°.

UI-Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°, символы ΠΈ субтитры, ΠΊΠ°ΠΊ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… Π½ΠΈΠΆΠ΅.

Π§Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, посмотритС это Π²ΠΈΠ΄Π΅ΠΎ ΠΎΡ‚ DesignCoachΒ , Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Figma:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ мСню-Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°

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

ИмСя это Π² Π²ΠΈΠ΄Ρƒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ мСню Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° Π½ΠΈΠΆΠ΅.

1. &Tea

Π§Ρ‚ΠΎ Π½Π°ΠΌ нравится:  На Π³Π»Π°Π²Π½ΠΎΠΉ страницС &Tea ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ для прСдставлСния ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ мСню ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π°Ρ€ΠΎΠΌΠ°Ρ‚ ΠΈ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊ ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ ΠΎΠ½ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ‚, ΠΈΠ»ΠΈ сразу ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ своСй любимой ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ.

2. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»

Π§Ρ‚ΠΎ Π½Π°ΠΌ нравится: Β Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… вопросов Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π° Π½Π° Ρ€Π°Π·Π΄Π΅Π»Ρ‹, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½. Бсылки ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° слСва ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰Π΅ΠΌΡƒ ΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»Ρƒ ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌΡƒ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρƒ.

3. ГородскиС Π΄ΠΆΡƒΠ½Π³Π»ΠΈ

Π§Ρ‚ΠΎ Π½Π°ΠΌ нравится:  Как ΠΈ Material, страница часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… вопросов Urban Jungle Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π° Π½Π° Ρ€Π°Π·Π΄Π΅Π»Ρ‹, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅Π΅Ρ‚ собствСнный Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ ΠΈ ссылку для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° для облСгчСния Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π§Ρ‚ΠΎ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ Π½Π° этой страницС, Ρ‚Π°ΠΊ это Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ названия Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ слСва ΠΎΡ‚ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π°, Π° Π½Π΅ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π½Π΅Π³ΠΎ.

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

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