웹 디자인 / 사용자 가이드

10:3 링크에는 텍스트 사용

10장 - 링크(Links)
작성자
관리자
작성일
2022-06-24 11:15
조회
1793

10:3 링크에는 텍스트 사용
(상대적 중요도: 4, 증거의 강도: 4)

지침 : 이미지 링크보다는 텍스트 링크를 사용하라.

 

주석 : 일반적으로 텍스트 링크는 더 쉽게 링크가능한 것으로 인식된다. 텍스트 링크는 다운로드가 빠르며 사용자가 선호하고 선택된 후에 색을 바꿀 수 있다. 텍스트로 링크의 목적지를 전달하는 것이 이미지를 사용하는 것보다 일반적으로 쉽다.

 

한 연구에 의하면 어떤 이미지들이 클릭가능한지 여부에 대해 사용자들이 상당한 정도의 혼동이 있었다고 한다. 이는 단어가 들어있는 이미지들에 대해서도 해당되었다. 사용자들은 마우스 포인터를 이미지 위에 올려놓지 않고서는(''지뢰찾기'') 해당 이미지가 클릭가능한지 여부를 구분하지 못했다. 사용자에게 무엇이 클릭가능한지 ''지뢰찾기'' 하기를 요구하는 것은 속도를 느리게 만든다.

 

텍스트 링크를 사용할 때 생기는 또다른 잇점은 이미지를 비활성화 시켜 놓은 텍스트 전용 브라우저를 사용하는 사용자들도 네비게이션 옵션을 볼 수 있다는 것이다.

역주 : 다음은 가이드에서 제시하고 있는 사례이다. 왼쪽 화살표들이 가리키는 세 개의 이미지들은 부연 텍스트가 없더라도 상대적으로 의미를 파악하기 쉽다. 반면에 오른쪽 화살표들이 가리키는 두개의 이미지들은 첫눈에 보기에 무슨 의미인지 파악하기 어렵다. 참고로 국내 모 신생 대형 포털이 이미지 메뉴(마우스 오버시 텍스트를 나타냈었음)로 사이트를 구축하였다가 얼마 못가고 사이트를 개편한 헤프닝은 유명하다.
가이드 제시 사례


top