UI/UX 디자이너란?

언제부터 UI/UX 였을 까?

• User eXperience

• Graphic User Interface

왜 UI/UX를 같이 묶어놨을 까?

Form follows function!

그래서 결국 UI/UX 디자이너는?

UI/UX 디자이너는 어디까지 알아야 할까?

어떤 기술을 공부할 것인가?

Design

• Figma*
Figma는 UI/UX 인터페이스를 설계하기 위해서 사용하는 툴로 기존에는 Sketch, Adobe XD, Figma로 대립하였지만, Figma의 무료 정책 덕분에 지금은 압도적으로 많이 사용하는 기본적인 UI/UX 설계 툴이 되었다. 본인은 디자인에서 툴 자체를 중요하게 생각하지는 않지만, 사용하는 방법을 익숙하게 알 수록 좋은 건 사실이다. 디자인의 표현하는 시간을 최소화하고 고민하고 생각하는 시간에 더욱 투자할 수 있게 해준다.
• Auto Layout & Component
Auto Layout은 디자인을 직접 개발하는 것처럼 구현하는 개념에 중요한 기능으로 유지보수 측면 및 개발자와의 커뮤니케이션 측면에서도 많은 시간을 줄일 수 있다.
• Variable, Design Tokenize
아토믹 디자인 방법론에 주요 개념들을 Figma에서 구현할 수 있도록 제작된 기능들로 변숫값들을 지정하여 컴포넌트 단위의 디자인을 할 수 있도록 만들어 준다.
• 프로토타입
실제와 비슷한 수준의 시제품을 제작할 수 있는 기능으로 개발자 및 기획자 등 내부 인원과의 커뮤니케이션이나 투자 PR 시 사용하여 신뢰도를 높일 수 있어 프로토타입 제작 방법을 알아두면 여러모로 편리하다.

• Design System*
UI/UX디자인은 페이지가 아닌 시스템을 디자인 해야 한다고 생각한다. 디자인 시스템이 왜 필요하고 어떻게 사용되는지 제대로 이해했다면 완벽한 UI/UX 디자이너라고 해도 좋다. 하지만 이해하지 못했다고 하여도 제대로 사용하기만 한다면 높은 퀄리티의 작업물을 제공할 수 있다.
• 아토믹 디자인 방법론
원자, 분자, 유기체, 템플릿, 페이지 단위로 이루어지는 구성 방법론으로 디자인 시스템의 기본이 된다. 개념 자체를 이해하고 있는 것이 중요하다.
• 디자인 시스템
• 구글 머테리얼 디자인
• 휴먼 인터페이스 가이드 디자인 (애플)

• Painting
요즘 그림 못 그리는 디자이너들이 많다. 툴의 발전으로 이제 굳이 그림의 형태로 표현을 안 해도 되고 컴퓨터로도 충분히 표현할 수 있는 수준이 됐다는 것이다. 하지만 그림을 그릴 줄 안다면 기본적인 점, 선, 면, 조형, 구도, 원근, 색감 등 디자인 실력을 향상할 수 있으며 일러스트레이션 또한 그릴 수 있게 되어 디자이너로서 강점된다. 굳이 그림으로 향상할 필요는 없지만, 그림만큼 효과가 좋은 것도 찾기 어려운 게 사실이다.
 

• 3D
많은 웹 기술 발전으로 인해 이제 3D 자원도 많은 메모리를 차지하지 않고 최적화하여 웹상에 표현하게 될 수 있게 되었고 Spline, WOMP 등 Blender, Cinema4D, MAYA 등에 비해 간단한 인터페이스의 3D 제작 툴도 생겨났다. 3D 표현을 통해 더욱 많은 디자인 표현을 할 수 있게 된다면 디자이너로서의 무기가 하나 더 추가되는 것이다.

Code

• HTML/CSS*
HTML은 개발이 아니다. 그러니 너무 어렵게 생각하지 말자, hypertext Mark-up Language로 그저 정보의 연결되는 위계 구조도 정도라고 생각하면 된다. 그리고 CSS는 그것을 꾸미기 위한 지시어 정도로 이해하면 된다. HTML/CSS로 페이지를 구성해 보면 재미도 있고 무엇보다 HTML 요소들을 하나하나 공부해 보면 사용자와 단말기(웹, 컴퓨터, 스마트폰 ) 등등 디지털기기와 어떻게 커뮤니케이션하는지를 직관적으로 이해할 수 있다.

• Javascript
데이터와 통신하거나 웹페이지의 동적인 작업을 만들어내는 프로그래밍 언어로 공부하는 순간 ‘디발자’ 또는 ‘개자이너’가 될 수 있다.
 

UX

• HCI
Human Computer Interection으로 인간과 컴퓨터의 상호작용을 중점적으로 다루는 분야로 인지심리학의 내용과 여러 가지 인간공학적 이론들을 공부할 수 있다.

