N coding

[01] app 만들기 단계 조사 본문

고양이캘린더

[01] app 만들기 단계 조사

NYWOO19 2022. 7. 24. 17:40

글 안 올린지는 한참이지만 나름(?) 천천히 진행은 되고 있다.

Notion에 개인적으로 중구난방 작성하고 여기 옮겨 쓰는 형식이기 때문에 포스팅은 더 느리게 할 것 같다.

 

앱을 만들어 본 적은 있어도 뭔가 제대로 된 프로세스를 쭉 거친 적은 없다.

그런 프로세스를 거쳤다고 하더라도 나는 이미 기획과 디자인이 끝난 자료를 가지고 '개발' 부분만을 수행했을 뿐...

그래서 전반적인 프로세스에 대해서 찾아봤다.

 

https://www.castingn.com/sourcing/kkultip_detail/127

 

8단계로 모바일 앱(애플리케이션) 만들기

누구든 어플을 만들 수 있습니다. 개발자가 아니라서, 개발팀이 없어서 어려우시다고요? 아이디어만 있다면 앱개발 전문 업체에 의뢰하는 것도 한 가지 방법입니다. 일상에서 가져 온 아이디어

www.castingn.com

https://aragagi.tistory.com/10

 

APP 앱 서비스 런칭을 위한 프로세스 정리

전반적인 APP 서비스 런칭을 위해서는 크게 "기획 > 디자인 > 개발 > 테스트 > 배포" 의 단계가 필요합니다. 이를 좀 더 세분화하여 구체적으로 어떤 단계가 필요한지 알아보도록 하겠습니다. 1. 서

aragagi.tistory.com

 

크게 보자면

  1. 기획
  2. 디자인
  3. 개발
  4. 테스트
  5. 배포

구체적으로 보자면

  1. 서비스 구상
    1. 아이디어 정리
    2. 시나리오 정리
    3. 기능리스트 작성
  2. 앱 기획
    1. 플로우 차트 작성
    2. 와이어 프레임 작성
  3. 기술 검토 및 견적
    1. 서버 사용여부
    2. 서버 아키텍처
    3. 앱 아키텍처
    4. 프로젝트 기간 및 견적 도출
  4. 앱 디자인
    1. 유사 앱의 ux/ui 검토
  5. api 서버 개발
    1. 인터페이스 설계
    2. db 설계
    3. 개발 환경 세팅 및 개발 진행
  6. 앱 개발
  7. 앱 테스트
    1. 테스트 명세서 정리

내가 당연히 모든 프로세스를 잘 수행하지는 못할 것이다.

흉내라도 내보면서 이런 방식으로 하는구나를 익히는 게 목적이기 때문에 아무튼,.. 대충 할 거라고 선전포고ㅋㅋ

 

이 단계들을 하나씩 따라가 보는 걸로 하기로 했다.


1. 서비스 구상

1.1 아이디어 정리

Target : 고양이를 키우는 사람들 중 컨디션 체크를 하고 싶은 사람들

Needs : 고양이의 컨디션, 스케줄을 관리하고 싶다.

Goal : 내 실력 증진

1.2 시나리오 정리 및 기능 리스트 작성

내 앱을 다운로드하고 설치한다.

본인 고양이(들)의 프로필을 등록한다. (데이터를 서버에 저장한다면 로그인 기능도 넣기)

고양이의 변화를 기록한다.

  • 매일 : 밥, 간식, 용변
  • 일이 발생할 때만 : 특이사항 기록(토, 건강 이상 등)
  • 정기적으로 알림이 필요 : 병원/약 먹기, 발톱 깎기, 양치하기, 빗질, 화장실 청소
  • 기록하고 싶을 때 : 추억, 사진

플로우 차트와 와이어프레임 등의 차이를 잘 몰라서 서치

 

User flow, UX flow, Flow Chart

https://brunch.co.kr/@hyoi0303/1

User Flow

  • 제품을 통한 사용자의 움직임을 설명
  • 진입점에서 최종 상호 작용에 이르기까지 사용자가 수행하는 모든 단계

Flow Chart

  • 온보딩 스크린 등 진입점을 시작으로 제품 구매 또는 회원가입과 같은 최종 결과로 끝나는 것을 말한다.
  • 프로세스 수행에 필요한 일련의 단계와 결과를 시각적으로 표현한 것

Wire Frame (구조 중심)

  • 간단한 모양만을 사용하여 인터페이스를 시각적으로 묘사
  • 구조, 콘텐츠, 기능을 설명하는 데 사용됨

Prototype (사용성 중심)

  • Low fidelity
  • High fidelity
  • fidelity : 프로토타입에 포함된 세부 묘사 및 기능 레벨을 나타냄

Flow Chart 작성 규칙

https://devdesigner.tistory.com/64

  • 진행방향
    • 상→하, 좌→우