[TIL] 26일차 UI디자인 팀프로젝트 분석 및 와이어프레임

오늘은 각자 맡은 부분 분석마무리하고 유저플로우 작성 및 와이어프레임까지 완성했다. 분석까지 마치고 튜터님께 중간 피드백 받았는데 다행히도 모든 화면 클론을 안해도 된다고 하셔서 넘 다행이었다. 솔직히 내가 조금 이해력이 부족한 탓인지 튜터님이 하신말... 못알아들었다. (그래도 지금은 이해완료). 그래도 개인학습시간에 열심히 공부한 보람있게 많은 어려움없이 잘 진행하고 있어서 다행이다. 내일은 각자 와이어프레임 작업한거 통일하고 본격적으로 클론디자인에 들어가려 한다. 이틀동안 더 힘내보자..!

---

 

유저플로우 그리기

시작부터 네비게이션 주행종료까지 유저플로우 작성하기

 

티맵 분석을 통해서 네비게이션 파트가 가장 중요하다고 판단이 되어서 처음 앱을 시작하면서 네비게이션파트에 주행종료 되기 까지를 유저플로우로 그려보았다. 그리고 각 과정마다 유저입장에서 문제점이나 개선되었으면 하는 사항을 밑에다가 적어보았다.

 

 

메인화면  

- 기존 네비게이션 사용자들의 불편함 호소, 네비게이션을 한번 더 늘려야 하는 불편함, 안심주행 버튼인지 인지불가.

 

내비

- 바텀시트가 너무 길어서 불편. 바텀시트 길이를 조금 줄이고 시간, 커넥트한 정보값, 날씨에 대한 정보값이 들어가면 좋겠다.

 

추천경로 선택

- 경로 선택시 추천 경로 설정값이 없어 불편함. 안내시작 이후 상세보기를 통해 다른경로 설정값이 나옴.

- 티맵이 주로 유료도로 추천을 해주기 때문에 무료도로 추천 커스텀이 있으면 좋겠다.

 

안내시작

- 안내시작 후 안전주행 탭이 없어 불편. 하단 사이드바 도착시간을 보기 어려움

 

안내종료

- 오른쪽 옵션을 한번 터치해야 안내종료를 누를수 있어서 경로변경시 번거로움

 

 

일단 이렇게 불편한점을 찾을 수 있었다.

 

 

와이어프레임 작성

와이어프레임

 

각자 파트하나씩 맡아서 와이어프레임을 제작하였다. 그중에서 나는 추천경로선택을 개선해보았다.

 

내가 개선해본 추천경로보기

 

- 경로 선택시 추천 경로 설정값이 없어 불편함. 안내시작 이후 상세보기를 통해 다른경로 설정값이 나옴.

- 티맵이 주로 유료도로 추천을 해주기 때문에 무료도로 추천 커스텀이 있으면 좋겠다.

 

 

라는 문제점이 있어서 경로카드? 위에 추천경로검색 탭을 만들어보았고 누르면 다이얼로그가 나와서 선택할 수 있고 선택하면 옆에 선택한 옵션이 떠서 한눈에 볼 수 있게 개선해보았다.

 

---

 

요거는 이렇게 대규모(?)로 작업하는게 신기해서 가져와보았다ㅋㅋㅋㅋㅋ 끝가지 화이팅해요