디자인 기록

✅ 팀원 회의 - UI 사용자의 서비스 이용 과정을 도형 형식으로 수정 - Step 4. UI 구조 분석 다른 앱들과 비교하는 양식으로 수정 - 발표 ppt 스타일 가이드 회의 및 제작 (폰트, 컬러, 마진, 배치) ✅ STEP 3. 호텔/ 리조트유저플로우수정 ✅ 튜터님 피드백을 통한 수정 - 유저플로우와 플로우차트(모든단계 나타냄) 차이점 설명 - IA(정보구조도) : 위계를 보여주는 방법. - 사용자 서비스 이용과정 앱캡쳐 화면으로 설명하면 좋음. - 서비스별 사용자의 핵심 행동은 파트별로 작성하면 됨. 이것은 서비스 미션이 됨. ✅ STEP. 4 UI 구조 분석 작업 - 아고다, 트립닷컴, 여기어때, 에어비앤비 어플을 비교해봄. - 검색필드, 일정선택, 필터, 지도검색, 숙소정보 확인, 비슷한 숙소..

✅ 오늘 한것 - 투표로 팀프로젝트 과제 앱 선정 : 마이 리얼 트립 - Step 1 앱 파트 나누기 : 호텔/리조트 파트로 결정 - Step 2 서비스별 사용자의 핵심 행동을 확인 마이리얼트립 회사는 다른 숙박앱에 브랜드에 비해 선호도가 낮은 상태로 숙소예약 수수료 제로마진을 설정하여 항공권, 투어, 액티비티의 교차구매를 통한 수익 증가를 기대하고 있다. - Step 3 사용자의 서비스 이용 과정을 그리기 : 직접 서비스를 사용해보고 트립닷컴, 에어비앤비, 아고다 앱을 비교하여 사용성을 평가하였다.

- 오늘은 개인과제 피드백을 토대로 마지막으로 과제를 점검하는 시간을 가졌다. 점검하니 계속 수정할게 나왔고 버튼을 만들면서 소수점으로 떨어지는 영역이있어서 시간을 많이 보냈다... 제대로 하고있는건지 잘 모르겠다. - 버튼은 튜터님에게 질문을 하여 그것을 토대로 수정을 했다. 사이즈나 간격들이 어떻게 하면 보기가 좋은지 계속 바꿔가다 보니 머리가 아팠다. 너무 세세한거에 집착하다보니 시간을 효율적으로 사용 못 한 것 같다. 다른 클론 디자인을 많이 해봐야 감이 올듯하다.

이번주에는 과제 피드백을 듣고 피드백을 통해서 과제를 전반적으로 수정해보는 시간을 가졌다. 다른 디자인 키트나 머티리얼 디자인 키트를 참고하면서 오토레이아웃과 레이어 네임 등이 어떻게 적용되었는지, 간격은 어떻게 됐는지 하나하나 살펴본 시간이었다. 머티리얼 디자인과 휴먼인터페이스 디자인 가이드를 자주 보면서 숙지할 수 있도록 해야겠다.

오늘은 개인과제 피드백을 바탕으로 컨스트레인트와 컴포넌트 기능 사용이 되지 않은 곳을 수정 하였다. 안다고 생각했는데 헷갈려서 복습을 했다. 기능을 잘 사용하니 작업하는데 훨씬 편리했다. 개인 과제를 통해서 익숙하지 않았던 기능들을 다시한번 복습해야 겠다.

✅ 과제 피드백 - 오토레이아웃 섹션별로 적용 - 아이콘 크기 잘 맞추기 - 컴포넌트, 베리언츠 빠진것 없이 적 용하기 - 폰트 12pt 밑으로는 사용 자제 - 기타 디자인 요소 피드백 (그림자로 구분, 사진 위에 글쓰려면 뒤에 그라데이션 적용, 화면 상단.. ) ✅ 과제 수정 / 머티리얼 키트 참고하기 - 하단 네비게이션 사이즈 및 디자인 변경 - UI 키트 정리 - 폰트 스타일 새로 적용 및 정리 - 오토레이아웃 정리 ✅ UXUI 디자이너에게 필요한 소프트 스킬 강의 듣기 [실습] 자신이 가지고 있는 물건을 하나 골라 300자 이내로 소개합니다. 1. 물건 이름(디자인의 주제 또는 이름) 2. 어떤 목적을 위해 만들어진 물건인지(디자인의 목적) 3. 물건의 주요 기능 및 특징(디자인에서 가장 중요한 ..

✅ 오토레이아웃 연습 - 애니메이션 push 기능 활용 ✅ 심화과제 - 로그인 페이지 만들기, 프로토타입 적용 - 인풋 컴포넌트 만들기 - 상세페이지 상단 네비 텍스트에 불리언 적용, 하단버튼 홈 인디케이터가 있는 경우와 없는 경우로 배리언츠를 나누기 ✅ 레이어 정리방법 공부 - Meterial 3 Design Kit 참조 하여 레이어 이름 정리하는 방법 살펴봄 💬 프로토타입이 아직 헷갈리고.. 다양하게 적용하기가 힘들다. 앱 UI 키트가 정리가 안돼고 뒤죽박죽이다~ 레이어 네임을 정리하지 않고 만들어서 뒤죽박죽이다. 정리를 해야할 듯하고, 프로토타입 연습이 더 필요하다. 여러가지 앱 디자인을 많이 보고 따라 만들어봐야 될 듯 하다.

- 모바일 웹과 앱 차이점 공부 - 피그마활용(2) 2주차 숙제 : 모바일 웹과 앱차이 점과 원인 찾기 - 4주차 과제 수정 (하단 네비 색상 및 프로토타입 적용, 아이콘 컴포넌트 적용, 버튼 프로토타입 적용) ✅ 문제점 - 프로토타입 적용 미숙 - 웹과 앱 차이점 알기 ✅ 시도한점 - 아티클 검색 - 동영상 검색, 재 수강 ✅ 해결방법 및 알게 된것 - 동영상과 핀터레스트 하단 네비 디자인을 참고하여 변경하고 프로토타입을 적용해보았다. - 컴포넌트 기능을 제대로 활용하지 못해서 정리를 다시하였다. 모바일 웹은 화면기능이 동작하려면 모든 처리를 네트워크를 타고 서버로 가야함. 동작 하나 할때마다 매번 서버를 호출해야함. 시간이 소요된다. 스마트폰의 다양한 기능 들을 활용할 수 없다. 네이티브앱은 스마트폰..