메인 화면과 콘텐츠 흐름을 다시 맞춘 이유

메인 화면은 사이트를 설명하는 곳이기도 하지만, 가장 먼저 콘텐츠를 시작하게 만드는 곳이기도 합니다. 그래서 첫 화면에 너무 많은 덩어리가 몰리지 않게 정리했습니다. 제목, 짧은 설명, 바로 시작하는 버튼, 추천 콘텐츠가 서로 붙어 보이지 않도록 여백과 순서를 다시 보았습니다.

특히 모바일에서는 화면 하나에 들어오는 정보가 많으면 금방 복잡해 보입니다. 방문자는 사이트 구조를 배우러 온 것이 아니라, 지금 해볼 만한 콘텐츠를 찾으러 옵니다. 그래서 불필요한 구역은 낮추고, 바로 누를 수 있는 선택지를 먼저 보이게 했습니다.

내 안의 동물 찾기와 플러팅이야 아니야?처럼 이미지와 설명이 중요한 콘텐츠는 같은 구조에 가깝게 맞췄습니다. 한글 초성 퀴즈와 이래도 고른다고?처럼 주제를 고르는 콘텐츠도 비슷한 카드 규칙을 쓰게 했습니다.

모든 콘텐츠를 똑같이 만들자는 뜻은 아닙니다. 동물 찾기는 따뜻한 오렌지, 플러팅은 코랄, 초성은 파랑, 밸런스 게임은 핑크 계열의 표정을 남겼습니다. 대신 이미지 크기, 제목 위치, 설명 길이, 버튼 무게는 사용자가 익숙하게 느낄 수 있도록 맞췄습니다.

결과 화면에서는 저장, 공유, 다시 하기, 다른 콘텐츠 보기의 순서가 중요합니다. 버튼이 너무 위에 있거나, 최근 기록과 섞이거나, 푸터가 바로 붙으면 사용자는 어디를 눌러야 할지 잠깐 멈춥니다.

오늘의 긁?은 다시 긁기와 최근 카드, 저장 버튼의 순서를 다시 잡았습니다. 다른 콘텐츠들도 결과 뒤에 바로 끝나는 느낌이 들지 않게 하되, 쓸데없이 긴 공백이 생기지 않도록 공통 여백을 다시 보았습니다.

한 페이지의 보라색 버튼, 다른 페이지의 파란색 링크, 또 다른 페이지의 남는 여백은 각각 보면 작은 문제입니다. 하지만 이런 차이가 쌓이면 방문자는 초보자가 만든 사이트처럼 느낄 수 있습니다.

그래서 앞으로 화면을 고칠 때는 해당 페이지 하나만 보지 않고, 메인, 콘텐츠 목록, 블로그, 연구일지, 결과 화면까지 같이 보겠습니다. 막막한연구소답게 귀엽고 가볍게 보이되, 기본 정리는 한 사이트처럼 맞춰가는 것이 기준입니다.