오늘의 긁? 모바일 흐름과 저장 카드를 다듬었습니다
오늘의 긁?은 작은 콘텐츠지만 모바일에서는 버튼 순서 하나가 체감에 크게 영향을 줍니다. 사용자가 가장 많이 할 행동은 다시 긁기이고, 그다음은 마음에 드는 문장을 저장하거나 공유하는 일입니다. 이번에는 그 순서가 화면에서도 그대로 보이도록 정리했습니다.
모바일에서 한 장 긁고, 마음에 들면 저장하고, 아니면 다시 긁는 흐름이 더 짧고 명확하게 느껴질 것입니다.
다시 긁기를 가장 가까운 행동으로 두었습니다
이 콘텐츠에서 사용자는 결과를 한 번 보고 끝낼 수도 있지만, 마음에 안 들면 바로 다시 긁어보고 싶어집니다. 그래서 새 카드 받기라는 말은 빼고, 다시 긁기로 통일했습니다.
다시 긁기는 오늘의 카드 바로 아래에 두었습니다. 저장하기나 공유하기보다 먼저 보이기 때문에, 문장이 마음에 들지 않아도 흐름이 끊기지 않습니다.
방금 긁은 카드가 기록이 아니라 선택지가 되었습니다
처음에는 방금 긁은 카드 목록이 단순히 방금 본 문장을 보여주는 영역에 가까웠습니다. 하지만 실제 사용 흐름을 생각하면, 여러 장을 긁은 뒤 마음에 드는 문장을 다시 골라 저장하고 싶을 수 있습니다.
그래서 목록의 카드를 누르면 메인 카드와 저장 이미지가 그 문장으로 바뀌게 했습니다. 최근 카드가 작은 기록이면서 동시에 다시 선택할 수 있는 카드가 되었습니다.
저장 이미지는 화면보다 조금 더 정돈된 카드로 만들었습니다
저장 이미지는 웹 화면을 그대로 잘라낸 모양이면 조금 덜 완성돼 보일 수 있습니다. 그래서 와인색 배경, 오늘의 긁? 로고, 카드, 문장, 주소가 하나의 포스터처럼 보이도록 따로 구성했습니다.
문장 줄바꿈과 카드 안쪽 여백도 실제 화면과 너무 다르게 느껴지지 않도록 맞췄습니다. 사용자가 저장한 이미지를 다시 열었을 때 사이트에서 봤던 카드와 같은 계열로 느껴지는 것이 목표입니다.
조금 더 남겨 두는 이야기
처음에는 새 카드 받기와 다시 긁기가 비슷한 역할로 나뉘어 있었습니다. 사용자가 계속 긁고 싶은 콘텐츠라면 같은 기능은 하나의 말로 정리하는 편이 낫습니다.
방금 긁은 카드 목록은 단순 기록처럼 보일 수 있었지만, 실제로는 마음에 드는 문장을 다시 골라 저장하는 중요한 흐름이었습니다.
다크모드에서는 콘텐츠 하단 안내 영역의 와인색 포인트가 남색 배경과 맞물려 잘 보이지 않는 부분이 있었습니다.
주요 반복 행동은 다시 긁기로 통일하고, 카드 바로 아래에 배치했습니다. 저장하기, 공유하기, 처음으로 돌아가기는 별도 묶음으로 정리했습니다.
방금 긁은 카드 목록을 누르면 그 문장이 다시 메인 카드에 올라오도록 했습니다. 여러 장을 긁은 뒤 원하는 문장을 골라 저장하기 쉬워졌습니다.
오늘의 긁?의 메인 와인 배경은 유지하고, 하단 안내 영역의 다크모드 포인트만 더 잘 보이는 색으로 조정했습니다.
반복 행동이 핵심인 콘텐츠는 가장 가까운 버튼 이름부터 정리해야 합니다.
최근 기록은 다시 선택하고 저장할 수 있을 때 더 쓸모가 커집니다.
다크모드는 전체 색을 바꾸기보다 읽히지 않는 포인트만 정확히 손보는 편이 나을 때가 있습니다.
실제 휴대폰에서 저장 이미지의 글자 크기와 여백을 계속 확인하겠습니다.
방금 긁은 카드가 여러 장 쌓였을 때 가독성이 떨어지는 문장이 없는지 보겠습니다.
연구일지에 넣을 캡처를 받으면 긁는 전후 흐름이 더 잘 보이도록 이미지 매핑을 교체하겠습니다.