아이콘의 심미성과 상징성에 대해
안녕하세요 사람도리입니다.
오늘 이 매거진에서는 마켓에 올라온 앱을 대상으로 디자인 관점으로 앱 리뷰를 해볼까 합니다.
앞서 제 개인적인 견해가 많이 반영되었다는 것을 미리 말씀드리고 싶네요.
이번 포스팅에서 소개할 앱은 카메라 앱을 자주 사용하시는 유저라면 누구나 아실 VSCO CAM입니다.
VSCO CAM는 감각 있는 필터, 심플한 디자인으로 많은 사람들에게 사랑을 받고 있습니다.
제 개인적인 기준에서 필터 만큼은 VSCO CAM가 제일 좋다고 생각합니다.
하지만!! VSCO를 자주 사용하면 몇 가지 불편한 점, 의문점이 듭니다. 디자인이 너~~~~ 무 심플한 나머지 아이콘이 무슨 의미를 뜻하는 지 알 수 없을 정도로 단순합니다.
여러분들은 어떤가요? 이 아이콘만 놓고 보면 어떤 아이콘인지 감이 오시나요??
좌측 상단부터 우측으로 설명해드리면 조리개, 탐색, 저널, 스토어, 카메라, 컬렉션, 그리드, 마이페이지 입니다. 제가 보기엔 대상의 고유의 모습을 메타포를 삼는 게 아니라 도형적인 모양에 임의로 의미를 부여한 것 같습니다. 물론 디자인은 감각적입니다. 저도 대학에서 디자인을 배웠기 때문에 절제된 색, 기하학적인 모양의 아이콘들이 상당히 예뻐 보입니다.
하지만 사용성 부분만 본다면 글쎄요... 물론 몇 번 착오를 겪다 보면 익숙해지고 잘 사용할 수 있을 겁니다. 그래도 초기 유저에게는 사용하기 어렵다고 생각 듭니다.
좌측 사진에서 텍스트가 같이 나와있지만 편집되지 않음, 편집됨을 저 아이콘만 보고 알 수 있을까요?
중간 사진에서 메뉴 우측 하단에 있는 동그라미 여러 개가 원을 만들고 있는 아이콘이 설정 아이콘입니다.
우측 사진의 아이콘은 VSCO CAM의 특징으로 사용된 거 같습니다(사실 컬렉션, 저널, 그리드는 디자인으로 표현하기 좀 추상적인 개념이라 이 정도는 디자이너가 왜 이렇게 했는 지는 납득할 수 있을 거 같습니다)
물론 필터뿐만 아니라 경쟁사 대비 심플한 디자인으로 차별점을 가지고 있다고 생각 들지만 이건 너무 하다고 생각이 드네요. 너무 심미성 > 사용성 이란 느낌이 강합니다. 텍스트가 함께 쓰여있다고 괜찮다고 볼 수 있지만 그렇다면 저 아이콘은 어떤 의미로 넣은 걸까요?..
사실 저도 앱을 디자인하다 보면 굳이 텍스트로 표현해도 될 부분을 더 예쁘게 하기 위해 아이콘으로 그립니다.
아이콘, 텍스트 버튼 사용하는 기준은 디자이너마다 다르겠지만 저 나름대로 기준은 사람들이 알 정도의 아이콘이 상징성을 가지고 있다면 아이콘으로 표현하고 너무 난해한 부분은 텍스트와 함께 씁니다.
또 사용자 타깃의 연령이 높을 수 록 심미성이 조금 떨어지더라도 사용성을 위해 아이콘보단 텍스트 버튼을 더 많이 씁니다. 예전에 카카오 택시 팀장님과 이야기할 기회가 있었는데 카카오 택시도 아이콘보다는 텍스트로 구성하는 이유가 이와 같은 이유 때문이라고 하더군요.
(주된 타깃이 젊은 사용자뿐만 아니라 40,50대 분들도 쉽게 사용을 해야 한다고 말씀해주셨습니다)
또 한편으로는 저 또한 과거에 앱을 디자인을 할 때... 텍스트 버튼보다 아이콘 버튼을 더 사용했어고 왠지 더 예뻐 보이기 위해 아이콘을 남발했었습니다.. 하지만 요즘 다시 드는 생각은 심미성도 중요하지만 사용성을 해치지 않는 선에서 균형 있게 사용할 필요가 있다고 생각되네요.
가끔씩 디자인을 하다 보면 저는 충분히 많이 봐왔고 고민했던 아이콘이기 때문에 그런지 누구나 잘 인지할 착각하며거 디자인을 합니다. 하지만 누구나? 는 아니더군요..
사실 UI 구조도 복잡하게 느껴지지만.. 이건 다음에 이어 쓰도록 하겠습니다.
여러분들도 VSCO CAM을 사용할 때 이 아이콘이 무슨 의미인지 잘 몰라서 헤맸던 적 있으신가요?