Z세대를 위한 모바일 홈화면 UX 시나리오

Period
2023.03.~06. (3개월)

Assignment
삼성전자 MX사업부 차세대 UX 그룹 산학

Role
Project Leader, UX Design (40%), UI/GUI Design (50%), Prototyping (80%)

Category
모바일 OS 디자인

Overview

Z세대 인사이트 기반 유형화와 Mobile Home UX 설계

Z세대의 ‘나 중심’의 가치를 모바일 홈 화면에 반영하는 4가지 모바일 홈의 새로운 인터페이스 구조와 UX 시나리오를 제안하였습니다.

Project Summary

홈을 ‘나를 반영한 애착 공간’으로 만드는 4가지 솔루션

Z세대 130명 대상 모바일 / 홈 화면 이용 양상, 트렌드 리서치
[데스크리서치, Survey(104명), Interview (26명), User test (24명), User diary (2명), 홈 스크린샷 수집 (109명)]

Real voice

내 기준의 효율성을 추구해요

좋아하는 콘텐츠와 늘 함께해요

내게 맞는 똑똑한 제안을 바래요

여러 어플과 기능을 동시에 이용하고,나만의 방식대로 조합해 업무를 달성해요

내 취향과 성향을 반영하는 커스텀 과정을 즐기고 결과물을 애정해요.

복잡하고 번거로운 과정에 대한 불편함을 쉽게 느끼고, 빠르게 전환해요

Z세대 Main Task: [Me-Centered: 나 중심으로 생각하고 추구]

Project Main Mission: [나를 반영하는 공간으로]

인사이트 기반  ‘나 중심' 태스크 세분화와 그에 맞는 Z세대 유형화, 그리고 이에 부합하는 솔루션과 시나리오를 제안했습니다.

나의 패턴

카멜레온

Persona foldering
내 페르소나를
반영하는 폴더링

나의 패턴

도파민 홀릭

Flexible window
내 패턴대로 빠르게
전환하는 구조

나의 취향

콘텐츠 코리버

Creating assets
내 취향을
반영하는 창작

나의 필요

게으른 완벽주의자

AI home generator
내 니즈를 반영하는
홈 세팅

As-is

단순 서비스를 위해 거쳐가는 공간

To-be

‘나'를 반영해 애착을 가질 수 있는 공간

1. Persona flodering

User defination

[카멜레온] 유형 정의

Z세대는 마치 상황에 따라 모습을 바꾸는 카멜레온처럼 다양한 페르소나를 갖고, 목적에 맞게 모바일을 사용하고 있습니다.

목적에 따라 서비스 전환

목적에 따라 계정 전환

목적에 따라 홈 화면 전환

Problem

어플에 한정된 폴더링

현 폴더 방식은 페르소나마다의 정체성을 표현하기 어렵고, 어플에만 한정된 폴더링 구조는 실제 태스크를 반영하지 못합니다.

Soution

페르소나 단위 폴더링 구조

홈에서 페르소나 태스크까지 여정에서의 문제를 해결하는 새로운 폴더 구조와 인터랙션으로 페르소나를 표현과 목적 달성을 돕습니다.

Problem

홈 전환 이상의
표현 수단 부재

Featue

정체성을 표현하는
페르소나 캐릭터 폴더

폴더/위젯

서비스

Problem

분산된 페르소나 별
태스크 탐색 어려움

Problem

페르소나에 맞는
계정 전환 번거로움

Featue

페르소나의 태스크를 한번에,
확장된 폴더 구조

테스크

Problem

목적에 따른
태스크 지속의 어려움

Featue

목적을 지속적 상기하는
캐릭터 인터랙션

Home screen

다양한 나를 반영하는 캐릭터 폴더

페르소나를 반영한 캐릭터로 폴더를 만들어 다양한 정체성을 홈에서 한 번에 표현하고, 배치하는 즐거움을 느낍니다.

Folder

실제 태스크까지 확장된 폴더 구조

페르소나의 실제 태스크를 모두 포함하고, 중복 폴더링이 가능한 새로운 폴더 구조를 설계했습니다.

Interaction

지속적으로 애정을 느끼도록, 캐릭터 인터랙션

캐릭터가 말을 걸어 목적 달성을 위한 이용 권장

캐릭터끼리 소통하여 서로의 목적 달성을 도움

나도 모르던 취향까지 파악한 캐릭터가 페르소나 폴더 추가 생성 제안

