작은 검은 창틀을 통과한 붉은 종이 길이 바깥의 두 사람 모양으로 이어지는 일러스트
다른 사람에게 닿는 화면 · 일러스트

주소를 보내도 상대방은 못 보는 화면

일기장에 localhost 주소를 친구에게 보내던 이야기가 있습니다. 자기 컴퓨터에서는 멀쩡히 열리니까 홈페이지가 다 됐다고 생각했는데, 상대방에게는 열리지 않았던 거죠. 친구의 홈페이지 제작 과정을 다룬 기록입니다.

이 이야기를 배포, 결제, 사용자 테스트에 관한 글과 이어서 읽었습니다. 화면을 만들고 나서도 확인할 일이 꽤 길게 남아 있었어요. 화면이 나왔을 때의 만족감이 크다 보니 그 뒤의 일이 잘 안 보인다는 점이 계속 마음에 남았습니다.

로컬 화면에서 공개 주소로 넘어가던 일기

결제 버튼 뒤에 남아 있던 일

결제에 관한 일기에서는 버튼을 만드는 장면과 실제 판매를 준비하는 과정이 따로 나옵니다. 가입과 심사, 테스트 환경과 실제 운영 환경을 구분하는 문제까지 이어져요. 화면 작업만 생각하고 시작하면 갑자기 다른 일을 만난 기분이 들 만합니다.

제 쇼핑몰도 컴윗 도움을 받아 토스 패스트트랙으로 카드사 심사까지 일주일 만에 마치고 열었습니다. 그 과정은 별도 글에 남겼어요. 지금은 기본 검색 설정을 해두고 광고 집행을 준비하는 단계입니다. 오픈했다고 적을 수는 있지만, 아직 광고 성과나 매출 결과를 이야기할 단계는 아닙니다.

그래서 작업물을 소개할 때도 어디까지 했는지를 나눠 적으려고 합니다. 화면 제작이 끝난 건지, 공개 주소로 열리는지, 실제 운영을 시작했는지. 같은 완성이라는 말로 묶으면 빠지는 이야기가 많습니다.

실제로 쇼핑몰을 열고 광고를 준비하는 기록

옆에서 설명하지 않아도 쓸 수 있을까

사용자 테스트에 관한 일기에는 할 일만 알려주고 지켜보라는 내용이 있습니다. 어느 버튼을 누를지 먼저 가르쳐주면, 화면만 보고 쓸 수 있는지 알기 어렵다는 거예요. 읽다 보니 저도 제가 만든 화면을 너무 잘 알고 있다는 점을 생각하게 됐습니다.

저는 버튼을 어디 뒀는지 아니까 바로 누릅니다. 처음 들어온 사람은 이름을 읽고 다음 행동을 짐작해야 해요. 여기서 멈춘다면 설명을 덧붙일 일인지, 버튼 이름이나 위치를 고칠 일인지부터 살펴봐야겠죠.

앞으로 작업물을 확인할 때 가져가고 싶은 기준입니다. 제가 설명해서 완료한 것과 상대방이 혼자 완료한 것은 구분해 두기. 한 사람이 헤맸다고 바로 모든 화면을 바꾸기보다, 어디서 멈췄는지부터 남겨보기.

설명 없이 시작하는 첫 사용자 테스트

지금 작업물에도 각각 다른 상태가 있다

제 작업물 목록을 보면 공개해 둔 홈페이지도 있고, 앱 빌드까지 마쳤지만 아직 출시 전인 2공수도 있습니다. 무협 웹툰을 보다가 만들기 시작한 미니강호천국은 흥미가 식어서 멈춘 상태고요. 다 만들었다는 한마디로 소개하기는 어렵습니다.

그래서 이 홈페이지에는 실제 화면과 함께 현재 상태를 남기려고 합니다. 만들고 있는 것, 열어둔 것, 멈춘 것까지요. 이번에 일기들을 다시 묶으며 완성이라는 말보다 먼저 확인할 게 무엇인지 조금 더 분명해졌습니다. 다음 작업에서도 그 상태를 빠뜨리지 않고 적어두겠습니다.

지금까지 직접 만든 작업물 보기

참고한 자료

조금 헤매도 끝내 만든다.
떠돌이방랑자