서비스를 운영하면서 우리가 특정한 몇 개의 컬러와 잘 어울리는 색을 찾는 건 어려운 일입니다. 저는 이럴 때 주로 컬러 조합을 쉽게 생성할 수 있는 서비스를 활용하고 있는데, 오늘 살펴볼 ‘Reverb’ 서비스도 앞선 어려움을 조금이나마 줄여주는 컬러 조합 서비스입니다. 이곳이 매력적인 이유는, 컬러는 물론 그라데이션 생성에도 도움을 받을 수 있으며 이미지를 통한 컬러 추출과 특정 컬러를 검색한 뒤 어울리는 색을 찾을 수 있는 환경을 제공하기 때문입니다. 이번 글에서 자세한 기능을 알아보겠습니다.

누구나 한 번쯤은 서비스에서 오류 상황을 만났을 때, 무심하게 제공된 안내문구로 혼란을 느낀 적이 있다. 오류 상황에서 제공되는 안내문구는 사소하게 느껴질 수 있지만, 당시의 경험으로 서비스 자체에 대한 인상이 바뀔 수도 있어 간과해서는 안 될 요소다. 이번에는 이전 글에서 설명한 입력을 도와주는 ‘플레이스홀더(Placeholder)’에 이어, 오류 상황에서 제공되는 문구들을 어떤 점을 고려하여 제공하는 것이 효율적이고 피하는 것이 좋을지 여러 사례를 통해 살펴보고자 한다.

대부분의 앱에서 깔끔한 UI를 제공하는 요즘, 사용성의 좋고 나쁨은 마이크로카피로 판가름난다. 그 때문에 사용성이 좋은 서비스를 만들기 위해선 마이크로카피를 잘 작성해야 한다. 지난 글에선 플레이스홀더, 에러 메시지, 성공 메시지의 마이크로카피를 살펴보았다. 이번 글에서는 고객문의 화면과 공백 화면(빈 화면, 결과가 없는 화면)의 마이크로카피에 관해 알아보자.

보통 디지털 제품을 만들 때 보통 기획 -> 디자인 -> 개발 형태로 진행됩니다. 그래서 핸드오프(개발자가 작업할 수 있도록 디자인 의도와 산출물을 전달하는 과정)를 할 때 디자이너가 설계한 의도가 잘못 전달되거나 생략되는 일이 생깁니다. 잘못된 디자인 핸드오프는 불필요한 소통으로 인한 자원 낭비뿐만 아니라 제품 개발에 영향을 끼치고, 상호 간의 신뢰까지 잃을 수 있습니다. 그래서 디자이너와 개발자 간의 커뮤니케이션은 정말 중요합니다. 이번 글에서는 디자이너가 실제 프로덕트 결과물이 나올 수 있도록 개발자와 소통하는 방법과 서로 더 편하게 작업할 수 있는 프로세스에 관해 소개하려고 합니다.

폰트 정보를 떠올릴 때, 우리가 가장 먼저 생각하게 되는 서비스는 ‘구글 폰트'가 아닐까 싶습니다. 그만큼 다양한 폰트가 포함되어 있고, 원하는 조건에 따라 빠르게 찾아볼 수 있기 때문입니다. 아래 이미지에서 볼 수 있는 것처럼 한글 적용이 가능한 폰트가 꽤 많이 담겨 있기도 하고요. 다만, 구글 폰트의 페이지 로딩 속도가 느려질 때가 있다는 점은 종종 불만으로 다가왔습니다. 그러던 중 특별한 프로젝트를 하나 발견하게 되었습니다. 바로 빠른 속도와 쾌적한 환경을 자랑하는 ‘Bunny Fonts’입니다.

마이크로카피는 화면 구성에 포함된 모든 텍스트를 말한다. 즉, 고객 행동을 유도하며 고객 경험에 영향을 미치는 문구와 단어들로 고객이 문제를 겪지 않도록 방지하고, 어려움을 해결할 수 있게 도와주는 중요한 역할을 한다. 이전 글에서 버튼과 대기화면을 통한 마이크로카피의 중요성에 관해 설명한 데 이어 이번 글에서는 플레이스홀더, 그리고 에러와 성공 메시지에서 보이는 마이크로카피에 대해 설명해 보겠다.

다른 분야보다 유독 스타트업의 앱(App) 서비스에 한글 로고가 많은 이유는 무엇일까요? 배달의민족, 직방 같은 이제 스타트업이라고 부르기 힘들만큼 성장한 브랜드는 물론이고 타다, 당근마켓, 여기어때, 오늘의집, 세탁특공대 등 매우 많은 브랜드가 한글 로고를 사용하고 있습니다. 한글로도 충분히 세련되고 유연하게 브랜드 시스템을 만들어갈 수 있다는 걸 많은 스타트업이 증명하고 있습니다. 영문 중심 로고에서 벗어나 스타트업다운 발상으로 만든 한글 로고들이 새롭게 느껴집니다. 첨단 기술을 선도하는 산업들에서도 한글도 어울릴 수 있다는 걸 보여주고 있습니다.

스타트업으로 이직 후 디자인 시스템을 0에서부터 구축하는 과정에서 새로 배운 것이 많아 비슷한 고민을 하는 사람들을 위해 공유하고자 한다. 디자인 시스템이란 서비스의 일관성과 작업의 효율을 위한 UI 컴포넌트 가이드를 뜻하며 색상, 글꼴, 그리드, 간격 등이 해당한다. 밥알이 모여 주먹밥이 되고 원자가 모여 분자가 되듯 디자인 시스템의 토대를 만들기 위해서는 디자인 컴포넌트를 먼저 다지는(?) 작업이 선행되어야 한다. 총 3편으로 작성할 예정이며, 디자인 토큰(Design token)을 활용해 디자인 시스템의 토대를 만드는 방법을 먼저 설명하겠다.

마이크로카피는 화면에서 사용되는 문구와 버튼명, 즉 UI를 구성하는 텍스트로 고객과 서비스 간 마찰을 해소하고 긍정 경험을 제공하는 게 목표이다. 에러 메시지에서 ‘사용 불가능한 아이디입니다’는 아이디를 이용할 수 없는 사실만 전달해 딱딱한 느낌을 준다. 반면 마이크로카피를 잘 쓰면 고객이 문제 해결을 할 수 있도록 도울 수 있다. 이처럼 마이크로카피는 사용성 측면에서 중요하므로 기획자나 디자이너라면 필히 관심을 가져야 한다.

직장에서 ‘커뮤니케이션을 잘한다'라는 건 어떤 의미일까요? 한때 저는 잘 이야기하고 잘 이해하는 것이 커뮤니케이션의 전부라고 생각했습니다. 여러 경험을 겪은 지금은, 업무 환경에서 ‘협업’과 ‘설득’이 커뮤니케이션의 목적이 아닐까 합니다. 이번 글에서는 이전 저의 커뮤니케이션 방식을 회고하고, 더 나은 커뮤니케이션을 위해 개인과 팀에서 어떤 노력을 했는지 살펴보고자 합니다. 나아가 앞으로 커뮤니케이션에 더 능통한 디자이너가 되려면 어떤 부분이 발전되어야 할지도 함께 이야기해보겠습니다.