Loris
Olivier
CV

Nissan Box

프로젝트에서 맡은 역할

2014_2024
product-design
product-design
user-research
motion-design

요약

Nissan Box는 Nissan 내연기관차와 전기차 운전자를 위한 앱입니다. 도쿄와 파리를 오가며 사용자 리서치부터 프로덕트 디자인까지 작업했습니다.

핵심 수치

+12%사용자

ACMS 팀과 함께한 두 개의 신규 Nissan 앱 작업이 이 증가에 기여했습니다.

3개월리서치 기간

디자인 전과 디자인 중에 진행한 리서치, 분석, 사용자 인터뷰.

역할과 배경
역할

프로덕트 디자인과 사용자 리서치.

  • 프로덕트 디자인
  • 사용자 리서치
  • 모션 디자인
장소

도쿄와 파리, ACMS 팀과 함께.

방법론
  • 사용자 인터뷰
  • 프로토타입 세션
  • 화면 테스트
  • 히트맵

01

걸려 있던 것

내연기관차와 전기차, 다양한 모델, 하나의 앱.

과제

Nissan Box는 Nissan 내연기관차와 전기차 운전자 모두를 위한 앱입니다. 차량 상태 확인부터 원격 제어까지, 하나의 앱이 매우 다른 모델과 요구에 맞춰 적응해야 했습니다.

무드보드 위에 놓인 전기차 상태 화면
_05

아트 디렉션: 전기차 상태 화면(충전 시간, 주행 가능 거리, 배터리)과 무드보드.

하나의 앱, 두 종류의 차량
나란히 놓인 세 가지 대시보드 탐색안: 배터리 충전량과 충전 시작 버튼이 있는 전기차, 연료량과 시동 버튼이 있는 내연기관차, 배터리·공조·차량 상태를 목록으로 보여주는 레이아웃.
초기 탐색: 전기차(충전량, 충전 시작)와 내연기관차(연료량, 시동)를 위한 같은 대시보드.
동글로 연결되는 내연기관차 앱의 구조도: 대시보드, 차량 상태 진단, 주행 기록과 연료, 가상 차고와 메뉴까지 4단계, 미해결 질문 표시.
동글로 연결되는 내연기관(ICE) 버전: 4단계 깊이의 구조도와 미해결 질문 표시.

02

리서치

디자인 전, 운전자들과 함께한 3개월.

어떻게 배웠나

3개월리서치 및 분석

3개월간의 리서치와 분석.

254사용자 인터뷰

운전자 인터뷰.

5프로토타입

사용자를 대화에 참여시키기 위해 만든 프로토타입.

56화면 테스트

대시보드 주목도 히트맵을 포함한 화면 테스트와 분석.

숫자로 보는 리서치

254인터뷰한 운전자

미국 78명, 일본 127명, 프랑스 49명.

56테스트 세션

프랑스 32회, 일본 24회. 프로토타입과 시나리오 기반 인터뷰.

4대상 시장

미국, 캐나다, 유럽, 일본.

리서치 방법
6단계 리서치 방법: 운전자 인터뷰 254건(일본 127, 미국 78, 프랑스 49), NDA로 보호되는 종합 분석, 프로토타입 세션 56회(프랑스 32, 일본 24), 주목도 히트맵을 활용한 화면 테스트, 네 가지 디자인 원칙, 그리고 운전자의 76%가 6개 과업을 모두 완료한 검증.
인터뷰부터 검증까지의 리서치 방법. 종합 분석과 여정 지도는 NDA로 비공개.
가정 매핑
주제별로 묶인 포스트잇이 붙은 화이트보드: 설정, 도움말 및 지원, 전체 경험, 알림, 대시보드, 원격 제어.
운전자에 대한 가정을 주제별로 분류: 원격 제어, 대시보드, 알림, 설정, 지원.
같은 포스트잇을 위험도(낮음~높음)와 인지도(알려진~알려지지 않은) 매트릭스에 배치, 대부분 고위험·미지 영역에 몰려 있음.
이어서 위험도와 인지 정도에 따라 배치해, 프로토타입으로 무엇을 테스트할지 결정.
공통 요구에서 기능, 프로토타입으로 이어지는 퍼널 스케치와 사용자 요구, 행동, 사용성의 3단계 테스트 계획이 있는 화이트보드.
공통 요구에서 기능, 프로토타입으로 이어지는 퍼널. 요구, 행동, 사용성의 세 층위로 테스트.
다섯 개의 프로토타입
사용자 테스트 계획: 프로토타입 1은 약 120개 화면으로 전체 사용성을 테스트하고, 각 약 14개 화면인 프로토타입 2~5는 위젯 관리자, 더 단순한 구조, 원탭 원격 제어, 대시보드의 그룹화된 원격 제어를 테스트.
사용자 테스트 계획: 전체 사용성을 위한 완전한 프로토타입 하나와 구조의 한 부분씩을 바꾼 짧은 프로토타입 넷.
리서치 산출물
대시보드에 번호가 매겨진 16개 요소가 있는 첫 와이어프레임과 메뉴 및 설정 화면, 빨간색으로 표시된 불분명한 경로: 알림? 설정? 어디로 이어지나?
첫 와이어프레임 리뷰: 한 화면에 16개 요소, 빨간색으로 표시된 불분명한 경로.
초기 대시보드 위의 주목도 히트맵: 차량 상태, 배터리, 원격 제어에 시선이 가장 많이 집중됨, 옆에는 테스트한 화면 변형안.
초기 대시보드의 주목도 히트맵과 테스트한 변형안.

