main-image

[디자인사이트 11월호] Microcopy : 독해력 있는 디자이너가 되기 위한 필수 가이드

2021년 9월 23일작성
961 명 읽음

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

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

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

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

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

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

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

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

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

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

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

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

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

 마이크로 카피의 예

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

 


최신 아티클
thumbnail
[툴디 사용법] 작업 속도를 높이는 단축키 업데이트 안내
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!신규 에디터에서 일부 기능의 단축키가 변경되었습니다.단축키 목록을 확인하고, 작업 효율을 높여보세요 ! 파일 단축키windowsmac os저장Ctrl + SCmd + S실행취소Ctrl + ZCmd + Z재실행Ctrl + YCmd + Shift +Z 편집 단축키windowsmac os선택 해제ESCESC요소 삭제Delete/BackspaceBackspace다중 선택Ctrl + 요소 선택Cmd + 요소 선택전체 선택Ctrl + ACmd + A복사Ctrl + CCmd + C붙여넣기Ctrl + VCmd + V잘라내기Ctrl + XCmd + X스타일 복사Ctrl + Shift + CCmd + Shift + C45도 회전Shift + 회전Shift + 회전수직/수평 이동Shift + 이동Shift + 이동그룹화Ctrl + GCmd + G그룹 해제Ctrl + Shift + GCmd + Shift + G요소 이동방향키(←, →, ↑, ↓)방향키(←, →, ↑, ↓)요소 크게 이동Shift + 방향키(←, →, ↑, ↓)Shift + 방향키(←, →, ↑, ↓)요소 잠금/해제Alt + Shift + LOpt + Shift + L텍스트 추가TT사각형 추가SS원형 추가CC프레임 만들기Ctrl + FCmd + F 정렬 단축키windowsmac os왼쪽 정렬Ctrl + ←Cmd + ←오른쪽 정렬Ctrl + →Cmd + →위로 정렬Ctrl + ↑Cmd + ↑아래로 정렬Ctrl + ↓Cmd + ↓한단계 아래로Ctrl + [Cmd + [한단계 위로Ctrl + ]Cmd + ]맨 아래로Ctrl + Shift + [ 맨 위로Ctrl + Shift + ] 좌우 중앙정렬Ctrl + Shift + ↑Cmd + Shift + ↑상하 중앙정렬Ctrl + Shift + ↓Cmd + Shift + ↓다음 페이지PageDown 이전 페이지PageUp 첫 페이지로Home 마지막 페이지로End 캔버스영역 단축키windowsmac os확대/축소(미세조정)Ctrl + 마우스휠Cmd + 마우스휠확대/축소Ctrl + - , +Cmd + - , +화면맞춤Ctrl + Alt + 0Cmd + Opt + 0화면 100% 보기Ctrl + Alt + 1Cmd + Opt + 1 페이지 단축키windowsmac os빈 페이지 추가Ctrl + EnterCmd + Enter아트보드 잡기Space Bar + 드래그Space Bar + 드래그눈금자 보기Shift + RShift + R가이드라인 보기Shift + GShift + G가이드라인 잠금/해제Alt + ;Option + ;가이드라인 가로 추가Alt + ,Option + ,가이드라인 세로 추가Alt + .Option + . 자주 사용하는 단축키를 익혀두고 작업 속도를 높여보세요!감사합니다!
thumbnail
[툴디 INFO] 새로운 tooldi 에디터, 쉽고 빠른 디자인 시작하기!
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!항상 툴디를 애정 어린 마음으로 이용해 주시는 여러분께 진심으로 감사드립니다. 툴디는 더 나은 디자인 경험을 제공해드리기 위해신규 에디터를 도입하고, 현재 기능 개선 및 안정화 작업을 지속적으로 진행하고 있습니다. 앞으로 모든 디자인 작업은 새로운 에디터를 통해 진행되며,사용자 편의성과 작업 효율을 높이기 위한 다양한 변화가 적용되었습니다. 지금부터 신규 에디터에서 달라진 주요 사항들을 안내해 드리겠습니다. 🆕 신규 에디터 사용 안내 ✅ 모든 템플릿 오픈은 신규 에디터에서만!디자인 시작, 템플릿 확인, 작업중인 템플릿 등 모든 작업은 신규 에디터에서만 가능합니다! ❎ 새로 저장한 템플릿은 이전 에디터에서 열 수 없어요저장 방식이 달라져서, 신규 에디터에서 만든 템플릿은 이전 버전에서는 불러올 수 없습니다! ❎ 이전 에디터도 사용 가능하지만, 제한이 있어요.[메뉴 - 이전 에디터 사용하기] 메뉴를 통해 이동하실 수 있어요!하지만, 일부 기능 및 템플릿 업로드 기능 등의 제한이 있습니다. 🆕 신규 및 개선된 기능 🧑‍💻 넓어진 작업 환경속성 설정 영역이 화면 상단으로 이동하면서, 디자인 영역이 더 넓어졌어요.더 쾌적한 환경에서 작업해보세요! 🔄 자동 저장 기능작업 중 별도로 저장 버튼을 누르지 않아도 OK!작업 내용이 자동으로 저장되어 작업 중 끊김 없이 진행할 수 있어요! 🕘 최근 사용 콘텐츠최근 사용한 요소, 사진 등을 한 번에 확인하고, 빠르게 다시 사용할 수 있어요.자주 쓰는 리소스를 일일이 다시 찾을 필요 없어요! 🔵 곡선 텍스트 기능텍스트를 원이나 곡선 형태로 배치 가능! 디자인에 재미와 포인트를 더해보세요! ⭐ 폰트 즐겨찾기자주 사용하는 폰트를 즐겨찾기에 등록해두면, 매번 다시 검색할 필요 없이 빠르게 선택할 수 있어요! 🎨 컬러 피커 개선투명도 조절이 가능해졌고, 내 팔레트에 저장도 가능!기본 색상 및 추천 색상도 더 보기 좋게 개선되어 색상 선택이 훨씬 쉬워졌어요. 🚀 전반적인 속도 개선템플릿 로딩부터 요소 편집, 저장까지 전반적인 속도 향상이 되었어요!더 빠르고 매끄러운 작업 환경을 경험해 보세요! 🧩 기능 사용성 개선스냅라인, 가이드라인, 빠른 편집 도구, 레이어 영역 등등 전반적인 기능들이 개선되었어요!정렬, 배치, 선택 등이 한층 더 편리해졌습니다. 기능 제한 안내 ❎ 텍스트의 부분 굵기 및 부분 색상 적용이 어려워요한 텍스트 박스 안에서는 동일한 색상, 동일한 굵기만 적용이 가능해요!걱정 마세요! 부분 적용 기능은 곧 개선될 예정이에요! ❎ 이전 에디터에서는 템플릿 업로드가 불가능합니다이전 에디터에서는 이제 템플릿을 업로드하실 수 없어요! 신규 에디터에서만 업로드가 가능합니다! ⚠ 필터 보정값 차이로 인해 색감이 다를 수 있어요!신규 에디터의 색상 표현 방식이 개선되었어요!따라서 이전 에디터에서 작업한 템플릿의 일부 컴포넌트 색감이 다르게 표현될 수 있어요. ⚠ 일부 기능들은 아직 준비 중이에요이전 에디터에서 사용하셨던 배경제거 기능이나 자유도형 그리기 등의 기능들은 개선 중이에요!조금 더 나은 경험을 제공해드리기 위함이니 조금만 기다려 주세요! ⚒ 신규 에디터는 계속해서 업데이트되고 있습니다!툴디팀은 더 완성도 높은 에디터의 안정화를 위해 오늘도 집중하고 있습니다.여러분의 소중한 피드백도 함께 반영하며, 더 편리하고 강력한 디자인 툴로 보답하겠습니다!감사합니다!