따릉이 썸네일형 리스트형 [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에 대한 기본 개념들의 이해를 익혀가고 있습니다. 그런데 뭐든 직접 해보지 않으면 잘 잊어버리고, 적용이 어려운 거 같아요. 그래서 주변에서 쉽게 찾을 수 있는 앱 서비스 중에 샘플로 활용하여 공부할 만한 케이스를 찾다가, 서울시 자전거 대여 서비스인 '따릉이'를 선택하기로 했습니다. 사실 따릉이 앱이 사용하기 어렵고 복잡하다는 평과 실제 후기를 많이 듣고 봐온 터라, 앱 구조를 분석하고 개선에 대한 아이디에이션을 연습하기에 따릉이가 적합하다는 생각이 들었습니다. 이것저것 탭하고 만져보면서 실제로 사용하기 정말!!! 어렵다고 느꼈습니다. 어떻게 하면 .. 더보기 이전 1 다음