[UX디자인 스터디] #2 London by Bike - Simon Pan

 

두 번째 UX Case Study는 Simon Pan 의 "LONDON BY BIKE"라는 서비스 입니다.

런던에서 2010년에 시작된 London Cycle Hire scheme과 직접 연결되어 있습니다.

공유자전거 서비스 개념으로, 서울의 '따릉이'와 유사합니다.

 

 

Role

- Simon Pan은 UX업무 전반을 맡아 지휘하는 역할과 고객에게 작업 결과를 전달하는 역할을 했음.

 

Challenge

- 경쟁사보다 functionality와 usability를 향상 시키고, 런던 시민들의 활동적인 삶을 증진하는 것.

- 기존의 앱 개선, 2개월 이내

 

+ 전략 : 기능적 특성보다, 의미있는 경험 그 자체를 위한 '목표 설정'

> Stephen Anderson's UX Hierarchy of Needs를 참고하여 전략 구상

 

 

 

+접근 방법 : lean approach

- 빠르게 스케치, 프로토타이핑, 피드백 수집, 디자인 초안 개발을 하여 팀원 모두의 적극적인 참여를 이끌어내고, 좋은 아이디어를 얻음.

 

+ Transparency: 고객과의 신뢰구축을 위해 모든 방법론과 아이디어를 공유함.

 

 

* 서비스의 '의미' 구축: What does 'ride' mean to you?

- 자전거를 이용하는 사람들의 동기가 다를 것이기에 서로 다른 요구사항을 충족시켜야 함.

- persona (페르소나, 사용자 프로필)을 먼저 정해놓고 시작

-persona를 디자인 결정, 우선순위 선정, 고객과 팀과 공감 형성을 위한 기준으로 사용.

>> 주요한 사용자 프로필 + 2차적 사용자 프로필(중요도가 상대적으로 떨어짐) + 부정적 사용자 프로필

>> 기본 변수 설정 : 얼마나 '자주' 자전거를 이용하는지, 얼마나 자전거를 '잘' 타는지, 자전거를 타는 '이유(동기)'

 

* emotional design: aesthetics and tone of vioce to the experience

 

* mental space: 일종의 사용 로드맵으로, '자전거를 타는' 행위 전, 중, 후에 일어나는 모든 일을 기술하여 사용자에게 편리한 서비스를 구상할 수 있음. 서비스(앱) 사용의 맥락을 파악할 수 있음.

 

 

 

브랜드와 서비스에 맞게 Principle 정하기.

- 전체적인 톤, 분위기 형성에 중요한 역할

 

본격 디자인 방향 설정 (setting the design direction)

- 전체적인 프레임 워크를 구상, 스케치 한 후 바로 프로토타이핑 (시간 압박)

- 1.1, 1.2와 같이 top-down 방식으로 flow를 구체화

- primary pathway 설정: 페르소나(사용자 프로필 예시)가 실제 사용할 기능과 순서 highlight

 

- 사용자가 실제로 이용하는 맥락을 쪼개어, 특정 상황에서 어떤 기능/서비스를 필요로 할지 storyboard 작성하는 것이 도움이 됨.

 

첫 화면 디자인

- 주요 기능을 한 눈에 알아볼 수 있도록 : 아이콘의 크기는 터치(탭)가 쉽게

- Axure RP 라는 툴 사용 : 프로토타이핑, 수정에 용이

 

 

 

주 기능 디자인

- Minimise learning :

새롭게 UI/UX를 배우기 보다 구글맵이나 iOS의 디자인 아웃라인에 맞게 화면을 구성하여,

직관적이고 편리하게 앱을 이용 가능.

 

- 사용자의 페르소나 특징을 반영하여, 자전거 이용 도로를 Quiet, mixed, fast 로 구분하여 추천

 

 

- 군더더기 없는, 깔끔하고 가독성 좋은 UI와 타이포그래피

 

 

사용자 테스트 후 수정

1) 하단의 탭 바 아이콘 중 BIKES 와 DOCKS를 더 찾기 쉽게 상단으로 배치

 

2) Search 의 개발 관련 이슈 : API를 바꾸어 원하는 장소를 찾기 쉽게함. 즐겨찾기와 최근 검색 목록을 보일 수 있도록 수정.

 

3) 검색 결과 지도 표시 : 한번에 3개의 검색 결과만 보여지도록 Zoom level 설정, 원하는 목적지가 맞는지 지도상에 잘 보이도록 함.

 

출처

http://simonpan.com/work/bikes-case-study/

Bikes for London Case Study - User Experience Design Portfolio of Simon Pan