UI 분석
사용중인 UI 디자인 패턴
- 캐러셀(Carousel)
- 네비게이션 탭(Navigation Tabs) : 메뉴에만 적용
컬럼 그리드 시스템 사용 여부
- 그리드 시스템 사용 여부 : O
- 초록색 : 마진
- 보라색 : 칼럼
- 파란색 : 거터
- 수정 사항 : 마진과 칼럼 사이의 여백이 크다. 메인 페이지의 width를 넓혀 붉은색 동그라미 부분을 채워주는 것이 더 보기 좋을 것 같다.
UX 분석
피터 모빌의 UX 7요소 충족 여부
- 유용성: -
- 사용성: 그렇게 많은 콘텐츠를 가지고 있기 때문에 사용성은 우수하다.
- 매력성: 보기 좋은 구성으로 심미적이기에 매력성이 있다.
- 신뢰성: -
- 접근성: -
- 검색 가능성: -
- 가치성: 유용성, 신뢰성, 접근성, 검색 가능성을 해결해야 한다.
User Flow 그려보기
- 링크
- 많은 중복에 지쳐 중도 하차
사용자 평가
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
<서버가 구현 되어있다는 가정 아래>
- 시스템 상태의 가시성 : O (사용자 서비스 이용에 따른 실시간 주가 반영)
- 시스템과 현실 세계의 일치 : X (트레이딩 관련 언어들이 많이 사용됨)
- 사용자 제어 및 자유 : O (매수, 매도의 수정 기능)
- 일관성 및 표준 : O (타 증권사와 유사한 UI를 가지고 있음)
- 오류 방지 : O (매수, 매도에 따라 확인창이 한 번 더 경고를 해줌)
- 기억보다는 직관 : O (최근 거래 내역, 최근 본 주식을 찾아볼 수 있음)
- 사용의 유연성과 효율성 : X (초보와 전문가용 HTS가 있으나, 관련 지식이 없다면 사용 난해)
- 미학적이고 미니멀한 디자인 : O (심플한 것이 위 사이트의 큰 장점)
- 오류의 인식, 진단, 복구를 지원 : O (자산 거래이기 때문에 이런 것에 민감성을 띤다)
- 도움말 및 설명 문서 : O (Documents가 있음)
ㅂㅈㄷㅂㅈㄷ