프로젝트 기획 & UI 설계

JuneHyeok Hong·2022년 9월 24일
0

정신질환 복약 관리 앱

팀 빌딩

최근 학교에서 진행하는 devcamp 가 끝나고, devcamp 에서 개발하던 iOS 아이템을 출시까지 해보고 싶어 학교 동기들을 모아 프로젝트를 발전 시키기로 했다.
서버 개발자 1명, Android 개발자 2명, UI&UX 디자이너 1명을 구해서 한팀이 되었다.

iOS 파트는 내가 devcamp 에서 이미 개발했던 부분이 있었다. 하지만 몇가지 기능을 추가하고 UI 를 다시 설계하였다.

기능 구체화

기능 1: 하루를 기록하는 기능 & 하루 기록의 정보를 간단한 모달로 보여주는 기능

  • 약을 먹었는지 안먹었는지 체크하는 기능
  • 약의 복용 여부를 기반으로 한 환자의 그 날의 기분 상태.
  • 현재 figma 에서는 하프모달을 통해서 날짜별로 기록했던 이모지 3개를 보여준다. 지금과 같은 방법을 유지할 지 다른 부분에서 기록했던 이모지를 보여줄지

기능 2: 약 API 를 활용해 환자가 복약하는 약 정보 제공 기능

  • 지금 먹는 약의 종류가 표시되었으면 함
  • 지금 먹는 약의 종류를 기반으로 약의 상세 정보가 나왔으면 함 (약의 종류 + 효능) / 부작용은 넣을지 말지 고민해볼 것.
  • 어떤 약을 먹는건지 검색하는 기능 ex) “타이레놀”을 먹는 경우, “타이” 까지만 치면 자동으로 “타이레놀”이라는 검색어를 제공해 주는 기능

기능 3: 통계

  • 약의 처방일을 기준으로? 약을 먹기 시작한 날을 기준으로 언제부터 언제까지 먹을 것인지 표시하는 기능 → 이 기능이 통계랑 연결되어야 한다. ( 처방일을 입력하는 방법을 어떻게 설계할지가 중요 )
  • 통계 : 위에서 약의 처방일별로 통계를 보여주는 뷰, 과거 통계도 볼 수 있어야한다.

기능 4: 관리자 페이지

  • 상담사와 의사에게 보여지는 뷰, 앱에 회원가입할 때 역할을 관리자로 할 경우를 만들어, 해당 경우에는 정신질환자와는 완전히 다른 뷰들을 보여준다.
  • 상담사와 의사에게 보여져야 하는 것들 : 환자의 기분 통계, 환자가 복용하는 약
  • 추가적인 아이디어 : 환자가 매일 기록에 쓰는 문구들에서 ‘자살’, ‘죽고싶다’ 와 같은 극단적인 단어를 선별하는 기능을 만든다면, 관리자 페이지에서 해당 문구가 있는지 여부를 볼 수 있도록 하면 어떨까한다.

기능 5: 로그인 & 회원가입

  • 로그인 & 회원가입 뷰이다.
  • 애플 로그인은 필수이고, 회원가입 경우 관리자와 사용자를 구분하는 선택지가 있다

기능 6: 캘린더

  • 지금 figma 의 캘린더를 유지해도 좋다.
  • 하지만, 캘린더 뷰의 여백에 다른 컴포넌트를 추가 할 지 , 그대로 깔끔히 둘지는 선택이다.

UI 회의

색상 !!!
색을 배경색은 system color 를 쓰고 검은색과 포인트 컬러를 정하려 한다.
이후 색상에 대한 회의도 진행하여 결과적으로 figma 에 UI 를 구성하려한다.

0개의 댓글