code&design/프로젝트-Codin

[UI/UX] 메인 페이지 - 리디자인

gangwan 2025. 4. 4. 23:37

코딘 IOS 출시 1주차

정보대 공식 커뮤니티인 코딘을 출시하고 1주차가 흘렀습니다..! 유저 피드백 + 내부 회의를 통해 서비스의 다양한 개선점들을 찾아 보았는데요..

 

1. 메인 페이지의 각 기능이 눈에 띄지 않는다는 점과

2. 학생회 공지를 인스타에서 코딘으로 대체시키기 위한

 

UI 변경 작업을 하게 되었습니다.

 

 

직접 디자인을..

디자인을 맡아 주셨던 디자이너분께서 아프셔서.. 직접 디자인을 진행했습니다. 저는 디자인 하는 거 좋아하니 오히려 좋습니다.

먼저 기존 디자인입니다. 

 

 

 

 

 

 

 

 

작업 결과물 (확정은 X)

기존에 작은 아이콘으로 나열만 했었던 부분들을 미리보기로 표현해보았습니다. 유저 피드백 중, 기존 UX의 문제점으로 "항상 누르고 들어가야 볼 수 있다" 라는 의견이 있었고.. 미리보기에서 당장 알아야 할 부분들 ex) 지금 비어 있는 강의실 아무거나 2개 를 알 수 있게 디자인해보았습니다.

 

기존 계획은 미리보기를 쭉- 나열해서 스크롤이 길어지더라도 많은 정보를 메인에 담는 것이었는데, 디자인하다보니 너~무 길어지는 바람에 압축하는 법을 고민하게 되었고, 그 결과물이 다음과 같습니다.

 

팀원들의 피드백이 필요하겠지만 일단은 마음에 드네요!