메인 화면과 콘텐츠 흐름을 더 보기 쉽게 정리했습니다
이번 업데이트는 새 버튼 하나를 추가한 일이 아니라, 처음 들어온 사람이 “어디부터 누르면 되지?” 하고 멈추는 시간을 줄인 작업에 가깝습니다. 메인에서 콘텐츠를 고르고, 첫 화면에서 시작하고, 결과를 본 뒤 저장하거나 다른 콘텐츠로 넘어가는 길이 조금 더 같은 리듬을 갖도록 정리했습니다.
방문자는 메인에서 바로 콘텐츠를 고르고, 각 콘텐츠의 첫 화면에서도 비슷한 방식으로 시작할 수 있습니다. 결과를 본 뒤에도 저장하거나 다시 하거나 다른 콘텐츠로 넘어가는 길이 조금 더 분명해졌습니다.
첫 화면은 소개문보다 행동이 먼저 보여야 했습니다
처음 들어온 화면은 사이트의 첫인상입니다. 하지만 첫인상이 꼭 긴 설명일 필요는 없습니다. 막막한연구소에 들어온 사람은 “이 사이트가 뭔데?”도 궁금하지만, 그보다 먼저 “지금 하나 해볼 만한 게 있나?”를 봅니다.
그래서 제목과 설명은 짧게 두고, 추천 콘텐츠 카드와 바로 시작할 수 있는 길이 더 빨리 보이게 했습니다. 홈 화면이 스스로를 설명하느라 바빠지면, 방문자는 콘텐츠를 고르기도 전에 지칩니다.
특히 모바일에서는 작은 차이가 크게 느껴집니다. 카드가 한 줄 더 내려가거나 버튼이 화면 아래로 밀리면 사용자는 다시 스크롤해야 합니다. 이번 정리는 한 화면 안에 정보를 더 넣는 일이 아니라, 첫 행동을 덜 숨기는 일이었습니다.
콘텐츠마다 다른 얼굴은 남기고, 시작 규칙은 맞췄습니다
내 안의 동물 찾기와 플러팅이야 아니야?는 이미지와 설명을 보고 시작하는 테스트입니다. 한글 초성 퀴즈와 이래도 고른다고?는 주제를 먼저 고르는 콘텐츠입니다. 오늘의 긁?은 질문을 읽기보다 바로 한 장을 긁는 콘텐츠입니다.
이렇게 성격이 다른 콘텐츠를 모두 같은 화면으로 만들면 재미가 사라집니다. 대신 같은 종류끼리는 시작 구조를 맞췄습니다. 대표 이미지, 제목, 짧은 설명, 버튼의 위치가 너무 흔들리지 않아야 다음 콘텐츠를 열었을 때도 낯설지 않습니다.
색과 말투는 콘텐츠마다 남겼습니다. 동물 테스트는 따뜻하게, 플러팅은 판결 놀이처럼, 오늘의 긁?은 은박 카드처럼 보이게 두었습니다. 사용자가 조작하는 규칙은 익숙하고, 콘텐츠의 표정은 다르게 남기는 쪽이 이번 기준이었습니다.
결과 아래는 끝이 아니라 다음 행동을 고르는 자리입니다
결과 화면에서 중요한 것은 “이제 뭘 하지?”가 바로 보이는 것입니다. 다시 하기, 저장하기, 공유하기, 다른 콘텐츠 보기의 순서가 어긋나면 사용자는 결과를 다 읽고도 잠깐 멈춥니다.
오늘의 긁?처럼 반복해서 볼 수 있는 콘텐츠는 다시 긁기가 가까이 있어야 합니다. 마음에 드는 문장은 저장으로 이어지고, 더 해보고 싶으면 다른 콘텐츠로 자연스럽게 넘어갈 수 있어야 합니다.
짧은 콘텐츠일수록 이 차이가 큽니다. 30초 만에 끝나는 콘텐츠에서 버튼을 찾느라 10초를 쓰면 흐름이 끊깁니다. 그래서 결과 아래는 예쁜 마무리 영역이 아니라, 다음 행동의 순서를 정하는 기능 영역으로 보았습니다.
업데이트 노트도 “무엇이 좋아졌는지”보다 “어디서 덜 막히는지”를 말해야 했습니다
예전 업데이트 노트는 변경 목록을 정리하는 데 집중했습니다. 하지만 방문자가 읽을 때 더 궁금한 것은 내부적으로 무엇을 고쳤는지가 아니라, 내가 사이트를 쓸 때 어디서 덜 헤매게 되었는지입니다.
그래서 이번 노트는 화면 캡처를 먼저 두고, 그 아래에서 첫 화면, 콘텐츠 선택, 결과 이후 행동을 나누어 설명했습니다. 업데이트 기록도 검색해서 들어온 사람이 읽는 글이라면, 패치 항목보다 사용 장면이 먼저 보여야 합니다.
첫 화면에서 콘텐츠까지 이어지는 실제 흐름



