[디자인사이트 11월호] Microcopy : 독해력 있는 디자이너가 되기 위한 필수 가이드
2021년 9월 23일
main-image

디자이너는 단순한 데코레이터가 아니라 중요한 디자인 기술인 언어와 마이크로카피에 대한 이해력을 가져야 합니다. 지금 그 어느 때보다도 중요한 디자인 기술입니다.

다음 2가지의 이미지를 보세요.

이 두 가지 온 보딩 비주얼의 명백한 차이점은 옵션 A에는 단어가 없고 절대적으로 쓸모가 없다는 것입니다. 방향도, 지침도, 행동 촉구도 없습니다. 이 점은 너무나 명백해서 (화면에서 소리 지르고 있음) 부정 할 수 없습니다.

 오랜 세월 동안, 저는 디자이너들이 단어와 언어에 사각지대를 가지고 있다는 것을 알아 챘습니다. 그리고 마지막 순간까지 높은 높이에서 아름답게 렌더링 된 디자인으로 텍스트를 돌리기 위해 남겨두었습니다. 디자이너들의 악의가 아니라 직업에 대한 요구와 기대를 통해서 입니다. 저는 이 일을 직접 저지른 적이 있습니다. 우리는 모두 죄인이며, 저는 공개적으로 제 자신을 채찍질합니다.

사용자 경험을 만들거나 깨기

마이크로카피는 버튼 텍스트, 섹션 캡션, 페이지 제목, 양식 레이블 및 오류 메시지와 같은 웹 사이트 및 앱에서 찾을 수 있는 작은 텍스트입니다. 작은 단어는 시각적으로나 심리적으로 큰 영향을 미칩니다. 하지만 우리의 시각적 마음 속에 있는 단어와 이미지의 분리는 디자이너들이 쉽게 빠져들 수 있는 함정입니다.

 저는 마이크로카피와 텍스트 콘텐츠를 사용자 경험을 만들거나 깨는 또 다른 디자인 요소로 생각하고 싶습니다.

 좋은 마이크로카피는 사용자가 디지털 경험을 통해 자신의 길을 탐색할 수 있도록 도와주며, 압축 된 방식으로 의미를 최대화하며, 공간적 여유가 더해져 모든 단어가 고려되어야 합니다.

 단순한 데코레이터가 아니라 문해력 갖춘 디자이너가 되세요

글을 읽고 쓰는 디자이너가 된다는 것은 마이크로카피를 디자인 과정에서 필수적인 교려사항으로 생각하고, 개념을 바꾸고 솔루션에 영향을 줄 수 있는 요소로 생각하면서 텍스트에 주의를 기울이는 것을 의미합니다. 미학과 말은 서로 통합니다. 디자이너라면 누구나 길러야 할 기본 기술이기도 합니다.

 우리는 왜 하지 않습니까? 글쎄, 사용자에게 도움이 되는 좋은 마이크로카피를 작성하는 것은 힘든 일일 수 있습니다. 예산이 허락한다면 우리 팀에 UX 작가를 데려 올 수 있습니다. 이상적이지만 실제로는 많은 회사에서 이를 감당할 수 없는 사치로 보고있습니다.

전담 UX 작가가 없는 상황에서 우리는 더 둥근 디자이너가 되어 더 나은 마이크로카피를 제작해야 합니다.

 그래픽 디자이너 인 Lucine Robert는 얼마 전에 '디자이너는 단순히 데코레이터이자 미학자들 (문자 형태를 마크 팔레트로 사용하는 패턴 제작자들) 뿐만 아니라 정보 수집하고 책임지는 사람들이다' 라고 썼습니다. 

 마이크로 카피의 예

저는 여러분이 가끔 보는 이 고전적이고 매우 놀랄 정도로 끔찍한 오류 메시지들를 거의 좋아합니다.  하지만 나쁜 것에 집중하지 맙시다. 올바르게 작성되면 즉시 잘 쓰여지고 명확하고 간결한 마이크로카피로  옮겨집니다.

 


