방문자에 따라 웹의 제목, 이미지, 버튼이 달라집니다

방문자를 정하는 일은 누구에게 맞는 말과 장면을 먼저 보여줄지 정하는 일입니다. 방문자가 달라지면 첫 화면의 말투와 버튼 행동도 함께 달라집니다.

어린이가 먼저 보는 웹은 재미와 시작 버튼이 바로 보여야 합니다

Scratch 같은 사이트는 아이디어와 만들기를 크게 보여 주고, 시작 버튼이 겁나지 않게 눈앞에 있습니다. 어린이 방문자에게는 긴 설명보다 “무엇을 해볼 수 있는가”가 먼저 보여야 한다는 뜻입니다.

• 1제목이 짧고 쉽게 읽힙니다.
• 2시작 버튼과 큰 장면이 바로 눈에 들어옵니다.

구매자가 먼저 보는 웹은 고를 수 있는 제품과 비교가 빨리 보여야 합니다

iPhone 제품 페이지는 제품군과 비교와 쇼핑 흐름을 먼저 보여 줍니다. 구매자 방문자는 “어떤 것을 고를까”, “어디를 눌러 살까”를 빨리 해결하고 싶기 때문에 정보 구조도 그쪽으로 맞춰집니다.

찾으러 온 방문자는 장식보다 검색과 문서 구조가 먼저 필요합니다

GitHub Docs처럼 개발자나 작업자가 먼저 보는 웹은 검색창, 문서 분류, 빠른 시작 링크가 중요합니다. 이 방문자는 “멋진 장면”보다 “빨리 찾기”를 원하기 때문입니다.

• 1검색과 카테고리가 강하게 보입니다.
• 2첫 화면도 길 안내 역할을 합니다.

같은 독서 모임도 학생용 화면과 부모용 화면은 다르게 말합니다

주제가 같아도 방문자가 다르면 제목과 첫 버튼이 달라집니다. 학생에게는 재미있게 시작하는 말이, 부모에게는 정보와 신청이 쉬운 말이 먼저 보여야 합니다.

방문자를 정할 때는 네 가지만 먼저 물어봐도 충분합니다

너무 복잡한 페르소나를 만들 필요는 없습니다. 나이대, 왜 오는지, 처음 무엇을 하려는지, 어떤 기기로 보는지만 먼저 정해도 제목과 버튼이 훨씬 선명해집니다.

• 1누구인지 적습니다.
• 2왜 들어오는지 적습니다.
• 3첫 행동과 보는 기기를 적습니다.

여러 사람이 보더라도, 첫 화면은 한 명의 대표 방문자를 먼저 향해야 합니다

방문자를 너무 많이 한꺼번에 잡으면 첫 화면이 흐려집니다. 보조 방문자는 아래 섹션에서 챙기더라도, 첫 화면은 가장 중요한 한 사람에게 먼저 맞추는 편이 좋습니다.

대표 방문자가 달라지면 첫 화면에서 먼저 보여줄 내용도 달라집니다

학생이 먼저 보는 페이지라면 무엇을 만들 수 있는지가, 부모가 먼저 보는 페이지라면 대상과 시간과 신청이 먼저 보여야 합니다. 첫 화면은 방문자가 가장 먼저 묻는 질문에 답해야 합니다.

• 1학생 중심 첫 화면은 재미와 결과물을 먼저 보여줍니다.
• 2부모 중심 첫 화면은 정보와 일정과 신청을 먼저 보여줍니다.

방문자가 다르면 첫 버튼의 말도 달라져야 합니다

모든 페이지의 첫 버튼이 “자세히 보기”일 필요는 없습니다. 어린이는 시작하고 싶고, 부모는 시간표를 보고 싶고, 개발자는 검색하거나 빠르게 시작하고 싶습니다. 버튼은 그 첫 행동을 말해야 합니다.

AI에게는 방문자를 먼저 말해야 페이지의 말투와 구조가 맞아집니다

“교육 페이지 만들어줘”보다 누구를 위한 교육 페이지인지 먼저 말하면 훨씬 정확한 결과가 나옵니다. 대표 방문자, 첫 행동, 기기까지 말하면 제목과 버튼과 섹션 순서가 더 잘 맞습니다.

막연한 페이지 요청을 방문자 중심 요청으로 고치면 훨씬 정확해집니다

“예쁘게 만들어줘”는 누가 보는지 빠져 있어서 결과가 흐려지기 쉽습니다. 방문자와 첫 행동이 들어가면 AI가 어떤 제목과 버튼과 섹션을 써야 할지 훨씬 잘 맞춥니다.

오늘의 실습: 내 페이지의 대표 방문자를 한 사람으로 정해봅니다

다음 시간에는 페이지 목적과 한 줄 메시지로 넘어갑니다. 오늘은 누가 보는지 한 사람으로 분명하게 적을 수 있으면 충분합니다. 대표 방문자가 정해지면 제목과 첫 버튼도 훨씬 쉬워집니다.

• 1대표 방문자 이름 또는 유형을 적습니다.
• 2왜 이 페이지에 오는지와 처음 누를 버튼을 적습니다.
• 3보조 방문자 1명도 함께 적습니다.