[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(1)

24.01.23(화)~01.29(월)
"B03 우대(우리는 대머리조)"
(팀장)이호균 (팀원)송민진, 안지선, 장민준

---

- 2024.01.23(화)
미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다.
발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다.
(1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기
(2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기
(3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기

우선 우리는, 오전에 각자 선정한 링크드인 앱을 살펴보는 시간을 가지기로 했다. 그 후, 4시쯤 모여 다시 이야기를 토대로 진행하고자 한다.우리는 계속 모여서 토론하고 의견을 나누는 방법 보다는, 정해진 과제를 스스로 해보고 시간을 정해서 잠시 만나서 의견을 교환하는 형식으로 진행하고자 한다. 이유는, 낭비되는 시간 없이 서로 효율적인 작업을 진행하기 위함이다.

4시 토론, 오늘은 링크드인 앱에 대해 각자 알아보는 시간을 갖기로 했다. 이것 저것 사용해 보고, 프로필도 작성하면서 탭의 프로세스를 익히고, 어떤 컴포넌트를 사용했는지 알아보았다. 그 이후 내일 사용자의 서비스 이용 과정 제작을 진행하고(IA작성, 플로우차트작성), 클론 디자인을 진행하면서 UI 구조 분석을 같이 진행하기로 했다.

👉🏻나는 프로젝트 전체 일정을 작성해 보았다.
-23일(화) : 서비스 선정(APP), 서비스별 사용자의 핵심 행동 파악, 사용자의 서비스 이용 과정 제작
-24일(수) : 사용자의 서비스 이용과정 마무리, 해당 화면들의 UI 구조 분석, 클론디자인 시작
-25일(목) : 클론디자인 진행
-26일(금) : 클론디자인 진행, 발표자료 정리
-29일(월) : 과제 제출(10시), 발표&피드백(14시)

---

오늘의 할 일,
1. 서비스 선정(APP) : 소셜 네트워크 앱 - 링크드인(Linkdin)
2. 서비스별 사용자의 핵심 행동 파악 :
  - 화면 분석
     (1) 온보딩
         ① 다음 직장 찾기, ② 언제 어디에서든 쉬운 인맥 관리, ③ 경력 계발에 도움될 콘텐츠 받아보기 
     (2) 해당 앱의 화면 캡처 : 홈 화면, 인맥, 올리기, 알림, 채용공고 

  - 앱스토어 리뷰

  - 홈 탭 분석 :
   ①프로필 변경 버튼 - 완성시키기
   ②발견 탭 - 화제 인물 팔로우 제안, 대한민국 거주자들이 팔로우하는 페이지(지역기반), 페이지 맞춤 추천, 인기페이지, 회원님을 위한 맞춤 추천, 대한민국 거주자들이 팔로우하는 사람
3. 사용자의 서비스 이용 과정 제작 : 
  - IA 제작
  - 플로우차트 제작 :