디자인 마스터
1. 어제부터 발표 전까지 난 무엇을 하였는가 오늘 오전 5시까지 발표자료 제작 및 내용 보충을 진행했다. 오늘 프로젝트 피드백을 하려고 새벽까지 근무하시는 튜터님들을 zep에서 보니 그 모습이 힘이 되었다. 새벽까지 진행한 발표 자료에서 추가된 핵심 내용은 이것이었다. 티맵과 네이버지도의 성격 차이이다. 티맵은 '안내'에 초점이 맞춰져 있고 네이버지도는 '탐색'에 맞춰져 있다. 이 정보를 플레이스토어의 앱 정보를 통해서 분석을 하게 되었고 이 정보와 윤정님이 찾아주신 기사글을 이용해서 개선 방향을 잡게 되었다. 내가 오늘 새벽까지 대충 만들어 놓은 발표자료 1안을 가지고 오늘 오전 8시 10분부터 윤정님과 함께 개선을 시작하고 9시에 예빈님이 합류하여 2안을 만들었다. 발표 당일 오전에 작업에 속도가 ..
어제 정리한 화면중에서 개선할 부분을 추려냈다. 내비 퍼널이 어색하다.-> 내비로 들어가도 대중교통 탭이 있는데 뭐하러 나눠놨을까? 처음부터 내비랑 대중교통을 합친다. 검색결과에서 보이는 정보의 양을 선택적으로 노출하면서 정문과 주차장 버튼을 위 내용과 하나로 그룹화하면 좋겠다. 티맵만 유일하게 다른 지도,내비게이션 앱중에서 자전거 기능이 없으니 우리도 추가하자! -> But 자전거 내비 사용율이 저조하고 티맵이 바이크 전용 앱을 출시했다가 없앴다. 이유가 있을 것이다. 게다가 이것은 개선점보다는 새로운 서비스 도입에 가까우니 기존 문제점에 집중해보자는 의미로 제외됨. 그리고 개선된 디자인 시스템 체력 이슈로 여기까지 끝
오늘은 개인 파트(대리운전)에 대한 세세한 분석과 핵심 기능에 대한 분석을 진행했다. 1. 대리운전 플로우 분석하기 기본적으로 플로우는 즐겨찾기 기능이 있는 경우와 없는 경우로 나뉜다. 즐겨찾기가 있는 경우에도 크게 6가지로 나누어 플로우를 구분해 보았다. 가장 핵심이 되는 3번 플로우만 확대해서 보겠다. 하지만 여기서 호출단계에 도착하기 전 화면에서도 여러 플로우가 나와서 이 화면은 따로 분석해보았다. 이 화면은 숫자는 쓰지 않고 4가지를 색으로만 구분해보았다. 맨 아래 하얀 플로우는 지도를 클릭할 때 나오는 도움말이 있어서 넣게 되었다. 지도에 밑줄을 그릴 순 없어서 따로 만듦 위 플로우 중 파란색 플로우에서 인상 깊게 본 UI가 있다. 텍스트필드 + 다이얼로그 조합은 처음 봤기에 인상깊게 보았다. ..
홈화면 클로닝을 마무리했다. 윤정님이 GNB와 Navigation Bar를 만들었고 나머지 콘텐츠 영역을 내가 만들었다. 위 사진은 원래 윤정님이 만들기로 했던 부분인데 만들지 않으셔서 내가 만들게 된 컴포넌트이다. 근데 특이한 점은 티맵에서 광고배너까지 만들었다는 점이다. 이미지나 텍스트 크기 등을 보았을 때 다른 컴포넌트와의 통일성이 보였다. 하지만 광고 닫기 버튼은 왜 저렇게 넣었는지 이해가 안 간다. 카드와 카드 사이의 간격이 2밖에 나오지 않았다. 원래 디자인은 어떻게 되었는지 모르겠지만 아마 카드 위에 달려있는 Chip 때문에 간격이 달라졌을 것이라고 생각한다. 그리고 나서 내가 맡았던 대리운전 플로우를 그대로 클로닝해보았다. 클로닝하면서 느낀점 "동그란 버튼은 마진이 12px이지만 쿠폰 버튼..
1월 23일 오늘부터 미니프로젝트가 시작되었다. 미니프로젝트의 주제는 UI 구조 분석 기반의 클론디자인이다. UI 분석을 중심으로 클론까지 진행하게 되는데 총 5개의 스텝이 있다. 서비스 선정하기 서비스별 사용자의 핵심 행동 파악하기 사용자의 서비스 이용과정 그려보기 해당 화면들의 UI 구조 분석하기 클론디자인 1. 서비스 선정하기 나는 커머스를 깊게 파고 들고 싶었지만 다른 팀원들은 커머스 미션에 지칠대로 지친 상황이었다. 하지만 최근 당근 구인공고 글에서 지도 디자이너를 채용한다는 글을 보고 지도 UI에도 호기심이있었기에 티맵을 하고 싶은 팀원들의 설득에 쉽게 넘어갔다. 근거로는 티맵의 잘 정리된 카드 UI가 보고 배울점이 많아 보였고, 원래는 내비게이션이 핵심 기능이었는데 이제는 부가서비스가 많아졌..