최근 10년간 대부분의 소프트웨어 사용자 인터페이스는 접근성, 사용성, 인체공학적인 측면에서 상당한 후퇴를 겪어왔습니다. 그 이유는 무엇일까요? 바로 '터치'입니다. 모바일 시장의 폭발적인 성장세를 본 기업들은 스마트폰 인터페이스를 데스크톱에 그대로 이식하면 더 큰 성공을 거둘 것이라 판단했죠. 그 결과물이 바로 더 많은 마우스 클릭, 더 헷갈리는 메뉴 구조, 그리고 생산성 저하였습니다.
그중에서도 필자가 가장 답답하게 여기는 부분이 바로 파이어폭스(Firefox)의 스크롤바입니다. 운영체제나 플랫폼에 따라 동작 방식이 제각각이라, 어느 곳에서는 적절한 기본 동작을 보여주지만 다른 곳에서는 그렇지 못한 경우가 많습니다. 이번 튜토리얼에서는 파이어폭스의 사용성을 개선하는 두 가지 방법, 즉 스크롤바를 항상 표시하고 두께를 늘려 마우스로 쉽게 조작할 수 있게 만드는 과정을 소개하겠습니다.
문제점 자세히 살펴보기
예를 들어 Kubuntu 22.04 위에서 실행되는 Plasma 5 환경의 파이어폭스를 살펴보겠습니다. 스크롤바는 마우스 커서를 올렸을 때만 나타날 뿐만 아니라, 크기도 극히 작습니다. 겨우 몇 픽셀에 불과한 얇은 스크롤바는 매번 신중하게 마우스 포인터를 조준해야 하므로 일상적인 사용이 상당히 불편합니다.
1. 스크롤바 항상 표시하기
첫 번째 단계는 비교적 간단합니다. 먼저 파이어폭스 설정(환경설정) 창을 엽니다.
- Windows: 메뉴 > 도구 > 설정
- Linux: 메뉴 > 편집 > 환경설정
설정 화면에서 일반(General) > 브라우징(Browsing) 섹션으로 이동한 뒤, '스크롤바 항상 표시(Always show scrollbars)' 옵션에 체크하면 끝입니다.
일부 환경의 파이어폭스에서는 스크롤바가 자동으로 숨겨질 뿐만 아니라 두께마저 얇아서 마우스로 정확히 클릭하기가 매우 어렵습니다. "그냥 마우스 휠 버튼을 쓰면 되지 않느냐"고 반문할 수도 있겠지만, 포인팅 장치의 종류와 무관하게 사용성이 동일해야 한다는 것이 올바른 원칙입니다.
2. 스크롤바 두께 조절하기
두 번째 단계는 브라우저의 고급 설정을 활용하는 것입니다. 파이어폭스를 연 상태에서 주소창에 about:config를 입력해 설정 편집기 페이지로 이동하세요. 그다음 아래 항목을 검색합니다.
widget.non-native-theme.enabled
이 값이 true로 설정되어 있는지 확인합니다. 이어서 다음 항목을 검색합니다.
widget.non-native-theme.scrollbar.size.override
기본값을 원하는 숫자로 변경하면 됩니다. 10, 20, 30, 50 등 여러 값을 직접 입력해 보면서 자신에게 맞는 두께를 찾아보세요. 변경 사항은 즉시 적용되며, 파이어폭스를 재시작할 필요조차 없습니다. 이것으로 설정 완료입니다!
마무리
이 두 가지 변경만으로 파이어폭스의 스크롤바 문제는 깔끔하게 해결됩니다. 운영체제나 파이어폭스 설치 환경이 두껍고 항상 보이는, 사용하기 편한 스크롤바를 제공하지 않는다면 브라우저의 기본값을 직접 덮어쓰면 됩니다. 터치 방식에서 영감을 받은 비합리적인 UI 트렌드가 여러분의 편안한 데스크톱 사용 경험을 침해하도록 두어서는 안 됩니다.
정리하자면, 첫째 설정 메뉴에서 스크롤바를 항상 표시하도록 활성화하고, 둘째 about:config에서 스크롤바 크기를 재정의하는 것입니다. 기본값은 0으로 되어 있지만, 원하는 어떤 값이든 지정할 수 있습니다. 이렇게 하면 HD/UHD 해상도 화면에서도 잘 보이고 손쉽게 조작할 수 있는 묵직한 스크롤바를 되찾을 수 있습니다. 데스크톱 1 : 터치 0, 이것이 당연한 결과이지요. 이 가이드가 도움이 되길 바랍니다. 다음 과제에서 다시 만나요!