디자인
앱 아이콘, 관심을 끌기 위해 어떻게 변화해왔을까?
7분
2021.01.08.4.4K
미니멀리즘? 안 됩니다. 스큐어모피즘(Skeuomorphism)? 아뇨, 괜찮습니다.
초 미니멀리즘이나 텍스트 기반의 로고가 인기를 끌었던 시절도 있습니다. 검은색 배경에 흰색의 도형은 화려함과 지위를 전달하기 위해서 자주 사용되었습니다. 하지만 그런 시절은 지나갔습니다. 경쟁자들을 뛰어넘어야 하는 시대로 접어든 것입니다. 색상을 더 많이! 그라데이션을 더 많이! 뭐든 더 많이!
(구글의 아이콘 재 디자인)
구글은 최근에 자신들의 아이콘을 “통일된 스타일”로 바꾼다는 함정에 빠졌습니다. 물론 브랜드가 일관성을 추구한다는 것은 일반적으로 좋은 태도이지만, 모든 것들이 지나치게 비슷하게 보여서 그렇잖아도 화가 잔뜩 난 사용자들의 혼란을 더욱 부추길 뿐입니다.
(구글의 아이콘 재 디자인) 이 밈(meme)은 최근에 소셜미디어에서 널리 퍼졌습니다. 그리고 이 내용은 나름의 일리가 있습니다.
하지만 추가적인 색상을 일관된 모양들에 맞추려고 하다 보니, 이메일(eMail)은 이제 그냥 M이 되었습니다. 그 맥락에서는 편지봉투를 연상시키는 것이 더 이상 없습니다. 구글 문서(Docs)의 아이콘은 캘린더 아이콘과 너무나도 비슷하고, 캘린더 아이콘은 미트(Meet) 아이콘과 지나치게 똑같습니다. 이러한 미학에 유일하게 어울리는 아이콘으로는 드라이브(Drive)가 있기는 하지만, 그건 기존의 아이콘에서 거의 바뀌지 않았기 때문입니다. 
(충돌하는 색상들)
하지만 관심을 끌기 위한 싸움은 또한 색상의 조합이 서로 어울리지 않는다는 대가를 치르고 있습니다. UI 디자이너라면 녹색이나 파랑을 채도가 높은 빨강과 섞어서는 안 된다는 것을 알고 있을 것입니다. 그렇게 조합한다면 경계선에서 피가 나는 것처럼 보이며, 두 분이 고통받게 될겁니다. 빨강이 파랑과 녹색과 만나는 경계를 한 번 보십시오. 가만히 멈춰서 몇 초 동안 그곳을 바라 보시기 바랍니다.여기에서 최악이 뭔지 아시나요?
이 색상들은 현재 채도가 각각 69, 73, 79입니다. 이러한 추세가 계속된다면, 우리는 아마도 각 색상의 채도가 모두 100인 아주 멋진 광경을 볼 수 있을 것입니다. 그리고 얼마 뒤에는 그렇게 하는 것이 “가시성(visibility)을 강화”하기 위해서 쓸 수 있는 유일한 방법이 될 지도 모릅니다.
(채도가 최대치인 구글의 색상들)
이건 동일한 색상의 채도를 올린 것입니다. 눈이 아플 지경입니다.
인스타그램의 논쟁적인 재 디자인
이 모든 것은 아주 유명하면서도 논쟁이 되었던 앱 아이콘의 변화와 함께 시작되었습니다. 2016년 인스타그램은 새로운 로고를 공개했고, 거의 모든 사람들이 이걸 역사상 최악의 재 디자인 참사라고 선언했습니다. 그런데 무슨 일이 일어났을까요? 사람들은 이러한 새로운 로고에 아주 빠르게 익숙해졌습니다. 스큐모피즘(Skeuomorphism)은 2013년 iOS 7의 발표와 함께 사라졌습니다. 그렇기 때문에 인스타그램의 이런 디자인은 기대 이상이었던 것입니다.
(인스타그램 로고의 전과 후)
(인스타그램 vs 다른 앱들의 아이콘)
애플은 2013년부터 이미 이런 비슷한 개념을 자신들의 아이콘에서 사용해 왔습니다. 이런 개념을 따라 잡는 데는 다들 시간이 조금 걸렸지만, 일단 익숙해지고 나자 모두가 이런 분위기에 편승했습니다. 슬랙(Slack)에게도 똑같은 일이 일어났습니다. 슬랙의 아이콘은 예전에도 조금 컬러풀한 로고와 아이콘을 갖고 있었지만, 색상 자체는 조금 채도가 낮았습니다. 하지만 새로운 디자인에서는 이러한 트렌드를 반영하기라도 하듯이, 채도를 최대한 높게 끌어 올렸습니다.
관심을 받기 위한 싸움
인스타그램이 아이콘을 획기적으로 바꾸고 4년이 지난 지금, 거의 모든 이들이 이런 추세를 따르고 있습니다. 토비아스 반 슈나이더(Tobias Van Schneider)는 자신의 트위터에서 이러한 추세를 아주 잘 요약했고, 제가 이번 글을 쓸 수 있게 아이디어도 주었습니다.
그렇다면 인지 부하(cognitive load)란 무엇일까요?
인지 심리학(cognitive psychology)에서, 인지 부하란 어떤 작업에서 사용되는 인지적 요구량을 말한다. - 위키백과 모든 것이 똑같이 보이기 시작하면, 우리는 결국 또다시 원하는 아이콘을 찾기 위해서 애를 써야만 합니다. 다시 원점으로 돌아온 것입니다. 우리가 원하는 것이 어디 있는지를 찾기 위해서 더욱 많은 정신적 노력을 쏟아야 하는 것입니다. 우리의 감각과 기억은 비슷하게 생긴 모양과 색상, 패턴 때문에 과부하가 걸리게 됩니다.블러(blur) 테스트
모든 아이콘들을 블러 처리하면, 대부분의 아이콘과 그룹을 구분하는 것이 말 그대로 불가능하다는 것을 알 수 있습니다. 모두가 너무나도 비슷한 풍선처럼 보이는데, 대부분 4가지의 비슷한 색상으로 구성되어 있습니다.
(블러 처리된 앱 아이콘들)
이러한 추세가 어디까지 갈 수 있을까?
분명한 것은 이러한 추세가 가속화되고 있다는 것입니다. 구글이 현재 서로 충돌하는 색상을 사용하고 있다면, 다음에 있을 커다란 변화는 보기 흉칙하면서도 서로 충돌하는 그라데이션이 될 것입니다. 몇 가지 예를 들어보자면 이런 식이 될 것입니다.
(보기 좋지않은 그라데이션들)
우리의 미래는.. 아주 화려할 것입니다.
> 이 글은 'The cognitive overload happening on your screen right now'을 각색하여 작성되었습니다.
로그인하고 자유롭게 의견을 남겨주세요.
