Як змінювався скроллбар: історія головного навігаційного елементу в інтерфейсах

30 років еволюції скроллбару від Xerox Star да Windows 10

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

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

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

1 коментар

НАПИСАТИ ВІДПОВІДЬ

Коментуйте, будь-ласка!
Будь ласка введіть ваше ім'я