• Design Thinking
문제 해결 방법의 프로세스 방법론으로 앞서 언급한 것과 같이 한국어로 번역자면 설계방법론 정도가 적당할 것이다. 문제를 선정하고 아이디어를 도출하고 문제를 해결해 나가는 방식이 사람들의 문제를 해결하는 방식에서 좋은 사업 아이템이 떠오르기도 하고 도전하고 싶은 열망을 불러일으켜 좋은 사업가, 기획자의 자질을 만들어 준다.

• Writing & Story
인터페이스를 설계하다 보면 다양한 지시어와 안내 문구들을 작성하게 되는 데 신경 쓰지 않으면 제작자의 입장에서 제작자와 관련 업계 종사자만 이해할 수 있는 어려운 단어일 수 있다. 문구들을 일반 사람들도 알아들을 수 있게 변경해 주고, 또한 디자인의 이야기를 녹아내려 사람들이 브랜드 자체를 좋아할 수 있게 만드는 스토리 제작 능력도 중요하다. 이 작업은 정말로 많은 집요함과 정신력이 필요하다.

어떤 산업분야에 관심을 가질 것인가?

어떠한 태도로 일 할 것인가?

• 집요함
좋은 퀄리티의 디자인과 기획을 위해서는 시간을 두고 오래 보는 시간이 필요하다. 급하게 하루 24시간을 투자해서 만드는 것보다 매일 2시간씩 일주일간 개선하는 디자인의 퀄리티는 다르다. 하루가 지나서 바라보면 새로운 관점에서 객관적으로 지금까지의 디자인을 되돌아보고 개선할 수 있지만 온종일 급하게 만든 디자인은 그렇지 않다.
기획은 디자인보다 더욱 그러하다. 다양한 입장과 이슈들을 반영해야 한다. 하나의 문제에 대해서 여러 입장으로 생각해 보고 다양한 가능성을 열어두기 위해서는 집요함과 시간이 필요하다. 고객의 입장에서 텍스트 하나하나 어떻게 받아들이고 동작을 유도할지 고민해 보는 시간이 정말 간절히 필요하다.
 

• 호기심
정보통신 분야는 기술의 최첨단 기술들이 항상 접목해 나오기 때문에 새로운 신제품과 새로운 기술들을 만나볼 수 있다. 일부로 노력하지는 않지만, 항상 새로운 서비스들이 나오면 사용해 보는 편이다. 이러한 경험들이 신규 프로젝트를 제작할 때 도움이 될 수밖에 없다.
또한 정보통신 분야에 대한 호기심도 꾸준해야 한다. 사실 범위가 광대해서 한 분야 한 분야 전문화된 것이지 원래는 하나의 큰 그림이다. 전문화된 경험만 가지고 있어서 큰 그림을 그릴 줄 모르면 그것은 프로젝트를 제대로 진행해 봤다고 해도 되는 것일까? 큰 그림을 탐구해 내는 기질과 태도가 필요하다.
 

• 긍정적인 마인드
되는 방향으로 이야기하는 방법과 뭐든 안 되는 방법으로 이야기하는 방법이 있다. 디자이너라면 되는 방향으로 이야기하는 것이 도움이 대부분에 많은 순간들에 도움이 될 것이다. 디자인은 어느 정도 추상적인 개념의 영역이라는 점을 이해해야 한다. 그리고 본인의 디자이너로서의 프라이드와 자존심 때문에 프로젝트를 망치는 끔찍한 일은 없어야 하지 않겠는가. 피드백에 대한 긍정적인 반응을 먼저하고 객관적으로 다시 한번 자신의 작업물을 바라보는 태도가 필요하다.

• 친절함
일을 잘하는 게 친절한 것이다. 하지만 디자이너는 혼자서 독립적으로 존재할 수 없다 많은 사람들과 이야기하며 의견을 교류하고 그들과 함께 발을 맞추어야만 함께 프로덕트를 만들어내야 한다. 디자이너뿐만 아니라 모두가 그렇다. 그렇다면 일을 잘한다는 것은 자신의 의견 피력을 잘 해내고 사람들과 원만한 커뮤니케이션을 할 수 있는 사람이어야 할 것이고 이를 위해서는 친절함은 필수다. 그렇기 때문에 싹수없는데(개인적으로 쿠션어를 안 쓴다고 예의가 없는 건 아니라고 생각한다.) 일을 잘할 수는 없다. 예의는 지능의 문제다.
 
자신이 완벽하게 최적화된 성능의 코드를 짜면 무엇 하나 마케팅이 안돼서 사람들이 플랫폼에 가입하지 않는데. 완벽하게 마케팅해서 사람들이 모이면 무엇하나 코드 성능이 받쳐주지 않아서 이곳저곳에 404 에러가 뜨고 있는데, 디자인이 완벽해서 무엇하나 제대로 동작이 안 되는데, 이렇게 엉망진창으로 서로의 탓만 하며 망해가는 프로젝트를 심심치않게 볼 수 있다. 우리 모두 친절해지자.
 

UI/UX 디자이너. 컴퓨터 공학과 디자인 문화와 블라블라

글쓴이