공부하는 진희

[디자인카타]프로덕트 레퍼런스 (UX적 관점으로)에어비앤비  1. 숙박 예약 플랫폼으로 여행 일정이 나오고 거기에 맞춰 숙소를 정하는게 일반적이겠지만,마음에 드는 숙소가 있으면 숙소 예약 가능한 일정에 맞춰 여행을 가는 경우도 있습니다. 에어비앤비가 이렇게 유연한 일정으로 숙소를 탐색할 수 있게 해주면서 사용자가 여행을 계획하는데 폭 넓은 선택지를 제공합니다.  2. 숙소 목록에서 굳이 클릭해서 들어가보지 않아도 사용자에게 가장 중요한 정보인 숙소 이미지를 탐색할 수 있게 해 사용자의 시간을 아껴줍니다.  3. 현재 호스트가 있는 곳의 시간은 오전 2:50입니다. 또한 호스트와 게스트가 소통하는 대화창에 상대방의 있는 곳(나라)의 기준 시간을 알려주어 사용자를 배려하는 UX가 인상 깊었습니다.   배달의..

[개인 과제]커머스 APP 디자인 / 홈화면, 목록화면, 상세화면, 주문하기 다이얼로그디자인과제 제출 과제는 목요일까지 제출이지만 좀 빨리 끝내버린... 뭐지 나 왜케 빨리 끝났지? 나 뭐 빼먹는건가... 이젠 점점 피드백이 무서워지는!지난주에 강의를 빨리 듣고 시간이 남아 클론디자인 계속 해본게 아마 영향이 있었지않나싶다!   왼쪽 이미지처럼 메뉴바에 경우 UI키트에서 마스터 컴포넌트로 만든 후에 배치를 하는건지,아니면 메뉴 한칸(?) 컴포넌트를 이용해 복사해서 프레임을 만드는건지 전체적인 피그마 인터페이스와 기능은 이해를 하는데 이런 진행순서 부분에 많이 의문을 가지고 있다.일단, 제출했으니 튜터님에게 피드백 받을 때 하나씩 물어봐야겠다.   마스터 컴포넌트 깔끔하게 정리하고 싶다...! 그래도 마스..

[개인 과제]커머스 APP 디자인 / 홈화면, 목록화면, 상세화면, 주문하기 다이얼로그레퍼런스 조사, 와이어프레임내가 쓰는 커머스 앱은 쿠팡 뿐오늘 레퍼런스 조사를 위해 여러가지 커머스 앱을 설치하여 자세히 살펴봤다.같은 커머스 앱이지만 홈 상단과 하단 내비게이션 바 등 모든 디자인이 다 달랐다. 고정되어 있는 부분은 같을거라고 생각했는데 각자 이유(?)를 가지고 디자인 했을것이 흥미로웠다.많은 시간을 커머스 앱을 쳐다보는데 보냈다. 작게도 보고 크게도 보고

[ 회고 ] KPTKeep- ZEP에서 항상 카메라 켜놓기 - 지각하지 않기, 오전/오후 스크럼- 모르는 거 있으면 팀원들에게 물어보고, 슬랙 질문방 활용Problem- 반복적인 강의 수강에 끝에 루즈해짐- 머리속에 있는 말을 잘 못함 Try- 아티클, 클론디자인 등 다양하게 스스로 공부하기FACTS(사실, 객관)- 새로운 팀 편성- 새로운 강의 제공(+숙제)- 디자인 카타 (랜딩페이지, 웹사이트)  FEELINGS(느낌, 주관) 아니 아직 2주밖에 안지났다고?! 한 한달은 진행한거 같은 느낌사전캠프 때부터 강의 3번 반복 수강. (물론 아직 기초지만) 눈에 띄게 실력이 늘었다!! 계속 막혔던 부분, 헷갈렸던 부분들이 하나 하나 차근히 해결해가면서 습득하니 엄청난 보람을 느끼고있다...!또한 캠프 진행하..

[강의]스마트 애니매이트 과제아코디언  쉽지 않았던 스마트 애니메이트...! 정답처럼 자연스럽게 열리지 않고 희한하게 열려서 울고싶었다.스마트 애니메이트 연습한 자료들을 분석해보았다. 레이어정렬과 네이밍, 프레임을 오토레이아웃하는 순서들을 꼼꼼히 분석해보니 문제를 해결했다. 섬세하고 깔끔하게 정리하는게 약한 나로서 많이 노력하고 보완해야할 점이다. 프레임 만들면 네이밍하는 습관을 잘 들여야겠다. 호우 1등이다!캡쳐각~

[디자인 카타]랜딩페이지 레퍼런스 발표 및 튜터님 피드백  [강의]모달- 화면 위에 새로운 화면을 띄우는 것- 종류 : 팝업, 토스트, 바텀시트, 다이얼로그, 사이드바 등 UI 들이 모달의 속성을 가진 UI*사용자를 방해하면서라도 반드시 확인해야할 부분, 또는 그만큼 중요한 선택이 필요한 시점에 사용해야함다이얼로그 컴포넌트- 컨테이너 컴포넌트이면서, 모달 속성을 가진 UI- 대화 그 자체 : 사용자의 의사를 묻고 답을 얻는 기능의 컴포넌트.컨트롤 요소- 체크박스 / 라디오*체크박스는 아무것도 선택되지 않거나 여러개를 선택해도 되지만, 라디오는 무조건 한개를 선택해야함.다양한 환경에서의 UI 차이와이어프레임빠르고 효율적인 커뮤니케이션, 일관된 디자인오늘은 들어야하는 강의의 양과 과제의 양이 상당했다. 사전..

[디자인 카타] 간단 자기소개발표시간 & 튜터님 피드백팀원들이 찾은 레퍼런스들의 피드백을 들으며 랜딩페이지에 대한 이해가 되었다.- 뚜렷한 목적성, 사용자들이 다른 곳으로 이탈할만한 요소 없어야함.  [강의]그리드 사용적응형 & 반응형 디자인- 그리드 사용 : 규칙적으로 디자인을 만들기 위해 - 12 Column Grid  12개는 짝수이면서 1,2,3,4,6,8,10,12 로 나눠 유연하게 배치할 수 있는 장점이 있다. 플러그인 : Auto Documentation컬러스타일과 폰트스타일을 Styler로 생성한 뒤 Auto Documentation 을 사용하면 깔끔하게 정리해준다. 컴포넌트 개념과 분류버튼 컴포넌트의 개념과 구조텍스트필드 컴포넌트의 개념과 구조과제할 때 인스턴스 스왑이 되지 않아 당황했다..

[디자인 카타]디자인 문제를 해결하기 위해 반복적인 연습을 통해 문제 해결 능력을 키우는 방법론이다.'카타(Kata)'라는 용어는 원래 무술에서 온 것으로, 반복적인 동작 훈련을 통해 기술을 익히는 것을 의미한다.랜딩페이지: 사용자가 하이퍼링크를 클릭했을 때 가장 먼저 보여주고싶은 페이지 (목적성이 있는 페이지)Day1. 좋아보이는 3가지 이상의 랜딩페이지 레퍼런스 찾기           각 랜딩페이지가 좋은 이유에 대해 작성캠프 전에도 레퍼런스 서치는 참 많이 했지만, 정말 서치만 하고 끝낸 점😅내가 찾은 디자인이 왜 좋고 왜 싫고에 대해서까지는 생각을 안했었다.랜딩페이지 예시를 인스타그램 광고를 클릭했을 때 뜨는 페이지라 말씀 주셔서 인스타를 켰더니 매일 나오던 광고가 왜 또 오늘따라 안뜨는거냐고...