[수,목,금]▸ 선정한 앱 서비스 클론디자인

1. 앱 서비스 선정

TheGrint App

---

2. 작업물 소개

(https://www.figma.com/file/9FJxtwwZwp6H3dc1htQsTm/1206-%EC%86%A1%EB%AF%BC%EC%A7%84-%EC%95%B1%ED%81%B4%EB%A1%A0%EB%94%94%EC%9E%90%EC%9D%B8?type=design&node-id=0%3A1&mode=design&t=hA2ckGLBdeDfQ0Yf-1)

앱 클론 디자인은 카테고리에 따라 화면이 여러가지라서 작업하는데 오랜 시간이 걸렸다. 처음 해보는 앱 클론 작업이라서 많은 시행착오가 있었다.
버튼을 눌렀을때 기존 버튼 몇개가 사라지는 베리언트를 만드는데 어려움을 겪었다. 단순히 버튼을 컴포넌트화 시켜서 액션을 넣어야 하는지, 아니면 아예 버튼 클릭시에 버튼이 삭제된 새로운 페이지로 넘어가게 할지에 대해 고민했다. 결국에는 버튼을 컴포넌트화 시키고 변화를 주었는데, 아직 해결하지 못한 부분이 남아있다. 이부분에서 좀 더 고민해봐야 할 듯 하다.

12월06일(수) - 개선 아이디어 4~5가지, 개선 아이디어에 따라 클론 디자인 변경(3개 변경 완료)
12월07일(목) - 개선 아이디어에 따라 클론 디자인 변경(나머지 2개 변경 예정), 추가적으로 메인화면 기준 클론 디자인 해보기.
12월08일(금) - 마무리 작업 예정, 아티클 정리, WIL 정리, 4주차 강의 마무리 예정.

12/06 작업물

12/07 작업물

베리언트 작업을 하면서 구조가 많이 꼬였다. 아직 간결하게 작업할 수 있는 능력이 부족한듯 하다.
아직 혼자서 공부해서 베리언트 작업의 정확한 구조를 파악하기에는 부족하다.
직접적으로 도움을 구하고 싶은데, 쉽지 않다. 조금더 찾아보고 공부해야겠다. 디자인 개선 아이디어를 참고하여 개선작업을 완료하였다. 하지만 추후에 베리언트 작업을 더 보강해야 할 것 같다.

12/08 작업물

작업물을 마무리를 하면서 의문점에 대한 답은 아직 찾지 못했다. 마지막 주 동안에 의문점에서 답을 찾을 수 있길 바래본다. 아직 툴을 구현하는데에 있어서 이해와 정리가 부족한 것 같다. 많이 아쉬운 마무리이고, 보완이 필수로 필요하다.

그럼 남은 주 '해결'로 꽉꽉 채워봐야겠다.

---

 

3. 유저 플로우

(https://www.figma.com/file/o6Qp3gciLcFw6j2e6qPqtJ/1205-%EC%86%A1%EB%AF%BC%EC%A7%84-%EC%95%B1%EC%9C%A0%EC%A0%80%ED%94%8C%EB%A1%9C%EC%9A%B0?type=design&mode=design&t=bixlgYxONObJm8jh-1)

TheGrint App User Flow Chart

---

4. 디자인 개선

1.  Email Box 오류
   

   

   • 개선할 점 : Apple 계정으로 회원가입 시에 Email Box 누락
   • 개선 아이디어 :
     1. Apple 계정 가입 시에 발생하는 Email Box 누락된 부분을 수정해준다. First name, Last name Box 밑에 부분에 Email Box를 생성한다.
2. 회원가입 시에 비밀번호 자동 생성
   

   

   • 개선할 점 : 회원가입 화면에서 Name, Email을 입력하면 Password, Confirm Password Box가 자동으로 채워짐
   • 개선 아이디어 :
     
     1. Password Box 밑에 수동 입력 버튼을 추가 한다.
     2. Email 입력 창 위에 휴대 전화 번호를 입력할 창을 추가 한다.
3. "Did a Grinter refer you to us?" 화면
   

   

   •  개선할 점 :  "Did a Grinter~?" 화면에서 TheGrint User name, Email Box 검색창 수정
   • 개선 아이디어 :
     1. User name, Email Box 검색창에 Phone number Box를 추가 한다.
     2. 내 연락처에 있는 휴대폰 번호를 자동으로 가져와서 추천한다.
4. CTA 화면
   

   

   • 개선할 점 : 회원가입 CTA 화면 수정
   • 개선 아이디어 : 
     1. 회원가입 마지막 단계에 있는 CTA 화면에 정보 수정 버튼을 생성해서 마지막 수정(First name, Last name, User name, Email, Phone number)을 할 수 있게 한다.