UI/UX 컨셉 설정 및 기능 정의

PKSelect의 FRONTEND가 어떻게 동작하는지 설명합니다.

개요

웹사이트 디자인을 전공으로 공부한 적이 없었지만 프론트엔드 개발자로써 편리하면서도 디자인을 갖춘 UX,UI를 잘 짜고 싶었다. 그래서 주로 네이버, 카카오, 다음, 구글과 같이 큰 회사들을 벤치마킹하여 장점으로 생각되는 것들을 가져오면서도 PKSCL만의 차별화되는 요소를 넣기 위해 노력했다.

추가적으로 사용자들이 본 웹사이트를 배포를 하고 나서 1분기 이후, 사용자의 피드백을 받아 개선할 부분을 수정 할 예정이다.

UI/UX 컨셉 정의

1) 장부의 특성 살리기

장부는 1년을 4분기로 나누어 해당 학생의 학과장부를 열람하거나 관리가 가능하다. 이러한 장부의 특성을 반영하여, UX/UI에도 4분기를 나누어 main color를 다르게 함으로 계절감을 표현함으로써 장부의 특징을 돋보이게 하였다.

2) 편리함 추구

사용자가 따로 설명서를 읽지 않아도 PKSCL의 모든 동작들을 사용할 수 있도록 하는 것을 목표로 두었다. 이를 위하여 타 사이트들의 UI/UX를 많이 찾아봄으로서 사용자가 버튼이나 정보가 예상된 위치에서 예상된 기능을 할 수 있도록 심혈을 기울였다.