HTS 단축키·거래화면 UX 규범: 사고 주문을 줄이는 UI 체크리스트
요약: HTS는 속도와 안전의 균형이 핵심입니다. 본 문서는 단축키 표준, 호가/주문창 레이아웃, 사고 방지 보호장치, 접근성/시력 부하 기준을 제시하고, 릴리즈 전 UI 안전 점검표를 제공합니다.
1) 단축키(Hotkey) 설계 원칙
- 충돌 금지: OS/드라이버/보편 앱과 충돌하는 조합(예: Ctrl+W, Alt+F4) 배제.
- 의미 일관성: 매수/매도/취소/정정은 플랫폼 전역 동일 키. 계좌·종목이 바뀌어도 동일 동작.
- 2단계 보호: 위험 키(시장가 전량청산, 포지션 뒤집기)는 두 번 입력 혹은 길게 누르기로 오작동 방지.
- 상황 인식: 포커스 영역(호가창/차트/주문패널)에 따라 작동 범위 제한. 포커스 경계는 시각적 하이라이트.
- 사용자 프로필: 키맵 프리셋(초보/표준/프로) + 사용자 저장/내보내기.
- 로그: 단축키 실행은 행동 로그 남김(키 조합/시간/대상/결과) → 감사/리뷰.
2) 거래화면 레이아웃 규범
- 3분할 기본: 차트(좌) – 호가/체결(중앙) – 주문/포지션·잔고(우). 멀티 모니터 시 패널 도킹/저장.
- 시선 이동 최소화: 주문 수량·가격·버튼이 한 시야(한 화면 높이)에 위치. 경고/알림 배지는 우측 패널 상단 고정.
- 정보 대비: 매수/매도 색상 대비 4.5:1 이상, 비활성/활성 상태 구분 명확.
- 숫자 입력: 소수점/콤마 자동 처리, 화살표/휠로 증감, 범위 초과 시 즉시 경고.
- 템플릿: 주문패널은 시장가/지정가/조건부 탭 분리, 최근 사용값 퀵셀렉터.
3) 호가창·주문창 세부 가이드
- 호가창: 호가 스프레드, 누적 잔량, 체결 속도 인디케이터 제공. p95 지연 이상 시 상단 경고 토스트.
- 주문창: 수량 프리셋(10/25/50/100%), 전량 버튼은 이중 확인. 슬리피지 허용폭(%/틱) 옵션.
- 포지션·잔고: 미실현/실현 PnL, 유지증거금 경고, 증거금 부족 시 주문 버튼 비활성화.
- 체결/정정/취소: 테이블 단축키(Enter=정정, Del=취소) 커서 위치 기준. 다중 선택 시 배치 처리 확인창.
4) 사고 주문 방지 보호장치
- Fat-finger 가드: 기준가 대비 편차(%) 초과, 계좌 최대수량 초과 시 하드 스톱.
- 가격 급변 보호: 단기 변동률/틱 속도 기준 상한 시 시장가 차단, 지정가만 허용.
- 청산 임박 경고: 증거금 커버리지 임계 도달 시 배너+사운드+푸시. 추가 증거금 CTA 제공.
- 지연/장애 알림: 호가 지연, OMS 응답 지연, 마켓데이터 드롭 시 상단 경보 + 대체 라우팅 표시.
- 취소/정정 롤백: 네트워크 오류 시 재시도→롤백 순서, 중복 실행 방지 락.
5) 접근성·시력 부하 관리
- 가독성: 폰트 12–13pt 이상, 행간 1.3+, 주요 수치는 모노스페이스.
- 테마: 라이트/다크, 색약 친화 팔레트 제공. 과도한 애니메이션 금지.
- 포커스: 키보드 내비게이션 가능(탭 순서 논리적), 포커스 링 항상 표시.
- 사운드: 체결/경고음 볼륨/종류 사용자 설정, 중요 경고는 시각+청각 동시 제공.
6) 사용자 정의와 프리셋
- 레이아웃 저장: 모니터 수·해상도별 레이아웃 프로필 저장/불러오기.
- 키맵 편집기: 충돌 탐지, 금지 키 즉시 안내, 프린트/내보내기.
- 거래 규칙: 개인 손절/익절 규칙 템플릿(예: -2% 손절, +3% 익절) 퀵 적용.
7) 릴리즈 전 UI 안전 점검표
| 항목 | 기준 | 상태 |
|---|---|---|
| 핫키 이중확인 | 청산/전량/뒤집기 2단계 | □ |
| Fat-finger 한계 | 편차·수량 한계 적용 | □ |
| 증거금 경고 | 임계 도달 알림+CTA | □ |
| 지연 경보 | 호가/OMS 지연 토스트 | □ |
| 접근성 | 대비·폰트·포커스 규격 | □ |
8) 운영/교육
- 튜토리얼 모드: 첫 실행 시 키맵/주문 템플릿/위험 보호장치 소개.
- 샌드박스: 실거래와 분리된 모의 환경(차트/호가 실시간)에서 키맵 훈련.
- 릴리즈 노트: 단축키 변경/추가는 반드시 공지·인앱 워크스루 제공.
FAQ
- 키 하나로 전량 청산 가능하게 둘까요?
- 가능하되 길게 누르기나 더블 입력으로 오작동을 차단하세요.
- 호가창과 주문창을 합칠 수 있나요?
- 가능하지만 사고 위험이 높아집니다. 최소한 확인 라인과 색상 경계는 분리하세요.
- 다크모드만 제공해도 되나요?
- 라이트/다크 모두 제공을 권장합니다. 장시간 거래 시 시력 부하가 다르게 누적됩니다.