Overview

탐앤탐스 멤버십 애플리케이션 GUI 디자인 리뉴얼은 계원예술대학교 디지털미디어디자인학과 2학년 1학기

'미디어 프로토타이핑' 전공수업에서 진행되었던 프로젝트입니다.

이번 프로젝트는 '사용성테스트'를 기반으로 진행 된 GUI 디자인 리뉴얼 작업이었습니다.

​

2015년 기준 국내 커피전문점 서비스만족도가 6위로 다소 낮은 성적을 기록한 탐앤탐스의 브랜드 아이덴티티를 제고하고

서비스 만족도를 높이기 위해 탐앤탐스 멤버십 애플리케이션을 GUI 디자인 리뉴얼 대상으로 선정하게 되었습니다.

 

시각적 명확성 향상, 사용 편의성 향상, 브랜드 정체성 확립을 GUI 디자인 리뉴얼의 목적으로 세웠으며

사용성 평가 결과 사용성 평카 체크리스트 중 타이포그래피와 컬러의 수정이 필요하다는 결과가 도출되었습니다. 

​​

• 타이포그래피-일관성 : 화면 상단에 위치한 페이지 명이 한·영문 혼합으로 혼란을 야기
                                    ▶ 페이지명을 영문으로 통일시켜 일관성을 유지

• 컬러-효율성/가시성 : 가독성을 떨어트리는 전경색, 배경색 사용
                                   ▶배경색을 밝은 톤으로 바꾸고 정보에 강조색을 주어 주목성과 가독성을 높임

​

또한 사용성 평가 결과를 GUI 리뉴얼 디자인에 반영하기 위해 인사이트를 도출하였습니다.
 

• 디자인 컨셉 : 정체성을 살린 ▶ 브랜드 로고 색상을 애플리케이션의 주요한 색상 방향성으로 잡아 브랜드 아이덴티티를 고취

• 컬러 : 브랜드 아이덴티티를 나타내는 모던하고 점잖은 톤의 색상 

• 폰트 : 국문 서체 ▶ 한자, 숫자가 무리 없이 혼용되고 가독성이 높은 본고딕
            영문 서체 ▶ 탐앤탐스 브랜드 로고의 폰트와 가장 유사한 꼴이며 가독성을 놓치지않는 Keep Calm Med 서체  

• 디자인 스타일 : 은은한 그림자 효과를 적용하여 탐앤탐스의 모던하고 점잖은 느낌 전달  

​

아울러 리뉴얼한 화면을 프로토타이핑 툴을 사용하여 동일 사용자에게 동일한 사용성 평가 체크리스트를 재평가하였고

​평균 점수가 낮았던 타이포그래피와 컬러 부문의 점수가 일부 상승한 결과를 확인할 수 있었습니다. 

​

금번 사용성테스트 기반 GUI 디자인 리뉴얼 프로젝트를 통해

디자인에 적용할 색상의 선택 기준을 시각적 미려함보다 서비스 제공 목적과 브랜드의 정체성을 고려하여 삼아야한다는 것과,

​정돈되고 가독성이 높은 타이포그래피의 사용이 사용성과 가독성을 높인다는 것을 깨닫게 되었습니다. 

​