반응형 기획4 스타트업 기획(4) 오늘은 디자인을 하기전에 최종적으로 기획을 마무리 했다. 저번 기획때 하긴했으나 좀더 구체적으로 하나의 페이지마다 모든 value를 달아줬다. 텍스트가 있다면, 텍스트가 있을때와 없을때. 버튼이 있다면, 버튼을 눌렀을때 어떻게 되는지에 대한 모든 레퍼런스에 대한 값을 달아줬다. 또한 기획과는 다르게 디자이너가 다르게 볼수있는 항목 같은 경우에는 코멘트를 달아 기획의 의도를 알려주었다. 그리고 각 화면에서 버튼을 눌렀을때 어느 페이지로 이동을 하는지 페이지 흐름을 표시하였다. Figma에서는 각 화면간 연결이 가능하고 그것이 잘 연동 되어있는지 play버튼을 눌러 확인할수 있다. 해당 페이지에서 모든 연결을 다해줘야한다. 뒤로가기 버튼을 가지고 연결을 하게 될경우 이전 페이지로 이동하는것이 아닌, 그 페이.. 2021. 1. 28. 스타트업 기획(3) 세번째 기획. 지난번 기획을 이어서 진행 하였다. 프로토타이핑을 하기 위해 좀더 구체화가 필요했고, 좀더 UX/UI를 신경썼다. 지난번에 진행했던 프레임에서 좀더 구체화를 진행하였다. 맨왼쪽이 1일차에 진행을 했던것이다. 가운대가 2일차에 진행을 했던 내용이고, 맨 오른쪽이 3일째 되는날 진행 한 내용이다. 1일차에서 2일차에 넘어간 내용은 이메일과 비밀번호를 TextBox에 힌트로 넣은것이다. 2일차에서 3일차는 SNS로그인 버튼을 어떤 SNS로그인을 하는지 명시를 한것이다. 그리고 좀더 버튼과 나머지 영역을 구분하였다. SNS로그인은 [네이버][구글][페이스북][카카오톡][애플]을 넣어줘야한다. ※위 이미지는 임의로 만든것이기 때문에 SNS로그인이 다 안들어갔다. 이부분을 하면서 알게된 사실중 중요한.. 2021. 1. 26. 스타트업 기획(2) 저번에 이어서 두번째 기획단계이다. 저번에 Figma를 이용하여 와이어프레임을 만들었고, 좀더 섬세하고 자세하게 만들었다. 저번과 다른점은 왼쪽편에 각 프레임마다 페이지의 이름을 써놓았다. 다른 사람이 보았을때, 해당 페이지가 어떤걸 의미하는지, 어떤걸 목표로 하는지 알기 쉽게 하기 위해서이다. 기획을 한뒤에 직접 디자인을 할수도있지만, 디자인을 위해 디자이너에게 건내기 위해 좀더 보기 쉽게 표시한것이다. 어플을 만들어본 경험이 있는 내가 보아도 나중에 개발자가 와이어프레임만 보았을때도 어떤식으로 구성이 되는지 확실히 알기 쉬웠다. 또한 잘 보이지는 않지만 좀더 자세한 구성을 하였다. 예를 들어 저번에는 없던 네비게이션바, 모든 버튼 및 어떤 단어나 문장이 들어가야 하는지 구성을 해놓았다. 구성을 하다보.. 2021. 1. 25. 스타트업 기획(1) 기존에 존재하던 어플리케이션을 개선하고 고도화 시키기 위해 첫번째 기획 시작. 세부사항을 작성할수 없기 때문에 무엇을 진행 하였는지를 작성하겠습니다. 가장먼저 Excel을 이용하여 해당 어플리케이션을 하나하나 살펴 보았습니다. 첫번째 시트는 [페이지 분석 초안]으로 어플리케이션에 대한 각 페이지와 페이지별 분석내용을 작성하였다. 처음에 어떤식으로 작성해야 하는지 몰랐기 때문에 간단한 팝업과 모든 페이지에 대해 상세 작성을 시작하였다. 예시) 페이지 페이지별 분석내용 전화허용 팝업 전화를 걸고 관리하기 위한 팝업 문제는 간단한 로딩화면등 모든 화면에 나타나는 모든내용을 작성하였다. 총 24개의 페이지와 분석내용이 나왔고, 해당 내용은 초반 구성단계에서는 불필요하기 때문에 2차 분석을 하게되었다. [페이지 .. 2021. 1. 21. 이전 1 다음 반응형
