[유데미X스나이퍼팩토리] UI/UX 포트폴리오 과정 5WEEK (실무 프로젝트 3WEEK)

 실무 프로젝트 3주차는 멘토의 피드백(7.30(화))을 기반으로 수정하고, UI와  장표를 완성시켰다.

 

피드백

 2주차에 수정한 내용(표지, 목차, UX전략, 포지셔닝맵, 퍼소나, Painpoint와 Solution, 플로우차트)에 대하여 피드백을 받았다. 전반적으로 여전히 예쁘지 않고, 또한 동시에 너무 디자인에만 치중한 느낌이 든다고 피드백을 받았다. 

피드백
1. 디자인이 예쁘지 않음
 솔직히 어떤 부분이 예쁘지 않은지 정확히 모르겠다. 디자인의 경우 보는 사람의 선호도인 것 같은데, 그저 핀터레스트에서 포트폴리오 참고하라고만 해서 어떤 식으로 바꿔야할지 감이 잘 안잡힌다.
2. 글자 배치 수정하기
 글자를 z자로 배치해서 읽기 편하도록, 너무 디자인에 치중된 느낌이라서 전체적인 패턴이 깨지는 느낌이 든다고 하셨다.
3. 와이어프레임 수정하기
 굳이 홈화면 필요없고, 카테고리화와 검색 기능이 종료된 것만이 아니라 진행 중인 것에도 해당하는 것이 나을 것 같다고 하셨다. 또한 부트캠프 상세페이지에 내비게이션바를 만들었는데, 그것에 대한 구분이 확실해야 하고, 반복적인 요소에 대해 효율성을 고려하라고 피드백을 해주셨다.
4. 배경 검정색으로 하지 않기
 포트폴리오를 출력하는 과정에서 잉크 소모가 심하므로 최대한 배경은 흰색이 좋다고 하셨다.

 

 

 피드백을 참고하여 장표와 UI를 수정하였다.

 퍼소나는 글자 수를 줄여 직관적으로 알아보게 하기 위해, 4명의 퍼소나를 정해  카드 형태로 여러개의 퍼소나를 needs만 적는 걸로 변경하였다. 4명의 퍼소나는 각각 비전공자 취준생, 컴공과 3학년, 이직희망자, 현업자로 다양한 인물을 설정하여, 다양한 의견을 내는 방향으로 만들었다.

 포지셔닝 맵 또한 비교군을 줄이고, 맵도 2개가 아닌 하나로 줄였다. 프로젝트에 필요한 내용을 중점으로 소통과 접근성으로 기준을 정했다. 

 

 플로우차트를 차트 형식으로 만든 것이 오히려 파악하기 어렵다고 판단하여, 이벤트 페이지와 부트캠프 상세페이지에 대해 위와 같이 불필요한 부분은 빼고 간단하게 수정하였다. 

 문제 해결 또한 피드백 받은 대로 시선을 고려하여 재배치하였다.

 

 스타일 가이드는 간단하게 메인 컬러, 컴포넌트, 폰트, 아이콘을 배치하여 만들었다. 메인컬러는 유데미 큐레이션의 색상을 이용하여 만들었고, 컴포넌트는 개선한 페이지 수가 적어서 사용할 기회가 많지 않았다.

 

 이벤트 페이지의 경우 진행 중인 이벤트에 대해 이벤트가 많을 경우 몇 개 인지도 모르고 원하는 이벤트가 나올 때까지 넘겨봐야 하는 불편함이 존재할 수 있으므로, 카테고리화와 검색 기능이 필요할 것 같다는 피드백을 받았다. 따라서 기존의 UI에서 검색기능과 카테고리화를 진행 중인 이벤트 상단에 배치하여 진행 중과 진행 완료 이벤트 모두에게 적용되도록 하였고, 체크 번호를 통해 진행 중인 이벤트만 볼 수 있는 기능을 넣었다.

 부트캠프 상세페이지의 경우 내비게이션바에 있는 라벨을 구분하기 위해 '01 모집요강'과 같이 넣어 구분 가능하게 하였고, 타임라인과 지원 절차를 추가하였다.

 두 가지 페이지에 대해 UI을 설명하는 부분을 추가하여, 이벤트 페이지는 진행 중과 진행완료 구분 기능, 검색기능, 필터링 기능을 정리해 적어주었고, 부트캠프 상세페이지는 상단 내비게이션바, 우측 내비게이션바, 중요 정보 상단 배치, 타임라인, 신청 절차의 내용을 정리해 넣어주었다.