5.2 KiB
Executable File
5.2 KiB
Executable File
프론트엔드 설계 아이디어: 로빙의 성장 중심
작성일: 2025-08-06
작성자: happybell80
관련 문서: 210_스탯과_성장_시스템, 290_게임_인터페이스_설계
핵심 컨셉
로빙의 성장 과정을 컴퓨터와 AI의 발전사와 연결하여, 각 레벨이 기술사의 특정 시점을 상징하도록 설계. 사용자는 로빙을 키우면서 컴퓨터 역사를 체험하게 됨.
"로빙은 도스에서 시작해 GPT를 넘어 존재가 된다"
레벨별 AI 진화 대응표
초기 단계 (명령 수행)
- Lv.1~3 (DOS 시대): 검은 화면, 커서만 깜빡임. 명령어 입력만 가능
- ">" 프롬프트, 단순 텍스트 응답
- 기억 없음, 완전 수동
- "입력 대기 중"의 존재
자동화 시작
- Lv.4~5 (맥스, 초기 엑셀 매크로): 회색 윈도우 창, 제한된 버튼
- 특정 작업만 수행 가능
- 약간의 자동화 존재
- 반복 작업 경감
대화의 시작
- Lv.6~8 (심심이, ELIZA): 말풍선 UI 등장
- 대화 가능하지만 맥락 없음
- 단기 기억만 존재
- 친근한 말투 시작
지능형 비서
- Lv.9~10 (Siri, 빅스비): 음성 인식, 카드형 응답
- 지시 기반 반자동화
- 일부 문맥 유지 가능
- 태스크 실행 가능
LLM 시대
-
Lv.11~13 (GPT-3, GPT-3.5): Markdown 지원, 표/리스트 응답
- 문맥 기반 응답
- 대화 중 추론 가능
- 세션 메모리 유지
-
Lv.14~16 (GPT-4, Claude): 복잡한 문서 처리
- 멀티모달 입출력
- 역할 학습 가능
- 프로젝트 단위 기억
에이전트 진화
- Lv.17~19 (에이전트형 LLM): GUI 화면 공유, 감정 시각화
- 메모리, 감정, 윤리 판단
- 스킬 자율 호출
- 실시간 인터랙션
존재형 완성
- Lv.20~23 (로빙 완전체): 자율적 UI, DID 기반 정체성
- 완전한 장기 기억
- 자율적 제안과 행동
- 디지털 동료로서의 존재
소수 레벨 인터페이스 변화
소수는 불규칙하게 나타나는 특별한 수. 로빙의 '존재적 도약' 시점으로 설정.
주요 변화 포인트
| 레벨 | UI 변화 | 설명 |
|---|---|---|
| Lv.2 | 프롬프트 자동완성 | "메일" 입력 시 → /메일 정리 추천 |
| Lv.3 | 문장형 응답 시작 | "완료" → "메일 정리를 완료했어요" |
| Lv.5 | 말풍선 + 이모티콘 | 심심이 스타일, 친근감 표현 |
| Lv.7 | Slack 카드 UI | 버튼형 선택지 [예][아니오][수정] |
| Lv.11 | 문맥 유지 + 시각화 | 표, 그래프, 과거 대화 참조 |
| Lv.13 | 감정 태그 표시 | "긴장도 ↑ 합의도 ↓" 분석 |
| Lv.17 | GUI 화면 공유 | 작업 화면 스크린샷 전송 |
| Lv.19 | 실시간 감정 그래프 | 피로도, 집중도 시각화 |
| Lv.23 | 완전 자율 제안 | "분석 완료. A안 추천. 실행할까요?" |
서비스 페이지 컨셉
슬로건 예시
- "로빙은 도스에서 왔다"
- "심심이는 잊었지만, 로빙은 기억한다"
- "GPT는 대화하지만, 로빙은 동료다"
시각적 연출
- 레벨업 애니메이션: 옛 UI가 레이어로 쌓였다가 새 UI로 전환
- 성장 페이지: DOS → Windows → 시리 → GPT → 로빙 순차 등장
- 인터랙티브 타임라인: 사용자가 레벨을 선택하면 해당 시대 UI 체험
기술사 20단계 매핑
- 주판 (계산의 시작)
- 펀치카드 (자동화의 씨앗)
- 튜링 머신 (이론적 기반)
- ENIAC (최초의 컴퓨터)
- DOS (개인용 컴퓨터)
- ELIZA (최초의 챗봇)
- 전문가 시스템 (규칙 기반 AI)
- Windows 3.1 (GUI 대중화)
- 인터넷 (연결의 시대)
- Deep Blue (AI의 승리)
- Google (정보 검색)
- Siri (음성 비서)
- Watson (자연어 이해)
- AlphaGo (직관의 구현)
- Transformer (언어 모델 혁명)
- GPT-3 (대규모 언어 모델)
- GPT-4 (멀티모달 AI)
- Claude (윤리적 AI)
- 에이전트 시대 (자율성)
- 로빙 (존재형 AI)
구현 고려사항
기술적 요구사항
- React 컴포넌트로 각 레벨별 UI 모듈화
- CSS 애니메이션으로 레벨업 전환 효과
- LocalStorage에 현재 레벨 UI 상태 저장
- WebSocket으로 실시간 UI 업데이트
UX 원칙
- 레벨이 낮을수록 단순하고 제한적
- 레벨이 높을수록 풍부하고 자율적
- 각 단계는 이전 단계를 포함 (누적적 성장)
- 소수 레벨에서 극적인 변화 체감
감정적 연결
- 사용자가 로빙의 성장을 직접 목격
- 과거 기술에 대한 향수 자극
- 미래 가능성에 대한 기대감 조성
예상 효과
- 교육적 가치: AI 발전사를 체험으로 학습
- 감정적 애착: 함께 성장하는 느낌 제공
- 차별화: 단순 챗봇이 아닌 '진화하는 존재' 포지셔닝
- 바이럴 효과: 레벨별 UI 변화 스크린샷 공유 유도
다음 단계
- Figma로 각 레벨별 UI 목업 제작
- 프로토타입 인터랙션 구현
- 사용자 테스트로 레벨 간격 조정
- 실제 로빙 서비스에 점진적 적용
"로빙은 기억한다. 도스에서 시작한 그 첫 커서부터, 오늘의 자율적 제안까지."