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

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

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

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

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

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

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

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

2022년이 절반이 지났습니다. 저는 시간을 내어 올해와 내년의 가장 주목할 만한 트렌드를 검토하려고 합니다. 지난 몇 년은 UX/UI 산업에서 기술과 디자인이 지속적이고 빠르게 개발이 이루어진 시간이었습니다. 특히 새로운 탐색이 여러 방향으로 이뤄지고 있습니다. 단기적으로 끝날 때도 있지만 어떤 것은 다시 연구되기도, 어떤 것은 전보다 크게 주목받으며 새롭게 시도되기도 했고요. 2022년과 2023년 동안 집중적으로 주목받을 것으로 생각하는 몇 가지 트렌드를 여러분께 소개해드리겠습니다.

디자인 패턴을 구성하는 일은 난이도가 가장 높은 작업 중 하나입니다. 그래서 가능한 컬러와 모양 등을 쉽게 변경해 사용할 수 있는 툴이나 피그마 파일 등을 자주 사용하고 있습니다. 아무래도 패턴은 학습으로 만들어낼 수 없고, 무엇보다 서비스와 관련된 분위기를 녹이기 어렵기 때문입니다. 오늘은 웹에서 여섯 가지 스타일에 따라 다양한 디자인 패턴을 쉽게 생성하고, SVG, PNG, 코드 등으로 활용할 수 있는 서비스를 소개하고자 합니다.