본문 바로가기

따릉이

[UX 꼼지락] 따릉이 - Wireframe 2탄! 화면 구성 점검하기 (작성일 : 2019. 10. 12. 15:31) 안녕하세요! 따릉이 리디자인 꼼지락 프로젝트입니다! ​ 지난 시간에 손으로 직접 그려본 wireframe을 이번엔 실제 폰 화면에서 어떻게 구현되면 좋을지 파악하기 위해 adobe XD를 사용하여 다시 그려보았습니다. ​ 그리고 역시! 손으로 그리는 것과 XD의 널찍한 아트 보드 위에 아이디어를 직접 그려보는 일은 또 달랐습니다. 한눈에 들어오고, 너무 복잡하지 않고 깔끔하면서 일관성을 유지하는 UX/UI란.. 쉽지 않았습니다. ​ 정말 많은 Dribble의 참고 자료를 보면서 이 task를 위해서는 어떤 구성이 가장 적합할지 고민하는 시간의 연속이었습니다. 그리고 그 결과물을 지금!!! 공개합니다. ​ ​ 손으로 그린 페이지들이 완벽하지는 않아도 제가 .. 더보기
[UX 꼼지락] 따릉이 - Wireframe (& Sketch) 작업 (작성일 : 2019. 10. 9. 23:13) 돌아온 따릉이 리디자인 프로젝트!!입니다. 지난번 작업한 결과물을 포스팅한지 얼마나 되었는지 가물가물하네요.. 포트폴리오 케이스스터디 포스팅도 조금 뒤로 미룬 채 지금껏 작업한 것은 바로 Wireframe입니다. 사실 User Flow를 하기 위해 단계를 밟아나가고 있었는데, 하다 보니 점점 프레임워크이자 프로토타입의 느낌도 나서, 결과적으로 복합적인 작업이 된 듯합니다. ​ 최종적인 디자인이 나오기 까지는 더 많은 UX/UI 디자인 참고 자료를 보고 전체 구성을 계속해서 수정하는 과정이 필요할 것입니다. 그전에, 전체적인 Task flow를 재구성하고 이에 맞추어 기존 디자인을 조금 수정하거나 아예 정보 구조를 다르게 변형해보는 시간을 가졌습니다. ​ 사.. 더보기
[UX 꼼지락] 따릉이 - Storyboard 만들기 작성일 : 2019. 9. 30. 19:00 이번 시간에는 따릉이 유저 페르소나 만들기 - 유저 저니 그리기에 이어 전반적인 사용자의 경험을 이해하기 쉽도록 User Storyboard를 그려보았습니다. 먼저 Plot을 잡고, emotion을 이모지로 표현한 다음, 구체적인 상황을 그려보려고 했는데요.. ​ 사실 그림 실력이 좋지 않고 ㅎ 그리다 보니, 구체적으로 그리는 데 한계를 느끼면서 갈수록 극히 심플해진 스토리보드가 되었습니다. 스토리보드에 나타난 캐릭터는 따릉이를 종종 이용하는 페르소나를 기준으로 작성하였지만, 처음 이용하는 사용자 입장에서의 장면도 두 개 추가해보았습니다. 앞으로 리디자인 하는 데 있어, 처음 사용하는 사람, 기존 이용자, 비회원 이렇게 세 유형의 사용자의 경험 모두를 편리하게.. 더보기
[UX 꼼지락] 따릉이 - Persona 만들기 작성일 : 2019. 9. 28. 16:38 지난 시간 Affinity Diagram 만들기에 이어 이번 시간에는 Data Modeling의 두 번째 세션으로 Persona를 만들어 보도록 하겠습니다. 따릉이를 이용하는 사람 3명을 인터뷰한 내용을 바탕으로 다음과 같은 페르소나를 만들어 보았습니다. ​ 사용자의 동기, 목표, 행동을 파악하여 행동 변수(Behavioral Variables)를 중심으로 그룹화를 하는 것이 기본입니다. 행동 변수에는 다음과 같은 것들이 포함될 수 있습니다. ​ 1. 활동 내역 : 어떤 활동을 얼마나 자주, 폭넓게 하는지 2. 태도 : 제품의 기술과 전문 영역에 대해 어떻게 생각하는지 3. 적성 : 사용자가 받은 교육 수준은 어떠한가? 제품/서비스를 이해하는 능력은 얼마나 되.. 더보기
[UX 꼼지락] 따릉이 - Affinity Diagram 그리기 & Design Goal 설정 작성일 : 2019. 9. 28. 0:47 따릉이 앱의 IA를 분석한 후에는, 직접 따릉이를 이용한 사용자들의 리뷰를 분석하고 자주 따릉이를 이용하는 사용자들을 인터뷰했습니다. - 100개 이상의 리뷰를 정리, 나열. - 사용자 인터뷰 : 따릉이 이용자 3명 사용자 인터뷰 질문 : 이용 상황(context), 이용 빈도, 이용 실태, 이용 시 불편한 점, 좋았던 점, 개선점에 대한 질문으로 구성 ​ ​ 사용자 인터뷰와 리뷰로부터 얻은 결과를 한눈에 알아보기 쉽게 정리하고, 문제점(이슈)과 해결책을 명확히 파악하기 위해 어피니티 다이어그램을 만들었습니다. 기본적으로 프로젝트에 참여하는 팀원이 모두 모여서 아이디어를 내고, 연관성 있는 노.. 더보기
[UX 꼼지락] 따릉이 - IA 분석하기 따릉이 프로젝트 1 IA 뜯어보기 (Information Architecture) 패스트 캠퍼스를 통해 전체적인 기획 및 디자인 프로세스와 UX/UI에 대한 기본 개념들의 이해를 익혀가고 있습니다. 그런데 뭐든 직접 해보지 않으면 잘 잊어버리고, 적용이 어려운 거 같아요. 그래서 주변에서 쉽게 찾을 수 있는 앱 서비스 중에 샘플로 활용하여 공부할 만한 케이스를 찾다가, 서울시 자전거 대여 서비스인 '따릉이'를 선택하기로 했습니다. ​ ​ 사실 따릉이 앱이 사용하기 어렵고 복잡하다는 평과 실제 후기를 많이 듣고 봐온 터라, 앱 구조를 분석하고 개선에 대한 아이디에이션을 연습하기에 따릉이가 적합하다는 생각이 들었습니다. 이것저것 탭하고 만져보면서 실제로 사용하기 정말!!! 어렵다고 느꼈습니다. 어떻게 하면 .. 더보기