UI 디자인, 잘 하기 위해 필요한 것

UI 디자인, 잘 하기 위해 필요한 것

UI디자이너에게 중요한 것은?

** **컴퓨터 앞에 앉아 실제로 UI를 그려보기 전, 디자이너는 어떤 가치를 염두에 두는 것이 좋을까요? 실무 디자이너의 경험에 기반해 정리해 보았습니다. 한번 읽어보신 후 디자인에 대해 본인이 생각하는 중요한 가치와 비교해 보시는 것도 좋을 것 같습니다.

논리, 효율성

UI 디자인이 시각적인 직무이다 보니 종종 서비스를 예쁘게 만들어주는 직무인 것으로 오해를 사기도 합니다. 물론 디자이너에게 심미성도 중요한 가치 중 하나입니다. 하지만 논리 없는 UI 디자인은 아무리 예쁘더라도 최종적으로 서비스에 반영되기 어렵습니다. 대부분의 경우, 팀이 이루고자 하는 목표를 이해하고 그에 맞게 UI라는 옷을 입혀야 하기 때문입니다. 설령 서비스에 반영되었다고 하더라도 비즈니스에 심각한 타격을 입힐 가능성이 높아집니다. 손님이 음식점에서 햄버거를 시켰는데 콜라가 나온다면, 콜라를 담은 컵이 아무리 예뻐도 클레임을 피할 수 없는 것과 같은 이치입니다. 따라서, 대다수의 경우 UI자체가 돋보이는 것이 아닌 프로젝트의 목표를 이해하고 그것을 잘 달성할 수 있는 UI가 무엇인지 고민해야 합니다.** **

UI를 효율성의 관점에서 바라보는 것도 중요합니다. 필요할 때마다 같은 UI를 반복적으로 그리는 것은 디자이너에게도 개발자들에게도 비효율적이기 때문입니다. UI가 그려지는 디지털 환경에 대한 이해를 바탕으로 공통 UI 컴포넌트의 구조, 인터랙션 등을 효과적으로 설계한다면, 반복적인 일을 최대한 효율적으로 처리할 수 있게 됩니다. 그 예시로, 최근에는 비즈니스 영역을 막론한 많은 회사에서 ‘디자인 시스템' 이라는 이름으로 UI 에셋을 보다 효율적으로 관리하고 있습니다.

심미성 브랜드와 어울리면서도 깔끔한 UI는 유저에게 만족스러운 서비스 경험을 제공합니다. 하지만 우리는 심미성을 단순히 ‘아름다운 화면을 만든다’ 라는 관점보다 넓게 생각해볼 필요가 있습니다. 브랜드 전략을 이해하고 이에 맞는 형태로 UI의 심미성을 고민하는 것이 중요하기 때문입니다. 화면에 들어갈 아이콘, 일러스트레이션 등을 톤앤매너에 맞게 제작하는 것도, 복잡한 기능을 쓰기 쉽게 정돈하는 것도 이러한 브랜딩의 관점에서 연결지어 생각해볼 수 있습니다. 이렇게 심미성을 고려한 시각 작업물을 만드는 것으로 더 나은 브랜드 경험, 더 높은 브랜드 신뢰도에 기여할 수 있습니다.

**툴, 디지털 환경에 대한 이해 **디자이너라면 논리적인 디자인, 심미성 있는 디자인을 실제 제품으로 출시하기 위해 실질적으로 어떤 툴을 어떻게 사용하면 좋을지 판단하고 활용할 수 있어야 합니다. 앞으로 중간중간 다룰 피그마 이외에도 어도비 XD, Sketch, Protopie 등 UI디자인에 도움을 주는 다양한 툴이 있습니다. 프로젝트나 조직, 현재 상황 등을 고려해 맞는 툴을 선정하고, 이를 적절히 활용해 자신의 머릿속에 있는 UI를 실제 구현 가능한 상태로 표현해낼 수 있어야 할 것입니다.

디지털 환경에 대한 이해도 중요합니다. 구체적인 예시는 다음과 같습니다.

jpg, png, vector, pixel 등 디지털 에셋 형태에 대한 이해
웹, 데스크톱, 안드로이드, iOS 등 다양한 모바일 환경의 이해
실제 구현될 제품에 근접한 프로토타입 제작

디자인 환경에 대한 이해는 요리 재료를 파악하는 것과 비슷합니다. 만들고자 하는 제품의 환경을 이해하고 적절히 활용하는 것으로, 실제 제품 구현의 효율성과 완성도를 높일 수 있기 때문입니다.

툴은 툴일 뿐입니다.

앞으로 ‘피그마' 라는 툴 위주로 UI디자인에 대한 글을 연재할 예정입니다. 그렇지만 디자인 툴은 굉장히 빠르게 변화하고 있습니다. 불과 몇 년 전까지만 해도 UI 디자이너의 주력 툴은 스케치였고, 그 전에는 포토샵이었습니다. 이외에도 Adobe XD, ProtoPie, Framer 등 저마다의 장점을 가진 다른 툴도 존재합니다.

피그마를 써야 하는 이유를 뒤집어 말하면, 다른 방식이 더 효율적일 경우 피그마를 버릴 용기가 필요하다는 이야기도 됩니다. 어떤 기능이 어느 자리에 있는지, 단축키는 무엇인지 등 툴에 대해 구체적으로 알고 있는 것은 분명 디자인 작업 효율을 높여줍니다. 하지만, 프로덕트 디자이너에게 가장 중요한 것은 툴 자체보다는 논리적, 구조적인 생각과 표현 능력이라고 생각합니다. 그렇기 때문에 디자인 툴이 어떻게 변화하는지 주기적으로 체크하고, 필요하면 언제라도 더 좋은 툴로 바꿀 수 있는 마음가짐을 가지는 것이 좋은 것 같습니다. 아래는 피그마 외 알아두면 좋은 디자인 툴입니다.

스케치(Sketch)