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

이번 주는 저번 주에 이어 1~2주차를 계속 수정하면서, 3~4주차에 할 와이어프레임 및 최종 UI의 제작을 시작하였다.

최종 산출물인 포트폴리오와 결과 보고서는 틈틈히 작성하고 있다.

 

 

피드백

 1주차에 만든 포토폴리오( UX전략, 포지셔닝맵, 퍼소나, 고객여정맵, 플로우차트 )에 대해 피드백을 받았다.  사전직무교육을 참고하여 포트폴리오를 만들었지만, 내용이 너무 많고 예쁘지 않다는 피드백을 받았다. 그러면서 레퍼런스가 될만한 것을 하나 골라 참고하라고 하셨다.

피드백
1. 가독성 높이기
2. 해석 가능한 장표 만들기
3. 통일성 주기 (앞에 언급된 내용은 뒤에 꼭 나와야 함)
4. 디자인 - 다른 레퍼런스 참고 
5. 가급적 한글 사용 

 피드백을 통해 개선할 점과 부족한 점에 대해 알 수 있었다. 특히 디자인적 요소는 고민하고 있는 부분이었기 때문에 많은 도움이 되었고, 잊고 있던 앞뒤 내용이 연결되어야 한다는 기본적인 부분도 깨닫게 되었다.

 

 

 피드백을 참고하여 장표를 수정해보았다.

 여러 레퍼런스를 참고하여 내용과 디자인적 요소를 수정하였다. 퍼소나와 고객여정맵은 넣지 않은 사람도 많았기에 일단 넣지 않고 표지, 목차, 전략, 포지셔닝맵, 문제&해결로 만들었다. 하지만 PainPoint와 Solution은 필요한 내용이라고 판단하여 따로 페이지를 추가하여 넣었다. 또한 가독성을 높이기 위해 글을 줄이고 영어보다는 한글을 사용하였다.

 

 장표를 수정한 후에는 와이어프레임을 제작하였다.

 크롬 개발자 모드 스크린샷을 사용하여, 웹페이지의 개선된 사항을 보여주기 위해 수정해야하거나 프로토타입이 적용될 부분만 와이어프레임으로 제작하였다.

 

 UI를 수정하기 위해 먼저 어떤 부분을 개선할지 정리하였다.

 이벤트 페이지에서는 진행 중/종료 + 카테고리화와 마감 날짜가 눈에 띄게 개선하고, 이벤트 상세페이지는 중요한 정보를 상단 부분에 두고 라벨을 상단에 고정하는 방향으로 개선하기로 하였다.