결과 이미지 카드 저장하고 공유하는 법 — 닉네임 넣기부터 링크 공유까지

1. 닉네임을 넣어요 (선택)

테스트 시작 화면에는 "이 닉네임으로 결과를 받아볼까요?"라는 입력칸이 있어요. 최대 10자까지 넣을 수 있고, 비워 두어도 테스트는 그대로 진행돼요. 비워 두면 결과 화면에서는 "당신"으로 표시돼요.

닉네임은 결과 화면의 안내 문구와 저장하는 이미지 카드, 공유 링크를 받은 친구의 화면에 나와요. 그래서 실명보다는 친구들 사이에서 부르는 별명을 추천해요. 한 번 입력한 닉네임은 다음에 다시 입력하지 않아도 되도록 내 브라우저에 기억되고, 서버로 전송되지 않아요.

2. 질문 16개에 답해요

한 화면에 질문 하나씩 나오고, 위쪽 진행 바로 어디까지 왔는지 볼 수 있어요. 선택지를 잘못 눌렀다면 왼쪽 위의 "이전" 버튼으로 돌아가서 다시 고를 수 있어요. 마지막 질문에 답하면 바로 결과 화면으로 넘어가요.

3. 결과 화면 살펴보기

결과 화면 맨 위에는 "OO님의 결과가 나왔어요 🎉"라는 안내가 나와요. 그 아래에 이모지와 결과 이름, 한 줄 요약, 설명, 특징 세 가지, 그리고 "잘 맞는 궁합"으로 다른 결과 하나가 보여요. 아래쪽에는 세 개의 버튼이 있어요.

• 이미지로 저장 🖼️ — 결과를 세로형 이미지 카드로 만들어요
• 링크 공유하기 — 친구가 바로 결과를 볼 수 있는 링크를 보내요
• 다시 테스트하기 — 처음 화면으로 돌아가요

4. 이미지 카드로 저장하기

"이미지로 저장 🖼️"을 누르면 "카드 만드는 중..." 문구가 잠깐 나온 뒤 이미지가 만들어져요. 카드는 1080×1350 크기의 세로형이고, 아래 내용이 담겨요.

• 무슨상연구소 로고와 이름
• "OO님의 결과"
• 결과 이모지와 이름, 한 줄 요약, 설명
• 특징 세 가지
• 맨 아래에 테스트 이름과 "무슨상연구소에서 나도 해보기" 문구

카드의 색은 테스트마다 다른 색을 써서, 설기 테스트 카드와 고양이 테스트 카드는 분위기가 달라요. 만드는 과정은 기기 안에서 이루어져서 이미지가 서버로 올라가지 않아요.

이미지가 만들어진 다음에는 환경에 따라 두 가지 중 하나로 이어져요.

• 휴대폰 등 파일 공유가 되는 환경: 공유 화면이 열려요. 여기서 원하는 SNS 앱이나 메신저 앱, 사진 저장을 고르면 돼요. 스토리에 올리거나 친구에게 이미지를 보낼 때 편해요.
• 컴퓨터 등 공유 화면이 없는 환경: 이미지 파일이 바로 내려받아져요. 파일 이름은 "무슨상연구소_결과이름.png"이고, "이미지가 저장됐어요! 갤러리에서 확인해보세요 🖼️"라는 안내가 잠깐 나와요.

5. 링크로 공유하기

"링크 공유하기"를 누르면 이미지와 마찬가지로 환경에 따라 다르게 동작해요.

• 공유 화면이 지원되면 공유 화면이 열려서 원하는 앱을 고를 수 있어요.
• 지원되지 않으면 링크가 복사되고 "링크가 복사됐어요! 친구에게 붙여넣기 해보세요 📋" 안내가 나와요. 채팅창에 붙여넣기만 하면 돼요.

이 링크에는 내 결과와 닉네임 정보가 담겨 있어서, 링크를 받은 친구는 퀴즈를 풀지 않고도 내 결과를 바로 볼 수 있어요.

6. 링크를 받은 친구는 이렇게 보여요

링크를 열면 결과 화면이 바로 나와요. 맨 위 안내는 "OO님이 보낸 결과예요 👀"이고, 닉네임 없이 만든 옛 링크라면 "친구의 결과예요 👀"로 나와요. 버튼은 "나도 테스트 하러가기 →"로 바뀌어서, 누르면 친구가 같은 테스트를 처음부터 해 볼 수 있어요. 그 아래에는 "다른 테스트도 해볼래요?" 카드가 나와서 다른 테스트로 이어갈 수 있어요.

이미지와 링크, 어떤 걸 보낼까요

• 이미지 카드: 스토리나 앨범처럼 사진으로 남기는 자리에 어울려요. 결과 내용이 그림으로 다 담겨 있어서 링크를 열지 않아도 보여요.
• 링크: 채팅에서 친구에게 바로 보낼 때 좋아요. 친구가 내 결과를 보고 곧바로 자기 테스트를 시작할 수 있고, 닉네임이 함께 나타나요.

둘 다 보내도 괜찮아요. 이미지 카드에 "나도 해보기" 문구가 들어 있으니, 링크를 따로 붙여 주면 더 편하게 시작할 수 있어요.

문제가 생겼을 때

• "이미지 생성 기능을 불러오지 못했어요. 새로고침 후 다시 시도해주세요." — 화면을 새로고침한 뒤 다시 눌러 보세요.
• "이미지 생성에 실패했어요. 다시 시도해주세요." — 잠시 뒤에 한 번 더 시도해 보세요.
• "복사에 실패했어요. 직접 주소창의 링크를 복사해주세요." — 결과 화면의 주소창에 있는 링크를 직접 복사해 보내면 돼요.

결과와 답변은 서버에 저장되지 않고 내 브라우저 안에서만 처리돼요. 결과를 나눠 보고 싶다면 나는 어떤 설기일까?나 나는 어떤 네컷 포즈일까?, 나는 어떤 고양이일까?로 가볍게 시작해 보세요.