모두
모두콘텐츠
얼마 전 파일 변환 방법을 찾다가 한 블로그에 들어갔는데, 필요한 글은 많은데 어디서 찾아야 할지 몰라 한참을 헤맸습니다. 그때 다시 느꼈어요. 홈페이지형블로그는 예쁜 배너보다 방문자가 원하는 자료를 빨리 찾게 하는 구성이 먼저라는 걸요.
홈페이지형블로그는 블로그의 첫 화면을 작은 홈페이지처럼 꾸민 형태입니다. 글을 날짜순으로 보여주는 데 그치지 않고, 메뉴와 안내 영역을 만들어 주제별로 이동할 수 있게 하죠. 파일 변환·압축·문서 양식처럼 해결할 일이 분명한 블로그라면 특히 잘 맞습니다. 방문자는 블로그 전체를 둘러보기보다 지금 필요한 답 하나를 찾으러 오는 경우가 많으니까요.
메뉴를 만들기 전에 방문자의 일을 적어보기
처음부터 배너와 색상을 고르면 메뉴가 자꾸 늘어납니다. 저는 먼저 방문자가 하려는 일을 종이에 적습니다. 이 블로그라면 ‘PDF를 다른 형식으로 바꾸기’, ‘파일 크기 줄이기’, ‘문서 양식 받기’, ‘무료 자료 찾기’ 정도가 출발점이겠죠. 비슷한 일을 묶으면 상단 메뉴는 4~6개로 충분합니다.
메뉴 이름도 방문자의 말에 가깝게 쓰는 편이 좋습니다. ‘디지털 솔루션’보다 ‘파일 변환’이 바로 이해되고, ‘리소스 아카이브’보다 ‘무료 자료’가 찾기 쉽습니다. 글이 아직 두세 개뿐인 주제는 독립 메뉴로 만들지 않아도 됩니다. 빈 메뉴가 많은 첫 화면은 실제보다 덜 관리되는 곳처럼 보이거든요.
메뉴마다 연결할 글이나 목록을 하나씩 정한 뒤 첫 화면을 꾸미면 작업이 훨씬 단순해집니다. 예를 들어 ‘문서 양식’ 메뉴에는 양식 파일을 무작정 나열하기보다 사용 목적별 안내 글을 먼저 연결합니다. 이력서가 필요한 사람과 견적서가 필요한 사람은 출발점이 다르니까요.
첫 화면은 세 영역이면 충분합니다
첫째는 블로그가 무엇을 해결해 주는지 알려주는 안내 영역입니다. ‘파일 작업이 막혔을 때 무료 도구부터 찾는 곳’처럼 한 문장으로 쓰면 됩니다. 둘째는 앞서 정한 주제별 메뉴, 셋째는 자주 찾는 글을 모은 영역입니다. 이 세 가지가 화면에서 바로 보이면 방문자가 길을 잃을 가능성이 줄어듭니다.
자주 찾는 글은 조회수가 높은 순서로만 고르지 않습니다. 처음 온 사람이 바로 써먹을 수 있는 글을 섞는 게 좋습니다. 제 기준이라면 ‘PDF 용량 줄이기’, ‘이미지 파일 형식 바꾸기’, ‘문서 양식 고를 때 확인할 점’처럼 작업이 선명한 글을 3~6개 배치하겠습니다. 각 항목의 제목도 ‘유용한 정보 모음’보다는 해결할 일이 드러나게 적고요.
배너 이미지를 만든다면 문구는 짧게 두세요. 화면에 이미 메뉴와 글 제목이 있다면 배너에 모든 설명을 넣을 필요가 없습니다. 특히 작은 화면에서는 긴 문구가 금방 읽기 어려워집니다. 글자가 이미지 안에만 들어가 있으면 수정할 때 이미지를 다시 만들어야 하니, 바꿀 가능성이 큰 안내 문구는 편집할 수 있는 텍스트 영역에 두는 편이 편합니다.
글 하나에도 다음 이동 경로를 넣습니다
홈페이지처럼 보이는 첫 화면을 만들었더라도 검색으로 들어온 방문자는 첫 화면을 건너뛸 수 있습니다. 그래서 개별 글에도 길 안내가 필요합니다. 글의 첫 부분에는 해결할 문제와 준비물을 짧게 적고, 본문에는 실행 순서를 넣습니다. 끝부분에는 자연스럽게 이어지는 작업 하나를 연결하면 좋습니다.
예를 들어 ‘PDF 용량 줄이기’ 글이라면 파일을 줄이기 전에 화질이 중요한 문서인지 확인하게 합니다. 이어서 기본 도구에서 저장 옵션을 조정하는 순서, 결과 파일의 글자와 이미지가 깨지지 않았는지 확인하는 순서를 적습니다. 그다음에 ‘압축 후에도 첨부가 안 될 때 확인할 항목’으로 이어지면 방문자는 다시 검색하지 않아도 됩니다.
다운로드 자료를 제공할 때는 파일 형식과 사용 조건을 본문에 적어두세요. ‘양식 다운로드’ 한 줄보다 ‘편집 가능한 문서 형식, A4 한 장, 개인 업무용으로 수정 가능’처럼 쓰면 받기 전에 판단할 수 있습니다. 파일을 바꿨다면 글에도 수정 날짜와 달라진 내용을 짧게 남기는 편이 좋습니다. 오래된 설명과 새 파일이 섞이면 작은 차이도 사용자를 막히게 하니까요.
작은 화면에서 직접 눌러보고 손봅니다
꾸민 뒤에는 컴퓨터 화면보다 휴대전화 화면을 먼저 확인합니다. 플랫폼에 따라 첫 화면 구성이나 위젯이 모바일에서 다르게 보일 수 있습니다. 메뉴가 접혀 있어 찾기 어렵지는 않은지, 배너 글자가 잘리지는 않는지, 자주 찾는 글이 너무 아래로 밀리지는 않는지 실제로 눌러봅니다.
점검할 때는 방문자 역할을 정하면 빠릅니다. ‘지금 10MB짜리 PDF를 보내야 하는 사람’이라고 생각하고 첫 화면에서 관련 글까지 이동해 보세요. 두세 번 눌러도 길이 보이지 않는다면 메뉴 이름이나 글 배치를 손볼 때입니다. 반대로 첫 화면에서 필요한 글을 찾는 데 문제가 없다면 장식을 더할 이유는 크지 않습니다.
처음부터 모든 메뉴를 채우려고 애쓸 필요도 없습니다. 글이 쌓일 때마다 자주 찾는 항목을 바꾸고, 실제로 쓰이지 않는 메뉴는 줄이면 됩니다. 저는 홈페이지형블로그를 완성된 디자인보다 계속 손보는 안내판에 가깝게 봅니다. 방문자가 급한 파일 작업을 끝내고 나갈 수 있다면 그 첫 화면은 제 역할을 하고 있는 셈입니다.
