막막한연구소
테스트/2026년 6월 16일

플러팅이야 아니야? 테스트 추가

이번에는 애매한 호감 신호를 법정에 올리는 작은 테스트를 만들었습니다. “그 사람이 나를 좋아하나?”를 맞히는 척하기보다, 내가 어떤 장면에서 설렘 쪽으로 판결하는지 보는 테스트에 가깝습니다. 그래서 결과도 단정적인 답보다 판결 성향을 읽는 쪽으로 정리했습니다.

막막한연구소 대표 이미지

새 테스트를 처음 열어도 막막한연구소의 다른 콘텐츠와 같은 흐름으로 느껴지고, 결과를 저장하거나 친구에게 보여주기 쉬워졌습니다.

상대 마음보다 내 판결 기준을 보게 했습니다

플러팅처럼 보이는 행동은 사람마다 다르게 읽힙니다. 밤늦은 연락을 강한 신호로 보는 사람도 있고, 그냥 친한 사람의 습관으로 넘기는 사람도 있습니다. 그래서 이 테스트는 상대의 진짜 마음을 단정하지 않고, 사용자가 어떤 신호에 더 민감한지를 보여주도록 만들었습니다.

유죄, 증거불충분, 무죄라는 세 가지 선택지는 이 애매함을 남기기 위한 장치입니다. 현실에서는 바로 결론이 나지 않는 순간이 많기 때문에, 중간 판단을 고를 수 있어야 결과가 덜 억지스럽게 느껴졌습니다.

막막한연구소 대표 이미지
관련 콘텐츠 이미지입니다.

새 콘텐츠도 같은 사이트처럼 보이게 맞췄습니다

처음 시안은 법정 콘셉트가 강했지만, 사이트 안에서 혼자 다른 페이지처럼 보이면 오래 쓰기 어렵습니다. 그래서 공통 헤더와 푸터를 붙이고, 결과 화면 버튼의 순서도 다른 테스트와 같은 기준으로 맞췄습니다.

첫 화면의 큰 이미지는 위쪽에 두고, 제목은 어떤 화면에서도 “플러팅이야”와 “아니야?”가 어색하게 쪼개지지 않도록 고정했습니다. 작은 화면에서 제목이 이상하게 갈라지면 첫인상이 바로 흐트러지기 때문입니다.

결과는 저장해서 다시 볼 수 있게 했습니다

플러팅 판결 결과는 친구에게 보여주며 이야기하기 좋은 성격입니다. 그래서 결과 화면 안의 버튼만 두지 않고, 1080 x 1350 크기의 저장 이미지를 따로 만들었습니다.

최종 결과 이미지 전용 그림은 앞으로 더 다듬을 수 있지만, 우선은 기존 저장 이미지 틀을 활용해 결과명, 유죄 개수, 판결문, 사이트 주소가 한 장 안에 남도록 구조를 잡았습니다.

조금 더 남겨 두는 이야기

연애 테스트는 자칫 상대 마음을 맞히는 점술처럼 보일 수 있습니다. 막막한연구소에서는 그런 단정보다, 내가 어떤 행동을 호감 신호로 받아들이는지 가볍게 들여다보는 쪽이 더 잘 맞는다고 봤습니다.

처음 만든 화면은 분위기는 있었지만, 기존 사이트의 공통 헤더와 버튼 흐름에서 조금 떨어져 보이는 부분이 있었습니다. 새 콘텐츠라도 막막한연구소 안에 자연스럽게 놓여야 했습니다.

결과를 본 뒤 바로 친구에게 보여주고 싶은 콘텐츠인데, 저장 이미지가 없으면 화면 안에서만 끝나기 쉽습니다. 결과가 밖으로 나가도 어떤 테스트의 어떤 판결인지 이해되도록 별도 이미지가 필요했습니다.

15개의 애매한 호감 신호를 사건처럼 읽고, 유죄와 증거불충분, 무죄 중 하나로 고르는 구조를 만들었습니다. 정답을 맞히는 흐름이 아니라 내 기준을 남기는 흐름에 가깝습니다.

페이지의 헤더와 푸터, 결과 버튼 순서를 사이트의 다른 콘텐츠와 맞췄습니다. 결과 화면에서는 이미지 저장, 결과 공유, 처음으로 돌아가기 순서로 다음 행동이 보이도록 정리했습니다.

플러팅 전용 법정 소품 이미지를 첫 화면, 선택지, 결과 화면, 저장 이미지에 나눠 사용했습니다. 장식처럼만 놓지 않고 버튼과 판결 상태를 알아보는 단서로도 쓰이게 했습니다.

연애 테스트는 상대 마음을 맞힌다고 말하기보다 사용자의 해석 기준을 보여줄 때 더 편하게 읽힙니다.

새 콘텐츠라도 공통 헤더, 푸터, 결과 버튼 순서가 맞아야 사이트 전체가 안정적으로 보입니다.

공유하고 싶은 테스트는 처음 만들 때부터 저장 이미지 구조를 같이 잡아야 합니다.

최종 결과 이미지 전용 프레임이 준비되면 저장 이미지 배경을 교체하겠습니다.

질문 문장이 너무 비슷한 상황으로 몰리지 않는지 실제 플레이를 보며 계속 다듬겠습니다.

새 콘텐츠를 만들 때 제작 노트와 업데이트 노트를 함께 남겨, 사이트 안에서 변화가 읽히게 하겠습니다.

관련 키워드

새 테스트 추가판결형 선택지결과 저장 이미지하단 설명 보강

이어서 볼 글