03

디자인 의사결정

하나의 앱이 여러 차량에 맞도록, 몇 가지 명확한 원칙.

정보 구조
5단계 앱 구조도: 스플래시 화면과 온보딩, 대시보드, 이어서 My Car, 가상 차고, 프로필, 어시스턴스, 내비게이션, You+Nissan, 그리고 설정, 알림, 주행 기록까지.
5단계 깊이의 앱 구조도: 대시보드에서 My Car, 차고, 프로필, 어시스턴스, 내비게이션까지.
다섯 가지 방향
나란히 놓인 다섯 가지 대시보드 방향: 상태 링, 목록 카드, 더 가벼운 목록, 지도 뷰, 오른쪽에 액션이 있는 섹션 그리드.
대시보드의 다섯 가지 방향: 상태 링, 목록 카드, 지도 뷰, 섹션 그리드.
이터레이션 02
차량 주변에 같은 충전량, 주행 가능 거리, 온도, 잠금 상태를 배치하고 아래에 원격 제어 버튼을 둔 세 가지 대시보드 레이아웃.
차량 주변에 같은 데이터를 배치한 세 가지 레이아웃.
테마와 상태
다크, 라이트, 브랜드 레드 테마로 표시한 같은 대시보드.
각 레이아웃을 다크, 라이트, 브랜드 레드로 탐색.
대시보드의 두 가지 상태: 헤더에 통화 버튼이 있는 손상 경고 카드, 차량 잠금 해제를 확인하는 초록색 배너.
손상 경고는 헤더에 표시되고, 명령은 그 자리에서 확인.
레이아웃 원칙
겹침

화면당 겹침은 하나만: 강조 콘텐츠는 위에, 동적 콘텐츠는 아래에.

헤더

겹쳐 놓이고 시각적으로 두드러지며, 차량을 식별.

원격 제어

항상 접근 가능하며, 탭할 수 있다는 것이 명확함.

위젯

긴 읽기와 접근성, 정사각형 테마, 빠른 주제 식별을 고려해 설계.

겹침 원칙과 화면 구조
겹침 원칙과 화면 구조.
최종 앱
최종 Nissan LEAF 대시보드: 차량이 있는 빨간 헤더, 75% 배터리 바, 원격 제어(잠금, 충전, 공조, 라이트, 경적), 배터리, 차량 상태 진단, 온도, 모니터링, 주행 기록 위젯.
최종 대시보드: 헤더, 항상 손 닿는 곳에 있는 원격 제어, 위젯.

사용성

76%과업 성공률

테스트에서 6개 과업을 모두 완료한 운전자 비율.

스토어 평점 없음: 디지털 서비스가 지역별로 분리되면서 앱이 철수되었습니다.

04

결과

앱을 사용하는 운전자 증가.

누구에게 도움이 되었나
운전자

내연기관차와 전기차 운전자 모두 하나의 앱에서 각자에게 중요한 정보를 봅니다. 3개국 254명의 운전자와 함께 만들었고, 76%가 6개 테스트 과업을 모두 완료했습니다.

Nissan

앱 사용자 증가: 사용자 12% 증가, ACMS 팀과 함께한 팀 성과.

+12%사용자

ACMS 팀과 함께한 두 개의 신규 Nissan 앱 작업이 사용자 12% 증가에 기여했습니다.

다른 케이스 스터디