이번 정리에서 나눈 세 동선
처음 들어온 순간
사이트 설명, 추천, 콘텐츠 카드가 한 번에 보여 첫 행동이 늦게 보일 수 있었습니다.
제목과 설명은 짧게 두고, 바로 시작할 수 있는 콘텐츠 카드가 위쪽에서 읽히게 했습니다.
콘텐츠를 고르는 순간
콘텐츠마다 이미지, 설명, 버튼의 무게가 달라 같은 사이트 안의 카드처럼 덜 보였습니다.
테스트형, 퀴즈형, 즉시 플레이형의 시작 구조를 맞추되 색과 말투는 남겼습니다.
결과를 본 뒤
다시 하기, 저장, 공유, 다른 콘텐츠 보기가 콘텐츠마다 다른 박자로 내려왔습니다.
결과 직후 행동과 다음 추천이 서로 밀지 않도록 순서와 여백을 다시 맞췄습니다.
출처
- 막막한연구소 업데이트 노트 목록공개 업데이트 기록의 날짜, 제목, 요약, 변경 흐름을 확인하는 1차 기준.
- 막막한연구소 콘텐츠 목록업데이트 노트에서 언급한 테스트, 퀴즈, 실험실 콘텐츠의 현재 공개 상태를 확인하는 기준.
조금 더 남겨 두는 이야기
메인 화면에는 볼 것이 많아졌지만, 모바일에서는 첫 화면이 조금 복잡하게 느껴질 수 있었습니다. 제목, 버튼, 추천 콘텐츠가 서로 너무 붙어 보이는 구간도 있었습니다.
콘텐츠마다 시작 화면의 이미지 크기, 제목 위치, 버튼 순서가 조금씩 달랐습니다. 하나씩 보면 큰 문제는 아니지만, 이어서 보면 같은 사이트 안의 콘텐츠처럼 덜 느껴질 수 있었습니다.
결과 화면 아래에서 다시 하기, 저장, 공유, 다른 콘텐츠 보기, 푸터가 만나는 순서도 콘텐츠마다 달랐습니다. 짧은 콘텐츠일수록 다음 행동이 더 분명해야 했습니다.
메인 화면의 첫 인상을 다시 정리했습니다. 사이트 설명은 짧게 유지하고, 바로 시작하는 버튼과 추천 콘텐츠가 숨 막히지 않도록 간격을 다듬었습니다.
내 안의 동물 찾기와 플러팅이야 아니야?는 이미지, 제목, 설명, 시작 버튼의 구조를 더 비슷하게 맞췄습니다. 한글 초성 퀴즈와 이래도 고른다고?도 주제 선택 카드의 규칙을 맞췄습니다.
오늘의 긁?은 다시 긁기, 방금 긁은 카드, 저장과 공유 버튼의 순서를 다시 정리했습니다. 결과를 본 뒤 어떤 행동을 하면 되는지 더 자연스럽게 보이도록 했습니다.
첫 화면은 사이트 소개보다 지금 할 수 있는 행동이 먼저 보여야 합니다.
콘텐츠별 개성은 색과 말투에 남기고, 시작 버튼과 카드 구조는 같은 규칙으로 맞추는 편이 편합니다.
결과 화면 아래는 마무리 장식이 아니라 저장, 공유, 다시 하기, 다음 콘텐츠를 고르는 기능 영역입니다.
새 콘텐츠가 늘어날 때도 같은 종류끼리 시작 화면의 구조를 먼저 맞추겠습니다.
모바일에서 버튼과 결과 아래 흐름이 너무 붙거나 너무 멀어지지 않는지 계속 보겠습니다.
블로그와 연구일지도 이번 변화가 자연스럽게 이어지도록 함께 보강하겠습니다.