오픈데이 Openday TIL 11

이 글은 Today I Learn 시리즈의 219번째 기록입니다. (총 255개)

쓰는 사람의 한마디로 시작해서 집계 화면을 세 번 고쳤다. 한 번 고칠 때마다 다음 문제가 나왔다.

이 앱은 가게 셔터를 올려 하루를 시작하고 업무마다 도장(그날 그 일을 했다는 표시)을 찍는 근무 기록장이다. 기록실에는 「돌아보기」라는 자리가 있어서 고른 기간에 무엇을 몇 번 했는지 센다. 아래는 그 돌아보기 화면 이야기다.

「내용이 최대한 보이면 좋겠고, 좀 공격적으로 보인다」

이 앱을 실제로 쓰는 사람이 집계 화면을 보고 그렇게 말했다. 만든 쪽에서는 나온 적 없는 말이다.

보니 이유가 두 겹이었다. 업무마다 가로 막대를 그려 뒀는데, 막대가 가로를 다 먹어서 업무 이름이 잘렸고(그래서 「내용이 안 보인다」), 도장과 같은 빨강을 길게 칠해 둬서 경고처럼 읽혔다(그래서 「공격적이다」).

그래서 색을 바꾸는 대신 형태를 바꾸기로 했다. 건수만큼 발바닥 열 개를 칠하고 나머지는 회색으로 두게 했다.

발바닥이 열 개면 1건에서 수백 건까지 어떻게 담을지가 남는다. 선택지를 받아 「자릿수마다 다른 자」를 골랐다. 줄마다 눈금이 달라지는 방식이다.

그렇게 고른 이유는 하나뿐인 자로는 한쪽이 늘 망가지기 때문이다. 자를 1건에 맞추면 100건짜리가 열 칸을 꽉 채워 차이가 안 보이고, 100건에 맞추면 5건짜리가 거의 빈칸이 된다.

대신 줄끼리 그림 길이를 비교할 수 없게 됐다. 35건이 세 칸 반이고 5건이 다섯 칸이라 눈으로는 뒤집혀 보인다.

알고도 고를 수 있다. 다만 무엇을 포기했는지는 적어 둬야 한다 — 다음에 누가 「왜 뒤집혀 보이지」 할 때 답이 남고, 안 적으면 결함으로 보여 누군가 되돌린다
비교는 다른 것에 맡겼다. 목록이 많이 한 순서로 서 있고 건수가 옆에 적혀 있다. 그림을 고르는 판단에는 「그 그림이 못 하는 일을 무엇이 받치나」가 같이 따라온다

발바닥에 마우스를 올리면 「한 칸이 10건」이라고 띄우게 해 뒀었다. 보고 안 떠도 되겠다고 했다. 실제 건수가 바로 옆에 적혀 있으니까.

정확한 값이 옆에 있으면, 그림이 같은 말을 덜 정확하게 반복하는 셈이 된다
같은 자리에서 반대 손질도 했다. 업무 이름과 발바닥이 가로로 멀어서 어느 줄을 보고 있는지 놓쳤다. 그래서 마우스 올린 줄을 띠로 잡아 주게 했다
빼는 손질과 더하는 손질의 기준은 같았다. 그 자리에서 읽는 데 필요한가. 하나는 같은 말을 둘로 하고 있었고, 하나는 눈이 줄을 놓치고 있었다

돌아보기를 달력 위에 늘 세워 뒀더니 달력만 보려는 날에 자리를 먹었다. 그래서 버튼으로 접었다 펴게 했다.

처음 판은 내용만 숨겼다. 보니 「돌아보기」라는 제목이 그대로 남아 자리를 먹고 있었다. 제목까지 숨기게 했다.

버튼도 우상단에 가 있었다. 달력 위 줄에 이미 겹쳐 볼 가게를 고르는 버튼이 있어서, 같은 화면을 조절하는 버튼 둘이 서로 떨어져 있는 모양이었다. 가게 고르개 왼쪽으로 옮기게 했다.

주소를 공유하고 나서 카카오톡에서 바로 열어 봤더니 구글 로그인(OAuth — 비밀번호를 우리 앱에 주지 않고 구글 창에서 확인받는 방식)이 안 됐다. 그래서 그런 경우 안내가 있어야 할 것 같다고 했다.

알아보니 우리 잘못이 아니었다. 카카오톡 같은 앱은 링크를 자기 안에 있는 브라우저(인앱 브라우저)로 열고, 구글은 그 자리에서 오는 로그인을 안전하지 않다고 보아 거절한다. 우회하는 방법이 없지는 않지만 그건 정책을 어기는 쪽이다.

그래서 막힌 자리를 그대로 두고, 인앱 브라우저에서 열렸을 때만 「다른 브라우저로 열기」를 띄우게 했다.

우리가 못 고치는 제약을 만나면 뚫을 방법을 찾기 전에 그게 왜 막혀 있는지를 본다. 이유가 안전이면 뚫는 쪽은 선택지가 아니다
막힌 것 자체는 못 없애도, 쓰는 사람이 그 앞에서 멈추지 않게 하는 것까지가 우리 몫이다
이건 만든 사람이 못 보는 종류다. 개발할 때는 늘 일반 브라우저로 열어 보니까, 링크를 받아서 쓰는 사람의 경로를 한 번은 그대로 따라가 봐야 나온다