과제

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가 있음)