SOLUTION

파악된 문제점들을 개선하기 위해 디자인적 관점으로 접근하여 해결방안을 모색합니다.

• WIREFRAMES & WIREFLOW

  1. 사용자가 UI를 신속하게 파악하고 행동을 취할 수 있도록 디테일한 디자인 요소를 배제하고 영역 위주로 뚜렷하게 구성합니다.
  2. 다양한 기기 화면에서도 스크롤 없이(부수적 행동 최소화) 이용할 수 있도록 기기의 뷰포트에 비례하여 레이아웃 및 UI의 크기를 조절합니다.
  3. 각 테스트에 공통된 UI 디자인을 적용하여 사용자가 새롭게 적응해야 하는 수고를 경감합니다.
  4. 선택지를 버튼 형태의 UI로 교체하고 터치 인식 범위를 넓혀 보다 쾌적한 조작감을 제공합니다.
  

• COLOR

  1. 홈 스크린부터 테스트 전체, 지난 점수 다시보기까지 해당 테스트의 테마 컬러를 통일시켜 일관성을 유지합니다.
  2. 주의가 필요한 상황(회원 탈퇴, 테스트 이탈 등)에는 대비되는 고채도의 적색을 활용하여 집중을 유도합니다.
  3. 상호작용이 필수인 버튼 UI에 동일 색상을 반복적으로 사용하여 시각적으로 익숙함을 제공합니다.
  • 치매 테스트

    main color

    #4EB6AD

    sub color1

    #215F5A

    sub color2

    #F8FFFE

  • 우울증 테스트

    main color

    #80C783

    sub color1

    #3E7040

    sub color2

    #F8FFF8

  • 스트레스 테스트

    main color

    #4777D9

    sub color1

    #2A4672

    sub color2

    #F5F9FF

  • 공통

    alert color

    #F60033

    common color

    #5D5D5D

• FONT

  1. 분명하고 신속한 의미 전달을 위해 고딕 계열의 글꼴을 채택하였습니다.
  2. 사용자 연령층의 신체적 특성을 고려하여 통상적인 글씨 크기보다 확대하여 가독성을 확보합니다.
  3. 질문은 선택지보다 굵기를 키움으로써 시선을 끌어 사용자가 최우선으로 인식할 수 있도록 유도합니다.
  • 나눔바른고딕 Bold
  • 나눔바른고딕 Regular
  • 나눔바른고딕 Light