Новостные ленты в соцсетях и на сайтах, длинные документы и таблицы, большие фотографии и чертежи, – все эти, а также много других задач не обходятся без скроллбару. Сегодня мы не задумываемся о нем, а просто используем этот удобный интерфейс для навигации на экране. Однако скроллбар не всегда был таким интуитивно понятным. Он прошел долгий путь эволюции, и дизайнер Себастиен Матос создал интерактивный гид, на котором это можно наглядно посмотреть.
Xerox Star: 2/10
Непонятный дизайн. Стрелки контринтуитивно перемещают скроллбар. Нажимаешь стрелку вверх, а прямоугольник движется вниз.
Lisa OS: 6/10
Стрелки выполняют именно то, что от них ожидаешь. При перемещении видно исходное положение — очень удобно. Но сам скроллбар шире, чем хотелось бы.
System 1: 7/10
Итеративно улучшение, в котором сохранили все хорошие стороны, а также сделали более приятные пропорции.
Windows 1.01: 5/10
Красный цвет добавляет яркости, но отвлекает.
NeXTSTEP: 6/10
Неудобное размещение стрелок. Удобства добавляет отображение позиции ползуна скроллбару в реальном времени.
Windows 3.0: 7/10
Простой и легкий дизайн. Все функции понятны с первого взгляда.
System 7: 6/10
Очень похож на Windows 3.0, но не такой контрастный, что можно считать минусом.
Windows 95: 7.5/10
Хороший апдейт к дизайну Windows 3.0. Появился показ позиции ползуна скроллбару в реальном времени.
Mac OS 8: 5.5/10
Хороший контраст, но неудобное размещение стрелок.
Mac OS X 10.0: 7/10
Высокий контраст и ясность, но дизайн, который понравится не конжному.
Windows XP: 7.5/10
Четко, ясно и просто.
Windows Vista: 8/10
Хороший апдейт наработанного за 20 лет.
Mac OS X Lion: 5/10
Упростили настолько, что стало неудобно пользоваться.
Windows 10: 8.5/10
Можно считать современным золотым стандартом.