UIUX
앱 구현하기
heez
2024. 6. 12. 22:08
마지막 스터디 활동은 앱 구현하기입니다.
2024.06.12.수
커뮤니티 웹사이트를 구현하여 운영했던 경험을 토대로
커뮤니티 앱을 구현하기로 정했습니다.
이 앱은 계정을 만들면 전 세계 사람들에게 일상이 공유되는 기존 SNS와 다르게 자신이 속해 있는 단체에서만 자신의 일상이나 단체에서의 활동을 외부인이 보지 못하게 하여 마음 편히 SNS 활동을 할 수 있도록 하기 위해 기획했습니다. 또한, 여러 단체에서 가입되어 있다면 동시에 사용이 가능합니다.
앱 화면 구성을 총 5가지(홈 화면, 검색하기 화면, 채팅 화면, 프로필 화면, 알림 화면)로 분류해보았습니다.
1.홈 화면
나와 사용자들이 공유한 게시물 시간 순으로 확인 가능
(인스타, 예율엑소 참고)
상단바: 로고, 알림창
증간바: 게시글
하단바: 홈버튼, 검색버튼, 채팅버튼 프로필버튼
1-1. 게시물
프로필사진, 닉네임, 게시날짜(시간), 제목, 내용, 사진, 댓글, 단체
(인스타, 예율엑소 참고)
2. 검색 화면 , 초대화면
초대링크 입력창, 입력창(검색하면 단체명(단체로고) or 개인프로필 나옴)
(인스타 등 참고)
3. 채팅 화면(1)
카톡 화면과 같이 구성
4. 채팅 화면(2)
(카톡, 인스타 참고)
5. 프로필 화면
가입 단체, 친구, 올린 게시글
(인스타그램, 블로그 참고)
6.알림 회면
(인스타그램, 에브리타임, 블로 참고)
초안
* 이외에 색깔 차이로 읽음/안 읽음 표시, 현재 접속 페이지 표시
*추가 사항은 피그마로 구현하면서 추가하기
2024.06.16. 일