인터랙션을 위한 가변 구조

Interaction

홈 화면을 정체성을 반영하고 탐색하는 공간으로

2. Flexible window

User defination

[도파민 홀릭] 유형 정의

Z세대는 콘텐츠를 마치 일상의 백그라운드처럼 모든 일상에, 습관적으로 소비합니다.

pip 모드 사용

멀티 디바이스

모든 일상 중에

Needs

끊임없이 연결되는 콘텐츠 서비스 소비

유저 테스트를 통해 콘텐츠 소비를 관찰해본 결과, 빠르고 습관적인 제스처를 통해 콘텐츠를 끊김 없이 소비하고 있었습니다.

끊임없는 전환과 새로운 자극
한 서비스를 꾸준히 사용하지 않고 자주 전환하며 새로운 자극을 원함

무의식적 이용과 분리 불안
중독처럼 무의식적으로 콘텐츠를 소비, 습관적으로 서비스를 접속

빠르고 효율적인 제스처
제스처를 적극적으로 이용하여 빠르고 효율적으로 서비스를 전환

목적 달성을 위한 다중 서비스
효율적인 목적 달성을 위해 보통 2개 이상의 서비스를 혼용

Solution

Flexible Window - 서비스 소비를 연결하는 유연한 윈도우 구조

서비스 소비 양상과 제스처를 반영한 윈도우 구조를 설계했습니다. 멀티 윈도우를 넘어 유연하고 지속적인 연결 경험을 제공합니다.

사용하던 콘텐츠를 모두
서브 영역에 지속적 노출

아코디언 UI와 스와이프
제스처로 빠른 전환

윈도우를 펼치고 늘리며
유연한 멀티 경험

Features

Flexible Window 구조 및 기능

0. 구조 진입
홈에서, 혹은 다른 서비스를 이용 중 네비게이션 바의 리센트 버튼을 프레스하면 flexible window 모드로 전환됩니다.

1. Switch content- 콘텐츠 전환
상단 서브 콘텐츠 영역을 스와이프하여 빠르게 전환하고, 간단한 태스크를 수행할 수 있습니다

2. Unfold- 펼쳐서 잠시 단독사용
서브 영역을 잠시 단독으로 사용하고 싶거나 구체적 작업이 필요할 경우, 윈도우 핸들러를 내려 펼칩니다

3. Strech- 윈도우 크기 조절
서브 콘텐츠의 종류에 맞게 크기를  조절 합니다. 디바이더 핸들러를 끌어내려 크기를 조절합니다

4. pin- 자주 보는 서브 콘텐츠 고정
원하는 서브 콘텐츠를 가장 앞쪽에 고정해 다른 서비스를 쓰다가도  바로 돌아갈 수 있습니다

5. Exchange -메인과 서브 전환
서브 콘텐츠를 메인으로 이용하고 싶어졌다면, 전환 버튼을 눌러 영역을 바꿉니다

6. Enter -서비스로 이동
flexible window 사용을 끝내고 서비스에 진입해 전체 윈도우에서 이용합니다

Gestures

손쉬운 제스처

0. 구조 진입

리센트 버튼 터치 앤 홀드

1. 구조 이용

좌우 스와이프

2.3. 구조 이용

핸들러 터치 앤 상하이동

4.5.6. 구조 진입

터치 앤 홀드

Use case

콘텐츠 크리에이션 (특정 태스크를 위해 다중 서비스 이용)

롱폼 영상을 편집해 숏폼 영상으로 제작하는 상황처럼 여러 서비스를 멀티태스킹 해야하는 경우, flexible window를 유용하게 사용할 수 있습니다.

3. Content creating assets

User defination

[콘텐츠 코리버] 유형 정의

Z세대는 사적인 일상을 공유하는데에 거리낌이 없습니다. 취향을 콘텐츠화 하고, 이를 매개로 소통합니다.

Creation experience insight

콘텐츠 창작 양상

사진 꾸미기

쉬운 챌린지

스토리 박음질

Solution

홈을 contentable한 공간으로, 콘텐츠 창작 양상을 반영한 홈 크리에이팅 에셋

UX strategy

심미적인

손쉬운

역동적인

텍스트 에셋
홈 화면에 내가 원하는 텍스트를 자유롭게 작성하고 마음에 드는 폰트로 설정하여 자유로운 위치에 배치할 수 있습니다. 홈 화면에 배치한 앱들에 대한 이름을 지을 수도 있고, 꼭 확인해야하는 급한 메모나 동기부여가 되는 메시지를 입력해 둘 수도 있으며, 마치 월 페이퍼처럼 디자인할 수도 있습니다.

