Пятница, 29 марта, 2024

Как менялся скроллбар: история главного навигационного элемента в интерфейсах

Новостные ленты в соцсетях и на сайтах, длинные документы и таблицы, большие фотографии и чертежи, – все эти, а также много других задач не обходятся без скроллбару. Сегодня мы не задумываемся о нем, а просто используем этот удобный интерфейс для навигации на экране. Однако скроллбар не всегда был таким интуитивно понятным. Он прошел долгий путь эволюции, и дизайнер Себастиен Матос создал интерактивный гид, на котором это можно наглядно посмотреть.

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

Можно считать современным золотым стандартом.

 

 

Євген
Євген
Евгений пишет для TechToday с 2012 года. По образованию инженер,. Увлекается реставрацией старых автомобилей.

Vodafone

Залишайтеся з нами

10,052Фанитак
1,445Послідовникислідувати
105Абонентипідписуватися