페이지 목적은 이 화면이 방문자에게 무슨 일을 하려는지 정하는 것입니다

예쁜 화면도 목적이 흐리면 방문자가 무엇을 해야 하는지 모르게 됩니다. 페이지 목적을 먼저 정하면 제목, 첫 버튼, 섹션 순서가 훨씬 또렷해집니다.

안내 페이지는 정보를 쉽게 찾고 이해하게 하는 것이 목적입니다

GitHub Docs 같은 안내 페이지는 검색과 분류와 빠른 시작 길을 먼저 보여줍니다. 이런 페이지의 목적은 감상보다 이해이고, 구매보다 찾기입니다.

• 1검색과 카테고리가 먼저 보입니다.
• 2방문자가 길을 잃지 않게 안내합니다.

판매 페이지는 고르고 비교하고 구매하게 하는 것이 목적입니다

iPhone 제품 페이지는 제품군, 비교, 쇼핑 흐름을 먼저 보여줍니다. 이런 페이지의 목적은 설명만 하는 것이 아니라 선택과 구매 행동으로 이어지게 하는 데 있습니다.

시작하게 하는 페이지는 해보고 싶게 만드는 것이 목적입니다

Scratch 첫 화면은 만들기와 탐험하기를 크게 보여 줍니다. 이런 페이지의 목적은 차분히 읽히는 것이 아니라, “나도 해볼래”라는 시작 행동을 만들게 하는 데 있습니다.

• 1무엇을 해볼 수 있는지가 먼저 보입니다.
• 2시작 버튼이 겁나지 않게 앞에 옵니다.

같은 수업 페이지도 목적이 안내인지 모집인지에 따라 첫 화면이 달라집니다

방문자와 함께 목적도 정해야 합니다. 같은 수업 페이지라도 정보를 정리해 보여주는 안내 페이지인지, 지금 신청을 받는 모집 페이지인지에 따라 제목과 버튼이 달라집니다.

처음에는 여섯 가지 목적만 알아도 대부분의 페이지를 설명할 수 있습니다

안내, 전시, 소개, 모집, 판매, 기록처럼 큰 목적부터 나누면 초심자도 쉽게 정리할 수 있습니다. 한 페이지에는 여러 역할이 섞일 수 있지만, 첫 화면의 대표 목적은 하나로 잡는 편이 좋습니다.

• 1안내: 이해하게 합니다.
• 2모집: 신청하게 합니다.
• 3판매: 고르고 사게 합니다.

목적이 섞여도, 첫 화면의 대표 목적은 한 가지로 먼저 잡아야 합니다

소개도 하고 신청도 받고 작품도 보여주고 싶을 수 있습니다. 하지만 첫 화면에 모든 목적을 같은 힘으로 올리면 방문자가 무엇을 먼저 해야 하는지 모르게 됩니다.

목적이 달라지면 첫 화면에서 먼저 보여줄 내용도 달라집니다

안내 페이지라면 개요와 순서를, 판매 페이지라면 제품군과 비교를, 모집 페이지라면 신청과 일정 정보를 먼저 보여줘야 합니다. 첫 화면은 목적의 답안지처럼 바뀝니다.

• 1안내 목적은 설명과 길 안내가 앞에 옵니다.
• 2모집 목적은 일정과 신청 버튼이 앞에 옵니다.

페이지 목적이 다르면 첫 버튼의 말도 함께 달라져야 합니다

버튼은 방문자가 지금 무엇을 해야 하는지 말하는 짧은 문장입니다. 그래서 페이지 목적이 다르면 버튼의 말도 달라져야 자연스럽습니다.

AI에게는 방문자와 함께 페이지 목적도 먼저 말해야 합니다

“수업 페이지 만들어줘”보다 누구를 위한 페이지인지와 이 페이지가 안내인지 모집인지 먼저 말하면 결과가 훨씬 정확해집니다. 목적은 제목과 버튼과 섹션 순서를 정하는 키입니다.

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

“페이지 하나 만들어줘”는 이 페이지가 설명하려는지, 신청받으려는지, 팔려는지 빠져 있어서 결과가 흐려집니다. 목적을 넣으면 AI가 무엇을 앞에 세워야 할지 바로 알 수 있습니다.

오늘의 실습: 내 페이지의 대표 목적을 한 가지로 정해봅니다

다음 시간에는 첫 문장과 한 줄 메시지로 넘어갑니다. 오늘은 이 페이지가 무엇을 하려는지 한 문장으로 말할 수 있으면 충분합니다. 목적이 정해지면 제목과 버튼도 훨씬 쉬워집니다.

• 1대표 목적 1가지를 적습니다.
• 2첫 버튼 문장을 적습니다.
• 3아래로 미뤄도 되는 정보도 함께 적습니다.