Новинні стрічки в соцмережах та на сайтах, довгі документи та таблиці, великі фотографії та креслення, – усі ці, а також багато інших задач не обходяться без скроллбару. Сьогодні ми не задумуємося про нього, а просто використовуємо цей зручний інтерфейс для навігації на екрані. Однак скроллбар не завжди був таким інтуїтивно зрозумілим. Він пройшов довгий шлях еволюції, і дизайнер Себастієн Матос створив інтерактивний гід, на якому це можна наочно подивитися.
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
Можна вважати сучасним золотим стандартом.
А мне больше всего нравится Windows Vista