23.아이콘 분류 : 유사성, 참조성 그리고 임의성

요약 : 아이콘과 아이콘이 의미하는 것을 더 정확하게 맞출수록 사용자가 이해하기가 쉬워지지만 표준화를 통해 아이콘을 더 쉽게 만들 수 있다.

우리가 최근 사용성 테스트를 하여 디자인을 더 좋아보이게 해주는 많은 아이콘들을 발견했다. 하지만 그뿐만아니라 많은 아이콘이 사용성문제와 사용자가 알아채지 못하는 문제들을 갖고 있음도 알게되었다. 모든 시각적인 디자인이 다르고 각 디자인만의 문제를 갖고 있다. 아이콘이라는 광범위한 범주 안에서 우리는 어떤 아이콘이 본질적으로 다른 아이콘들에 비해 더 쉽게 이해되는지 잘 알 수 있습니다.

아이콘의 유사성

물질적인 개체를 묘사하는 아이콘은 형태를 표현하는 것이 의도된것이다. 봉투 모양을 사용하는 것은 전자 우편의 파일을 표현하고 이런것이 유사한 아이콘 중 하나라고 할 수 있다.

주요한 유사성 아이콘의 사용성 과제는 표현하고자 하는 물체의 외관을 실제로 이미지로 디자인 하는 것이다. 작은 사이즈 안에 실물과 비슷하게 디자인하기는 어렵다.

아이콘의 참조성

참조 또는 유추할 수 있는 것으로 묘사하여 아이콘을 디자인 할 수 있다. 예를 들어 꺽쇠이미지는 파일 압축 기능(쥐어짜지기 때문에)을 표현하는 것은 참조아이콘이 될 수 있다. 이렇게 파일을 압축하는 아이콘을 디자인할때는 유사성 아이콘으로 표현하기가 어려울 수 있다. 압축 이전과 이후의 파일크기를 표현하는 모양으로 디자인하면 유사성아이콘으로 만들 수 있을수도 있다.하지만 아이콘의 상태가 변화되는 것을 보여주는 것이 사용자가 이해하기에는 어렵다. 참조 아이콘은 때때로 상징적인 아이콘 또는 색인 아이콘으로 불린다.

여기서 질문은 사용자가 참조 도메인과 시스템 도메인을 서로 연결지어 이해할 수 있을지 이다. 두 컨셉이 사용자의 인지모델에서 밀접하게 관련이 되어있어서 사람들이 참조 아이콘을 보고 시스템의 기능을 떠올 릴 수 있을까?

아이콘의 임의성

임의적인 모양은 협의된 의미가 있을때만 사용된다. 교통표시는 대표되는 임의성아이콘이다. 이런 교통표시아이콘들은 컴퓨터에서 사용하기 좋은 임의의 아이콘들이다. 이런것들은 국제적으로 표준화 되어 사용되기 때문이다. 예를 들어 경고 삼각형 아이콘은 경고 메세지를 쓸때 사용 될 수 있다. 당연히 임의의 아이콘은 널리 사용되어 자연스럽게 받아들여진 경우가 아니라면 사용자가 알기엔 가장 어려운 아이콘이다. 많은 사람들이 “?”라는 형태가 질문을 나타내는 데 완전히 임의적이라는 점에 대해 걱정할 것 같지는 않다. 따라서 이것은 도움을 나타내는 좋은 아이콘이다.

예: 시계아이콘의 유사성 또는 참조성

최근의 사용성 연구를 살펴보면 우리는 시계 아이콘을 우연히 발견했었다. 이 이미지는 만약 시계에 기반한 기능, 날짜의 시간, 알람의 시간 또는 이벤트를 위한 일정의 시작을 표현하는데에는 유사성 아이콘으로써분명히 시계 모양을 하고 있으므로 그 역할을 제대로 하고 있는 것 같다. 이 사이트에서는 그러나 시계 아이콘이 히스토리 기능을 표현하는 경우로 사용되어 사용자 테스트에서 처절하게 실패하였다.

