리블이 지키는 것
리블은 집을 찾는 데서 끝나지 않고 집을 구해 오는 AI를 만들어요. 사람이 그 결과를 믿고 움직일 수 있게, 화면을 만드는 모두가 같은 원칙을 써요.
왜 원칙을 두나요#
리블의 화면은 대표 한 명과 역할을 나눈 AI 에이전트들이 함께 만들어요. 각자 감으로 만들면 같은 숫자가 화면마다 다르게 보이고, 사람들은 어느 쪽을 믿어야 할지 몰라요.
그래서 무엇을 지키는지 여섯 가지로 정하고, 원칙마다 실제로 바꾼 전과 후를 붙였어요. 원칙끼리 부딪히면 부딪힐 때의 순서를 따라요.
1. 숫자는 근거와 함께
화면의 숫자에는 언제, 어디서 온 값인지가 붙어요.
2. 확인된 것과 추정을 나눠요
실거래와 예측, 시도와 응답, 제안과 확정을 같은 말로 쓰지 않아요.
3. 다음 갈 곳을 늘 둬요
어느 페이지도 막다른 길로 끝나지 않아요.
4. 가볍게 열어요
첫 화면은 꼭 필요한 것만 받고, 나머지는 원할 때 받아요.
5. 기준은 하나예요
같은 일을 하는 화면은 같은 부품과 같은 토큰으로 만들어요.
6. 자리에 맞춰요
폰, PC, 차에서 쓰는 방식이 달라요. 차에서는 손보다 말이 먼저예요.
1. 숫자는 근거와 함께#
리블 화면의 대부분은 가격, 변화율, 예측이에요. 숫자마다 기준일과 출처, 범위가 붙고 근거가 없는 숫자는 싣지 않아요.
전
월 1만 명이 써요.
후
달력 월 기준 11,547명이 썼어요(2026-11-11 조회). 28일로 센 월 활성 사용자와는 다른 값이에요.
근거: 팀 아티클 검색 착지부터 다시 짠 석 달 · 실서비스 관찰
- 실거래는 기준월을, 예측은 예측이라는 표시와 범위를 숫자 곁에 둬요.
- 비율에는 기간과 분모를 같이 적어요.
- 자세한 규칙은 숫자와 말에 있어요.
2. 확인된 것과 추정을 나눠요#
AI가 한 일과 확인된 사실은 다른 말로 써요. 과거 실거래와 예측은 지금 거래할 수 있는 매물이 아니에요.
전
조건에 맞는 단지가 0곳이면, 가격 같은 조건을 몰래 덜어 내고 가까운 단지로 목록을 채웠어요.
후
0곳이면 0곳이라고 말해요. 넓힐 조건을 늘어나는 수와 함께 제안하고, 누르면 그 조건만 넓혀요.
근거: 팀 아티클 검사를 다 통과한 AI 검색을 다시 재 본 이유 · 출시 전 오프라인 평가
- 문의를 보낸 것과 공인중개사가 확인해 준 것을 나눠 적어요.
- 방문 시간은 제안까지예요. 정하는 것은 사용자예요.
3. 다음 갈 곳을 늘 둬요#
미리보기는 상세로 들어가는 문이고, 상세는 다음 단지로 가는 길을 품어요. 페이지가 막다른 길로 끝나지 않게 해요.
전
분양 예정 상세가 그 단지 정보에서 끝났어요.
후
끝에 같은 지역 예정 단지 6곳으로 가는 링크를 서버에서 그렸어요. 이 페이지에서 시작한 세션당 페이지가 1.45에서 2.15로 늘었어요.
근거: 팀 아티클 분양 예정 상세에 다음 길을 놓자 · 전후 30일 관찰, 같은 배포의 다른 변화와 섞여 있어요
- 상세는 같은 자리에 겹치는 시트보다 실제 페이지로 열어요.
- 다음 길은 사람들이 많이 떠나는 지점보다 위에 둬요.
- 링크는 서버가 그려서 검색 로봇도 따라갈 수 있게 해요.
4. 가볍게 열어요#
검색에서 들어온 사람은 첫 화면이 늦으면 바로 떠나요. 첫 화면은 꼭 필요한 것만 받아요.
전
홈을 열면 전체 순위 데이터와 원본 크기의 로고 그림을 처음부터 받았어요. 홈 한 번에 26.6MB였어요.
후
순위 데이터는 순위를 볼 때 받고, 로고는 화면에 그리는 크기에 맞춘 작은 그림만 받아요. 홈이 2.0MB가 됐어요.
근거: 2026년 7월 전송량 정비 · 코드·문서 점검
- 홈 첫 화면 스크립트에는 상한이 있고, 넘으면 내보내지 않아요.
- 자연어 해석기처럼 큰 기능은 물을 때 받아요.
5. 기준은 하나예요#
디자인 시스템이 화면의 유일한 기준이에요. 같은 일을 하는 화면은 같은 부품과 같은 토큰으로 만들어요.
전
화면마다 손으로 만든 시트와 대화상자가 10곳이었고, 그중 4곳은 초점이 창 밖으로 새었어요.
후
공용 부품 두 개로 옮겼어요. 초점 가두기, Esc, 바깥 누르기, 스크롤 잠금을 43개 항목으로 브라우저가 매번 확인해요.
근거: 팀 아티클 손으로 만든 창 열 개 · 코드·문서 점검
- 아바타 지름은 15가지였던 것을 18·28·32·40 네 단계로 모았어요.
- 새 색이나 크기가 필요하면 디자인 토큰부터 만들어요.
6. 자리에 맞춰요#
같은 리블이라도 폰, PC, 차에서 쓰는 방식이 달라요. 운전 중인 사람은 글자를 칠 수 없어요.
전
차량 앱에서도 검색창에 글자를 쳐서 단지를 찾게 했어요.
후
입력의 주 동작을 음성으로 바꾸고, 지금 맥락에 맞는 추천 칩을 한 번 눌러 고르게 했어요. 주행 중에는 보여 주는 것을 줄여요.
근거: 차량 앱 점검(2026-11-10) · 개발 중이라 아직 실사용 숫자는 없어요