Який найкращий спосіб вказати, що ви можете прокручувати ділянку, коли в області немає смуги прокрутки?

Єдине, про що я міг придумати, це сказати: "Прокрутіть, щоб побачити повне меню" вище. Які ще інші способи це роблять люди?

Люди добре ставляться до фізичної відносності в інтерфейсах користувача. Іншими словами, якщо ви хочете, щоб інтерфейс відчував себе природним або зробив його управління очевидним, ви можете використовувати зовнішній вигляд фізичного реалізму для цього. Правильні іконки завжди обов'язкові для отримання очевидних функціональних можливостей.

Як фізично виглядала б область прокрутки? Просто! Шар вмісту нижче зовнішнього кадру. Щоб досягти такого вигляду, ви можете використовувати тінь для коробки на зовнішньому шарі.

• Порада. Створюючи поле CSS-тіней для CSS, ви можете розмістити кілька тіней разом з комами. Використовуйте світлу далеку тінь з сильнішою короткою для приємного ефекту. Використовуйте RGBA (контроль непрозорості) для легкого дотику!

Далі, без смуги прокрутки, найкращою практикою, яка спадає на думку, буде використання JQuery із полем прокрутки, що можна натискати, прикріпленим до країв кадру, який містить вміст, який прокручується, і поле з’являється, коли внутрішні елементи виступають поза коробкою будь-який із чотирьох напрямків.

Якщо ви хочете, щоб смужка була відсутньою або прихованою за замовчуванням, тримайте її або прихованою, або злегка непрозорою, доки область прокрутки не буде приведена до неї або натиснута, а потім з'явиться механізм прокрутки.

• Просте використання: Поле має злегка активуватись (починати прокручування дочірнього елемента) під час наведення курсору та повністю при натисканні миші.

Ось демонстрація:

Для довгих областей прокрутки необхідна прискорена прокрутка за допомогою цієї практики, інакше можливість користувачів швидко переміщатися по вмісту буде пригнічена.

Після цього я думаю, що я можу створити плагін JQuery і використовувати цю практику для свого наступного веб-додатка.

Переконайтеся, що вперше відображений вміст за замовчуванням показує елемент у нижній частині (припускаючи вертикальну прокрутку), який виявляється лише частково, тим самим повідомляючи користувача, що знаходиться нижче, і вони можуть дістати / розкрити його.

Ось що б я спробував:

М’який градієнт, який переходить трохи вмісту. Це вказує на те, що нижче є більше. Крім того, можна, звичайно, додати трохи стрілки.

Наскільки очевидно, що ви хочете зробити це, зводиться до того, хто ви думаєте, якою буде аудиторія та яким є контекст.

Звичайні методи пошуку способу, такі як стрілки та графіки, які продовжуються поза рамкою, можуть допомогти користувачеві подорожувати. Крім того, ви можете скористатися якорною системою меню / навігації, яку використовують багато сайтів на одній сторінці.

Найбільш кричущим і негарним рішенням буде спливаюче вікно, яке інформує користувачів прокручувати вниз для отримання більшого вмісту, а потім приховує, коли актор прокручує (стиль повідомлення про cookie).

Інший варіант - змінити курсор при наведенні на елемент на щось, що вказує на прокрутку, наприклад, стрілку, що рухається, яка вказує та вказує вниз, або щось, що вказує на "читати більше прокручуванням".

Звичайно, це працює лише для робочого столу.