플러팅 첫 화면과 저장 이미지 개선
이번에는 플러팅 테스트를 처음 열었을 때와 결과를 저장했을 때의 인상을 같이 정리했습니다. 첫 화면은 조금 더 빨리 시작할 수 있게 압축했고, 저장 이미지는 임시 틀에서 벗어나 플러팅 판결문처럼 보이도록 다시 만들었습니다.
모바일에서 플러팅 테스트를 열었을 때 바로 시작하기 쉬워지고, 결과를 저장해도 플러팅 재판 콘텐츠라는 맥락이 더 분명하게 남습니다.
첫 화면은 더 빨리 시작할 수 있게 줄였습니다
플러팅 테스트는 첫 이미지가 분위기를 잡아주는 콘텐츠입니다. 다만 모바일에서는 그 이미지와 장식이 길어지면 시작 버튼이 아래로 밀려, 사용자가 바로 눌러보는 흐름이 약해질 수 있었습니다.
그래서 이미지는 유지하되 모바일에서만 크기와 여백을 줄였습니다. 제목, 설명, 태그, 시작 버튼이 한 덩어리로 더 빨리 들어오게 맞춰 첫 화면의 리듬을 다듬었습니다.
저장 이미지는 플러팅 전용 판결문으로 바꿨습니다
결과 저장 이미지는 화면 캡처가 아니라 공유되는 두 번째 화면에 가깝습니다. 친구에게 보냈을 때도 어떤 테스트의 어떤 판결인지 바로 보여야 합니다.
이번에는 사건번호, 판결상태, 유죄건수, 판결유형을 표처럼 넣고, 결과 이미지와 한 줄 판결문을 함께 배치했습니다. 나중에 전용 프레임이 더 준비되면 이 구조 위에서 더 다듬을 수 있습니다.
목록 썸네일은 추측하지 않게 했습니다
업데이트 노트는 한 글 안에 여러 콘텐츠가 같이 등장할 때가 있습니다. 이때 제목 단어만 보고 썸네일을 고르면 다른 콘텐츠 이미지가 붙을 수 있습니다.
이번부터는 필요한 업데이트 노트에 관련 콘텐츠 ID를 직접 넣었습니다. 앞으로 새 글을 추가할 때도 대표 콘텐츠가 분명하면 이 값을 넣어 목록이 덜 흔들리게 관리할 수 있습니다.
조금 더 남겨 두는 이야기
플러팅 첫 화면은 이미지와 장식이 매력 포인트였지만, 모바일에서는 시작 버튼이 첫눈에 잘 들어오지 않는 화면이 있었습니다.
결과 저장 이미지는 임시 프레임 성격이 강해서, 플러팅 결과를 친구에게 보낼 때 판결문 콘셉트가 충분히 살아나지 않았습니다.
업데이트 노트 목록의 썸네일은 글 제목의 단어를 보고 고르는 방식이 남아 있어, 여러 콘텐츠를 함께 다룬 글에서 엉뚱한 이미지가 붙을 여지가 있었습니다.
플러팅 첫 화면의 모바일 이미지 크기, 제목 간격, 설명 여백, 태그 크기를 줄여 시작 버튼이 더 빨리 보이도록 정리했습니다.
결과 저장 이미지는 초성 퀴즈용 임시 틀을 쓰지 않고, 사건 표와 결과명, 판사 이미지, 한 줄 판결문, 유죄 건수가 한 장에 남는 플러팅 전용 카드로 다시 구성했습니다.
업데이트 노트에는 관련 콘텐츠 ID를 직접 넣어, 목록 썸네일이 제목 추측이 아니라 연결된 콘텐츠 기준으로 정해지게 했습니다.
첫 화면의 분위기와 시작 버튼의 접근성은 같이 봐야 합니다.
저장 이미지는 공용 틀보다 콘텐츠의 결과 경험에 맞춘 별도 구성이 더 잘 읽힙니다.
목록 썸네일은 키워드 추측보다 콘텐츠 ID 연결이 안전합니다.
플러팅 전용 저장 이미지 프레임이 준비되면 이미지 비율과 문장 밀도를 다시 맞추겠습니다.
다른 콘텐츠의 첫 화면도 실제 모바일 첫눈 기준으로 시작 버튼이 너무 밀리지 않는지 계속 보겠습니다.
연구일지와 업데이트 노트의 대표 썸네일이 콘텐츠 성격과 맞는지 새 글 추가 때마다 확인하겠습니다.