날씨 에셋
오늘의 날씨를 반영한 다양한 스타일의 그래픽과 온도 등 필요한 정보를 변화하는 날씨 그래픽과 함께 제공해 주는 에셋입니다.

음악 에셋
음악의 커버 아트를 활용한 에셋들로, 듣는 음악에 따라 홈 화면이 동적으로 변화합니다. 카버 아트의 색상을 추출한 그라데이션 그래픽 시안과 커버 아트 이미지 자체를 활용한 시안 두 가지를 제공합니다.

스티커 에셋
마음에 드는 스티커 디자인을 활용하여 그리드 제약 없이 홈 화면을 더욱 심미적으로 꾸밀 수 있습니다. 또한 레이아웃 스티커를 이용해 홈 화면에 나열한 어플들을 그룹핑할 수도 있습니다.

다양한 홈화면과 잠금화면

Expansion scenario

Bump asset share- 갤럭시 유저간 에셋 공유로 소속감 및 갤럭시와의 친밀한 관계 구축 기대

(1) 서로 에셋을
누르고

(2) 서로의 핸드폰을
부딪혀 Bump!

(3) 두 에셋이 합쳐진
새로운 에셋 획득

4. AI home generator

User defination

[귀찮은 완벽주의자] 유형 정의

Z세대는 완벽한 홈 화면을 갖고 싶어하지만, 변경 과정을 귀찮아하며 ‘누가 대신 해줬으면 좋겠다'는 니즈를 가집니다.

Survey

Real voice

알아서 먼저 제안해주고 디테일하게
수정하는 권한을 주면 좋겠어요

시간과 노력이 많이 들어서
홈 화면을 바꾸려다 실패해요.

완벽하게 하고 싶다는
부담감에 주저해요

Solution

니즈를 파악하여, 쉽고 편리하게 구성하는 AI 홈 제너레이터

니즈 기반 유형별 프롬프트 설계

[심미] 컨셉 리드형

내가 원하는 취향대로
하나하나 커스텀하고 싶어

구체적 커스텀 기능 제공

[심미] 컨셉 팔로우형

나도 모르는 취향에 맞는
홈을 제공해 주면 좋겠어

다양한 홈 컨셉 옵션 제공

[기능] 깔끔 정리형

지저분한 내 홈화면을
깔끔하게 정리하고 싶어

자동 폴더링, 정리 제공

[기능] 완벽 최적화형

갤럭시에 맞춤 기능이
많은 건 아는데, 써 보기 어려워

모드, 맞춤 기능 제공

[심미] 컨셉 리드형
내가 원하는 취향과 스타일대로 하나하나 커스텀하고 싶은 니즈가 있지만, 시간이 너무 오래 걸리고 머리 속 모습을 그대로 구현해내기에 어려움을 겪는 유저를 위해 취향에 딱 맞는 홈을 쉽게 만들 수 있게 원하는 컨셉에 맞는 에셋과 시안을 제공해 줍니다.

[심미] 컨셉 팔로우형
내 취향은 잘 모르겠지만 트렌디하게 꾸미고 싶은 니즈를 가진 컨셉 팔로우형입니다. 이들에게는 취향을 유추할 수 있는 간접적인 질문을 제공하여 나도 모르는 취향을 알 수 있도록 하고, 잘 만들어진 홈 중에서 선택할 수 있도록 합니다.

[기능] 깔끔 정리형
홈 화면을 깔끔하게 정리하고 싶은 깔끔 정리형입니다. 새로운 어플을 받을때마다 매번 다시 폴더링하고 정리하기는 어렵죠. 미뤘던 정리를 하려고 하면, 하나하나 정리하는 인터랙션에 어려움이 있습니다. 이런 유형에게는 자동으로 폴더링하고 홈 화면을 깔끔하게 유지할 수 있는 기능들을 제공합니다.

[기능] 완벽 최적화형
다양한 최적화 기능들을 사용하고는 싶지만, 일일이 공부해서 알아보고 지정하는 과정에 어려움을 느끼는 유형입니다. 이들에게는 질문을 통해 어떤 맞춤 기능을 원하는지 알아내고 자연스럽게 설정까지 이어지도록 돕습니다.