최신 아티클
thumbnail
[툴디 개선기] 툴디 메인 새 단장하기
안녕하세요 여러분!우주 최고의 디자인 플랫폼을 만들어 가는 툴디 팀입니다!! 툴디를 들어왔더니… 아니 이게 모지? 낯선 툴디에 메인화면! 깜짝 놀라셨나요? ㅎ_ㅎ놀라서 뒤로가기를 누르시면 안됩니다….!!! 툴디 맞습니다. 툴디가 메인화면을 새 단장 하였습니다! 여러분. 툴디가 곧 2주년이 된다는 사실을 알고 계신가요? 감사하게도 툴디는 론칭 이후 여러분들의 사랑을 꾸준히 받으며 우주 최고의 디자인 플랫폼으로 성장하고 있습니다. 여러분의 사랑에 행복한 나날이지만, 크리에이터 여러분들의 콘텐츠가 많아지고 툴디 사용자 분들이 많아질수록 툴디팀은 새로운 고민에 빠질 수 밖에 없었어요! 이런밈..아시나요? ?_? 툴디 메인 화면, 이게 맞아?!기존 툴디의 메인화면은 다양한 콘텐츠 큐레이션으로 구성되어 있었습니다. 툴디 사용자들이 원하시는 디자인을 빠르게 찾으시길 바라는 마음에 구성된 화면이었죠.서비스가 성장함에 따라 이제는 초창기 시절보다 훨씬 다양한 분들이 툴디를 이용하고 있습니다. 기존 화면에서는 다양한 직군, 성별, 나이대를 포괄하는 큐레이션을 하였는데, 이제는 오히려 이런 구조가 대다수 분들에게 공감대를 얻기 힘들지 않을까 하는 고민에 빠지게 되었죠.툴디팀은 다양한 분들이 툴디의 메인 화면을 통해 공감 되는 사용자 경험을 느끼면 좋겠다는 생각으로 메인 화면 개선 프로젝트를 시작하게 되었습니다! 기존 툴디 메인 화면 여러분과 라포 형성하기본격적으로 개선 프로젝트에 들어가기 전, 툴디 팀은 메인 화면에 대한 진솔한 이야기를 듣고 싶었습니다. 이야기를 나누고 싶은 분들은 실제 툴디를 활용하고 계신 사용자와 툴디 팀 구성원으로 결정했죠!다양한 직군의 사용자들을 직접 만나 이야기를 나누다 보니 놀랍게도, 그리고 우리가 예상한 대로 기존의 툴디 메인 화면의 사용 빈도가 매우 낮았습니다. 대다수의 인터뷰이는 툴디에 접속한 후 곧바로 [디자인 시작]으로 에디터를 실행하거나 통합 검색, 템플릿 검색 등으로 원하는 결과를 찾는 방식의 유저 플로우를 보여주었죠. 메인 페이지에 구성된 큐레이션을 활용하기보다 원하는 목적에 빨리 도달하기를 원했습니다! 인터뷰를 진행한 다양한 사용자들의 공통된 의견 여러분의 생각을 바탕으로, 툴디 팀은 새로운 메인 화면을 만들기로 결심했습니다!!!!!! 와 기쁘고 즐겁다!!!!!!! 🎉🎉🎉🎉올해 여름부터 시작된 프로젝트는 여러분의 생각을 잘 담아내기 위해 수 많은 기획과 회의를 통해 열정적으로 달려왔습니다. 메인 리뉴얼 스쿼드에 포함된 기획자, 개발자, 디자이너들은 고객과의 공감대 형성 및 치열한 아이데이션을 통해 더 새롭고 개선된 화면을 만들고자 끊임 없이 노력했죠! 이게 맞아! 툴디의 새로운 메인 화면을 소개합니다!다양한 시행착오 끝에 드디어 새롭게 탄생한 툴디의 메인 화면! 그 중 가장 새롭고 놀랍게 바뀐 세 가지를 부분을 자세히 소개해 드려요! 1. 검색 : 사용자의 목적을 빠르게 달성할 수 있도록여러분의 목적을 빠르게 달성할 수 있도록 메인 화면의 검색 기능이 추가되었어요! 메인 화면의 검색 기능은 검색 필드/인기 태그/인기 퀵스타트로 구성되었습니다. 앞으로 디자인이 필요한 어떤 순간에도 툴디를 들어오면 바로 원하는 키워드를 검색 후 빠르게 탐색하실 수 있어요!검색 필드 : 템플릿 또는 크리에이터를 빠르게 검색인기 태그 : 가장 많이 검색되고 있는 최신 키워드 목록인기 퀵스타트 : 최근 가장 많은 창작물이 만들어지고 있는 디자인 카테고리 (툴디 에디터 오픈) 2. 툴디 소개 : 툴디를 더 자세히 알려드릴게요!우린 우주 최고의 디자인플랫폼이 될 것입니다! .. … 그렇지만! 아쉽게도 아직 툴디를 잘 모르시는 분들도 계시다는 것! 툴디팀은 이를 모른 척 할 수 없어요! 툴디에 방문해 주신 여러분들이 길을 잃고 헤매지 않도록, 그리고 앞으로 툴디를 잘 활용할 수 있도록 서비스 소개가 구성되었습니다. 3. 툴디 아티클 : 여러분과 소통하는 콘텐츠툴디는 여러분과 글로 소통하는 것을 좋아해요! 툴디 아티클은 여러분이 툴디 크리에이터 생태계를 더 깊게 느낄 수 있도록 만들어 줄 흥미로운 콘텐츠로 구성될 예정입니다. 사용자와 크리에이터 간 공감대 형성은 물론, 크리에이터의 꿈을 가질 수 있는 ‘동기 부여 콘텐츠’도 업데이트 될 예정이에요. 아티클 메뉴를 통해 오픈 되는 툴디 콘텐츠를 기대해 주세요! 그리고 잊지 마세요! 여러분도 잠재적 크리에이터라는 사실을! 이제 여러분이 확인할 차례에요!어떠셨나요? 새롭게 바뀐 툴디의 메인 화면이 여러분의 마음에 딱 들어맞나요?! 툴디 팀은 여러분이 저희 서비스를 더 알차게 써주시길 바라는 마음에 두근거리는 심장을 부여잡고 릴리즈 버튼을 눌렀어요! 브라우저에 처음 열린 메인 화면을 보고 한 쪽 눈물이 그렁하기도 했답니다!!이번 프로젝트를 진행하면서 또 한번 느낀 것은, 역시 여러분의 메시지가 툴디를 더 나은 서비스로 만든다는 것이었어요. 툴디를 향한 새로운 의견이나 불편한 점이 있으시다면 주저 말고 이야기 해주세요! 여러분이 툴디를 성장시키고 있어요! 앞으로도 오직 사용자 입장에서, 여러분의 편의를 위해 서비스를 개선하고 발전시키는 툴디팀이 되겠습니다. 감사합니다~!
thumbnail
[템플릿제작 TIP] 분위기에 맞는 폰트 선택하기
[템플릿제작 TIP] 분위기에 맞는 폰트 선택하기 지난 아티클에서 폰트마다 가지고 있는 의미를 알아봤다면,이번 아티클에서는 분위기에 맞는 폰트를 선택하는 방법을 알아보겠습니다. * 분위기에 따라 사용할 수 있는 폰트의 종류입니다. 1. 모던, 간결, 깔끔한 분위기 : 고딕 폰트2. 클래식, 전통, 고급 분위기 : 명조 폰트3. 감성, 우아, 예술적인 분위기 : 명조, 손글씨, 캘리그라피 폰트4. 독특, 창의적, 기술적인 분위기 : 픽셀(도트) 폰트5. 편안, 친근, 개성적인 분위기 : 손글씨, 캘리그라피 폰트 1. 모던, 간결, 깔끔한 분위기 : 고딕 폰트모던하고 간결하며, 깔끔한 분위기를 연출하고 싶다면 직선적이고 굵은 느낌으로 시각적인 강렬함을 주는 고딕 폰트를 선택하는 것이 좋습니다. 고딕 폰트 중 사각 형태를 가진 폰트의 경우에는 시원하고 모던한 느낌을 줍니다. * 추천 폰트!나눔스퀘어, 넥슨Lv1고딕, 어그로체, 강원교육튼튼, 수트, G마켓산스, 모바일고딕, MBC1961, 민산스, 부크크고딕 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.강원교육튼튼(달방이), 수트(Brilliant), G마켓산스(맹), 모바일고딕(emeene), MBC1961굴림(맹) 등 2. 클래식, 전통, 고급 분위기 : 명조 폰트클래식하고, 전통적이면서 고급스러운 분위기를 연출하고 싶다면 글자의 끝에 장식이 있는 명조 폰트를 선택하는 것이 좋습니다.가독성이 높고 고전적이며, 전문적인 느낌을 줄 수 있습니다. * 추천 폰트!경기천년바탕, 고운바탕체, 김정철명조, 김좌진장군체, 조선신명조, 송명체, 순바탕체, 덕온공주체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.조선신명조(쩜다), 마포금빛나루(Page36), 정선아리랑뿌리체(쩜다), 덕온공주체(쩜다) 3. 감성, 우아, 예술적인 분위기 : 명조, 손글씨, 캘리그라피 폰트감성적인 분위기를 연출하고 싶다면 부드러운 곡선이 많고, 획의 끝이 둥글고, 굵기의 변화가 적은 폰트가 좋습니다.이런 특징을 가진 폰트는 따뜻하고 친근한 느낌을 줍니다. * 추천 폰트!마포꽃섬, 봄바람체, 마포다카포, 부크크명조, HS봄바람체, 코트라도약체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.마포꽃섬(고객을부르는디자인), 코트라도약체(맹), 마포다카포(빨간공), 월드바탕체(빨간공) 4. 독특, 창의적, 기술적인 분위기 : 픽셀(도트) 폰트픽셀 폰트는 레트로한 느낌을 주어, 게임이나 애니메이션의 분위기를 살리는 데 효과적입니다. 또한, 웹 디자인에서 픽셀 폰트를 사용하여 웹사이트의 레이아웃을 강조하거나, 팝업 창이나 버튼과 같은 요소에 사용하기도 합니다. * 추천 폰트!비트비트체, 갈무리7 ~ 14시리즈, 네오둥근모, 도스고딕, 도스명조, 도스미래로, 도스샘물 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.비트비트체(달방이), 비트비트체(달방이), 갈무리11(빨간공), 갈무리11(빨간공) 5. 편안, 친근, 개성적인 분위기 : 손글씨, 캘리그라피 폰트손글씨 폰트의 경우 손으로 쓴 글씨를 모티브로 한 폰트입니다. 손글씨 폰트는 부드럽고 자연스러우면서 편안하고, 친근한 분위기를 연출할 수 있습니다. * 추천 폰트!갈맷글체, 도넌체, 달의궤도, 다시시작해, 오뮤다예쁨, 딸에게엄마가, 미생체, 성실체, 소미체 등 템플릿에 사용된 폰트와 크리에이터 정보입니다.갈맷글체(meeing), 도넌체(mimi grim), 달의궤도(맹), 다시시작해(LG트윈스) * 분위기에 맞는 폰트를 선택하는 데에 도움이 되는 팁!1) 디자인의 목표와 의도를 파악합니다.2) 디자인의 분위기를 명확하게 정합니다.3) 폰트가 가지고 있는 의미를 생각합니다.4) 디자인의 분위기와 의미가 연결되는 폰트를 나열합니다.5) 제일 잘 어울리는 폰트를 디자인에 사용합니다. 디자인의 분위기와 취향에 따라 다양한 폰트를 조합하여 사용해 보세요!위에 나열된 폰트들은 모두 툴디 에디터에서 사용하실 수 있어요~!