히스토리 기능을 위한 시계는 참조 아이콘으로 시간이라는 컨셉에 연관되어 있기 떄문이다. 그러나 이것은 아이콘과 의미가 매핑이 잘 안된것으로 비유가 너무 확장되었다.

예 : 플로피 디스크는 ‘저장’의 아이콘으로 사용

작은 플로피 디스크 이미지는 자주 gui디자인 요소로써 저장을 보통 표현한다.

원래는 이 아이콘은 유사성 아이콘이었다. 사용자는 실제로 플로피 디스크에 파일을 저장했었다. 그래서 플로피 디스크와 비슷하게 생겼다면 사람들은 더 쉽게 알아채고 이해했었다.

이후, 사람들이 하드 드라이브를 갖기 시작하면서 저장 아이콘은 참조성 아이콘이 되었다. 플로피 디스크는 저장 장치의 한 방식이었고 그래서 문서를 어떤 저장장치에 저장하던지 생김새가 지금 저장하는 방식에 매우 다르더라도 일반적으로 저장하는 기능을 표현하는데 사용되었다. 사실 대부분의 사용자는 하드 드라이브를 한번도 본적이 없기때문에 플로피 디스크에서 하드 드라이브로 변경되었지만 플로피디스크 아이콘을 지금까지 계속 사용하는 것이 더 나았던 것같다.

오늘 많은 젊은 사용자들은 플로피 디스크를 한번도 본적이 없다. 이 아이콘은 이런 사용자들에게는 임의성 아이콘으로 여겨진다. 왜 작은 네모가 저장을 의미해야할까? 글쎄, 그냥 그렇게 쓰이니까.

이 예시에서 보여주듯이 아이콘의 분류는 시간이 지나면서 변화될 수 있고 맥락에 따라서도 변화 될 수 있다.

국제적인 아이콘의 사용성

유사성 아이콘은 자주 가장 높은 사용성을 지닌다. 그러나 국제적인 사용자들에게는 잘못적용되는 경우들이 있는데 같은 것이어도 다른 모양인 경우들이 나라마다 있기 때문이다. 흔한 물체의 모양이 아니라면 알아차리기 어렵고 헝가리에서 스포츠를 위한 국제적 아이콘을 제안하는 실험을 통해 할 수 있다. 9%의 헝가리 사람들만 스쿼시 게임에 대한 아이콘을 온전히 이해했다. 그 이유는 대부분의 헝가리인들은 스쿼시 게임을 본적이 없기 때문이었다.

비슷하게 우편함의 모양이 전세계에서 다른 모양과 색깔 인것도 있다.(파랑, 빨강, 노랑, 그리고 초록인 경우도 나는 여행하면서 드물게 봤었다.) 나는 벨기에에서 엽서를 붙이려고 했는데 내가 봐왔던것과 우편함이 다르게 생겨서 엽서를 우편함에 넣는 것에 대해 확신이 없었던 일을 기억한다. 그리고 그것은 물리적인 우편함이었었다. 작은 2d 이미지의 우편함은 더 쉽게 잘못이해될 수 있다.

참조성과 임의성 아이콘은 더 유사성 아이콘보다 국제화측면에서 적용하기 어렵다고 고려될것이다. 유사성은 자주 실제 물리적인 물체의 생김새보다 문화적인 영향을 많이 받는 것을 알 수 있다.

쉬운 아이콘, 어려운 아이콘

유사성 아이콘은 좋은 사용성을 보통 가지게 된다. 임의의 아이콘은 오랫동안 사람들이 표준화되어 널리 이미 사용되어온것이라면 좋은 디자인이 될 수있다. 새로운 임의의 아이콘을 새롭게 세상에 가르치려고 시도하지 말아라. 그렇게 시도하면 당신은 아마 실패할것이다.

물론 사용성 측면에서는 우리는 항상 신뢰 할 수 있는 대안을 갖고 있다. 아이콘에 대한 사용자 테스트를 통해 사용자가 디자인을 이해하는지 여부를 빠르게 파악 할 수 있다. https://www.nngroup.com/articles/icon-usability-1995-sun-microsystems-website/​

https://www.nngroup.com/articles/design-pattern-guidelines/​