손님은 원하는 정보를 못 찾아 메뉴만 헤매다, 결국 전화도 안 하고 나간다 — 작은 회사 웹사이트 내비게이션(메뉴) 설계의 5가지 원칙
메뉴가 복잡하면 손님은 길을 잃고 그냥 떠납니다. 작은 회사 홈페이지에서 손님이 헤매지 않고 원하는 정보와 연락처에 바로 닿게 만드는 내비게이션 설계 원칙 5가지를 실무 관점으로 정리했습니다.
손님은 색이 요란한 화면 앞에서 어디가 중요한지 못 읽고, 정작 눌러야 할 버튼을 놓친다 — 작은 회사 웹사이트 색(브랜드 컬러 팔레트) 설계의 5가지 원칙
색은 취향이 아니라 안내판이다. 작은 회사 홈페이지가 색 몇 개만으로 신뢰를 주고 손님의 눈을 버튼까지 이끄는 방법을 정리했다.
손님은 흐릿한 사진 한 장에 '여기 별로겠다'며 창을 닫는다 — 작은 회사 웹사이트 사진·이미지 설계의 5가지 원칙
손님이 가장 먼저, 가장 오래 보는 것은 글이 아니라 사진이다. 스튜디오 없이도 지킬 수 있는 웹사이트 사진·이미지 설계의 다섯 가지 원칙을 정리했다.
손님은 정보가 빼곡한 화면 앞에서 어디부터 봐야 할지 몰라 숨이 막혀 창을 닫는다 — 작은 회사 웹사이트 여백(화이트스페이스) 설계의 5가지 원칙
화면을 꽉 채울수록 손님은 어디부터 봐야 할지 몰라 떠난다. 여백은 남는 자리가 아니라 시선을 안내하고 핵심을 강조하는 설계 요소다. 작은 회사 홈페이지의 여백 설계 다섯 가지 원칙을 정리했다.
손님은 빽빽한 글씨 두 줄을 읽다 지쳐 창을 닫는다 — 작은 회사 웹사이트 글꼴·가독성(타이포그래피) 설계의 5가지 원칙
예쁜 폰트보다 중요한 건 '끝까지 읽히는' 글자입니다. 작은 회사 웹사이트가 손님을 붙드는 타이포그래피 설계 원칙 다섯 가지를 정리했습니다.
손님은 첫 화면 3초 안에 '여기가 뭐 하는 곳인지' 못 읽으면 그냥 나간다 — 작은 회사 웹사이트 첫 화면(히어로 섹션) 설계의 5가지 원칙
처음 온 손님은 스크롤을 내리기 전, 첫 화면 하나로 남을지 떠날지를 정한다. 무엇을 하는 곳인지 한 줄로 말하고, 다음 행동을 버튼 하나로 안내하는 히어로 섹션 설계의 5가지 원칙을 정리했다.
손님은 마음을 정하고도, 어디를 눌러 연락해야 할지 몰라 그냥 창을 닫는다 — 작은 회사 웹사이트 행동 유도 버튼(CTA) 설계의 5가지 원칙
홈페이지의 모든 글과 사진은 결국 손님의 클릭 한 번을 위해 존재한다. 그 버튼 하나가 흐릿하면 앞의 노력은 전부 흩어진다. 작은 회사의 문의 수를 가르는 행동 유도 버튼(CTA) 설계 원칙 5가지를 정리했다.
손님 열에 일곱은 휴대폰으로 들어오는데, 우리 홈페이지는 두 손가락으로 벌려야 글씨가 겨우 읽힌다 — 작은 회사 웹사이트 모바일 최적화 설계의 5가지 원칙
방문자 대부분이 휴대폰으로 들어오는 시대, 모바일 화면은 데스크톱의 부록이 아니라 홈페이지의 본체입니다. 작은 회사가 반드시 챙겨야 할 모바일 최적화 다섯 가지를 정리했습니다.
손님은 문의 폼의 빈칸 열 개를 마주하고 '나중에 하지' 하며 창을 닫는다 — 작은 회사 웹사이트 문의 폼(입력 양식) 설계의 5가지 원칙
문의 폼은 손님이 마음먹고 도달한 마지막 문이다. 칸이 많고 순서가 어수선하면 바로 그 문 앞에서 발길을 돌린다. 이탈을 줄이는 입력 양식 설계의 원칙 다섯 가지를 정리한다.