버튼은 합의된 디자인 문법을 통해 사용자의 상호작용을 효과적으로 유도하고, 페이지와 페이지를 연결하도록 돕는 아주 중요한 컴포넌트입니다. 그런데 사실 버튼은 ‘눌러라!’라는 메시지 말고도, 더 많은 것들을 사용자에게 이야기해줍니다. 이번에는 버튼이 사용자에게 목소리를 내는 사례에 대해서 정리해봤습니다.

다들 은행 애플리케이션(이하 앱) 한두 개 이상은 스마트폰에 있을 겁니다. 사회 생활하다 보면 슬금슬금 계좌가 늘어나니까요. 저 같은 경우 업무 때문에도 은행, 카드, 증권 앱들을 두루두루 보고 있습니다. 이중 은행 앱들이 다양한 변화를 시도하고 있는 게 눈에 띕니다. 과거와는 확연히 다른 움직임입니다. 갑자기 배달업에 진출하기도 하고 여러 개의 앱을 하나로 모으기도 합니다. 왜 이러는 것인지, 어떤 목적을 가지고 있는 것인지 알아보도록 하겠습니다.

디자인 원칙은 성공적인 디자인을 위한 필수 요소입니다. 디자이너와 디자인 팀은 저마다 디자인 원칙을 가지고 있습니다. 여러분이 디자인 중심의 컨설팅 회사에서 일하든 일반 회사의 디자인 팀에서 일하든, 프로젝트가 어느 정도 진행된 상태라면 디자인 원칙이 사용되고 있는 것을 어렵지 않게 볼 수 있을 것입니다. 여기서 우리가 한 가지 생각해 봐야 할 것이 있습니다. 모두가 디자인 자체를 위한 원칙을 널리 사용하고 있지만, 디자이너를 위한 원칙이 과연 존재할까요?

피그마를 창업한 딜런 필드는 ‘디자인 작업 프로세스가 너무 바보 같다’라는 문제 인식에서 시작했습니다. 그래서 피그마는 처음부터 연결성을 강조한 클라우드 웹 형태로 출발을 했습니다. 피그마의 인기는 수많은 디자인 툴과 관련 서비스가 클라우드 웹 형태로 옮겨가는 계기가 됐습니다.

훌륭한 UI 디자인이라는 것은 수많은 디자인 요소들부터 페이지 전체에 이르기까지, 그리고 아주 작은 부분에서부터 커다란 부분에 이르기까지 인터페이스의 모든 부분에서 여백을 신중하게 잘 활용하는 것입니다. 여백을 잘 활용하면 조화롭고 읽기 쉬우며, 무엇보다도 사용하기 쉽고 편리한 인터페이스가 만들어지게 됩니다.

일단 프로덕트 매니저가 되었다면, 여러분의 성공과 성장은 여러 수많은 요소에 달려 있습니다. 더욱 성장해서 프로덕트 리더가 된다면, 여러분은 디자인, 엔지니어링, 법무, 영업, 마케팅 등 다양한 분야에 걸쳐서 업무를 하게 됩니다. 프로덕트 매니저는 이러한 분야에서 끊임없이 정보를 수집해야 하며, 자신이 터득한 지식을 활용해서 복잡한 문제들을 해결해야 합니다. 프로덕트 매니저로서 가장 필수적으로 갖추어야 하는 능력은 배움에 대한 꾸준한 호기심과 열정입니다. 프로덕트 매니저로서의 성장은 결국 배움에 대한 열정에 의해서 상당히 많은 부분이 결정된다고 볼 수 있습니다.

그림을 못 그리거나 실력이 부족한 사람들에게는 이런 와이어프레임을 만드는 것이 힘겨운 작업입니다. 저희는 다른 글에서 스케치 작업에 익숙해지는데 도움이 되는 아이디어들을 공유했습니다. 이러한 일반적인 원칙들은 누구에게나 적용됩니다. 즉, 그림이 지저분한 것도 괜찮으며, 충분히 예상할 수 있다는 것입니다. (특히, 자세히 그릴 필요가 없는 와이어프레임일수록 더욱 그렇습니다.) 

우리가 어떤 집을 방문했을 때, 그 집의 현관문을 여는 순간 집 전체의 분위기를 느낄 수 있듯이 고객이 웹페이지에 접속해 첫 클릭을 하는 순간, 그 기업에 대한 첫인상이 각인될 수밖에 없습니다. 그렇기에 바로 그때, 고객들이 처음 웹페이지에 접속하고 카테고리를 선택해, 제품을 주문하느냐 마느냐 하는 순간들이 결정됩니다. 그다음 다시 방문할 것인지 생각하게 됩니다. 그래서 오늘 이 시간에는 고객의 유입과 제품 구입을 꾸준히 증가시키고, 또 충성도 높은 고객을 유치할 수 있는 B2C 웹디자인에 대해서 살펴보겠습니다.

이전 시간에서 말씀드렸듯이, 유통 시장과 자율주행 개념은, 무인 배송과 무인 운송으로 파생됩니다. 그밖에도 자율주행 기술 택시 업계는 로보 택시로 이어지고, 커넥티트 카 프로젝트에서 엔터테인먼트 기능과 콘텐츠 개발, IOT, MaaS 서비스는 무인 셔틀, 무인 킥보드, 같은 하드웨어 연동과 이어지죠. 그밖에도 자율주차, 자율 출차 서비스도 있습니다.

기획 용어 시리즈물 그 두 번째 시간! UI 스토리보드, UI 가이드라인 문서 등 여러 문서들이 작성할 필요가 있어요. 웹과 앱의 UI Description을 설계하기 위해 알고 있어야 할 기초 개념들이 필요합니다. 최근 GUI 디자이너분들이 피그마, 어도비 XD, 스케치 같은 여러 툴로 UI 기획, UI 플로우를 잡아 디자인 가이드 과정이 이전보다 축소되고 있습니다.