UX/UI Trends Seminar 2019

UX/UI Design
Trends
Seminar 2019

1.
트렌드란 이름의
착시 현상
더크림유니언 신민호

2019 UX/UI
Design Trends
Bold Colors
Colors will be even more
courageous, with designers using
supersaturated tones in their
work.
Gradients
With names like Apple or
Instagram using them in their
branding, this is definitely a
winning choice in 2019 as well.
Bold Fonts
With typography getting more
and more into the spotlight,
many giants, like Apple, choose
to make a statement trough bold
typography.
3
Broken Grid
broken grids can create a unique
creative layout.
Mobile First
With Google indexing mobile
responsive website first, mobile
websites are now a priority so
it’s no wonder that mobile first
design has become a trend.
Negative Space
Less is definitely more! We see
the usage of negative space in all
design fields, but mainly in web
design and app design.

Design System
● Concept
● Reference
● Wireframe
● Design Draft
10

Concept-인문학적 사고
● 디자인과 밀접한 관계
● 공감과 소통이 중요
● 다름을 인정하는 것부터 시작
11

“If a lion could talk, we
could not understand
him.
- Ludwig Wittgenstein
15

Wireframe-논리적 사고
● Wireframe = 화면 설계
● 디자이너가 모여서 화면 설계 및
테스트
● 요소별 디자인을 잘라 퍼즐
맞추기
● 최적의 UI가 나올 때까지 테스트
16

2.
DESIGNING FOR
MARKETERS
WITH EMPATHY
Facebook 이근배

제품디자인에 있어서
공감이란?
● 공감이란 남의 입장이 되어서
생각하고 느껴보는 것
● 공감은 상대방의 hidden needs /
basic needs를 찾는 게 중요
● 제대로 된 공감은 디자이너가
데이터나 연구에 대한 태도를
바꾸는 것에서 시작 19

디자인 세팅 안에서의 공감의
척도를 나눌 수 있는 기준
● Self-serve Design
● B2C Design
● B2B Design
20

Self-serve Design
21
- Product designer 가 자신을 위해 디자인을 하는 경우

B2C Design
22
- 내 제품을 사용하는 고객이 있고, 나 자신도 그 고객인 경우

B2B Design
23
- Product designer 가 유저가 아닌 경우

공감을 쌓기 위한 노력
24
 회사 내부와 외부 정보를 습득하려고 노력
 팀원들과 1:1 미팅을 하면서 습득하려고 노력
 내가 디자인한 제품을 사용해보려고 노력
 나 또는 내 주변 사람들이 제품을 써도 결국은 유저가
아니다
 우리 제품을 쓰는 마케터 들과 만나서 대화하려고 노력

페이스북 에서 제품 개발을
위해 하고 있는 방법
● Research Trip
● Shadowing
● Panel Discussion
● User Testing
25

3.
DESIGN WITH
SCALE, 14억을
위한 디자인
Tencent 이현주

중국의 IT 시장의
사회문화적 특징
● 이미 현금 없는 사회
● 플랫폼화 된 앱 디자인
● 다양한 인풋 방식
● 상호 간의 신뢰 중시
27

이미 현금 없는 사회
28
• 이것이 가능케 한 것이 알리 페이와 위쳇 페이이다.

플랫폼화 된 앱 디자인
29
• 중국형 UX/UI 에서는
포털이나 플랫폼처럼
사용자를 위한 모든
기능을 한 서비스에서
다 담고 있는 경우가
많다.

다양한 인풋 방식
30
• 중국어 특성상 텍스트로 인풋 하는 방식이 어렵기 때문에
QR 코드, 보이스, 이미지 등으로 대체한다.

상호간의 신뢰
31
• 제품을 구입할 때 리뷰나 랭킹 시스템을 중시
• 식당에서 만드는 재료를 진열하고 있음
• 식당에 설치된 cctv를 통해 주방이 보임

2019년 중국의
UX Trends
● Mini Program
● AI, Robot
● 15초 영상
32

Mini Program
33
• 위쳇 생태계 안에서 개발자와 제작자가 선보이는 서비스
• 앱 다운로드 / 회원가입 / 로그인 프로세스가 필요 없어짐

AI, Robot
34
• 알리바바에서 루반이라는 배너 생성 AI를 선보임

15초 영상
35
• 짧은 콘텐츠를 주로 사용하는 사용자의 행동양상을
간파하고 시작한 혁신적 서비스 (틱톡, 위시, 콰이쇼)

Less but better
● 풍부함이 중국의 style이다.
● 한국에선 일의 우선순위가 존재하지만
중국에선 모든 일이 다 중요하다.
결론적으로 우리가 한면만을 보고 생각해서 중국의
UX/UI를 낮게 본 게 아닌가라는 생각이 들고 이것도
하나의 트렌드로 보아야 할 듯 하다
36

2019년 비디오
엔터테인먼트
서비스의 UX/UI
트렌드 분석
Hyperconnect 김성호

비디오 관련
소셜미디어 종류
● 단방향+비동기
ex) 유투브, 인스타그램, 넷플릭스
● 양방향+실시간+지인기반
ex) 스냅챗, 하우스파티, 에어타임
● 양방향+실시간+비 지인기반
ex) 아자르, VIVO LIVE, 틱톡, HQ LIVE
38

아자르 UI
39
아자르의 UI는 화려한 이펙트, 자막, 텍스트가 날아다니는
등의 보기에는 난잡할 수 있는 소셜미디어 서비스

아자르 UX
40
아자르의 UX 장치는 심리, 기술, 맥락, 보상, 소셜, 컨텐츠,
MSG등으로 나눌 수 있다.
 소셜미디어 서비스는 사용자의 행동, 사용자 개인 자체가 컨텐츠이고
그것은 실시간으로 휘발된다.
 보정 이펙트로 사용자의 심리적 허들을 낮춘다.
 영상 손 떨림 방지 기술을 통해 컨텐츠 퀄리티를 보장해준다.
 사용자 프라이버시를 위해 배경 필터를 제공하거나 음성만 내보낼 수
있게 도와준다.
 사용자의 활동을 순위로 매겨 강력한 동기부여를 준다.
 소셜 기능을 강화하여 커뮤니티, 패밀리, 크루 등의 집단으로 소속감을
느끼게 한다. 또한 여러 명이 동시에 영상 채팅을 할 수 있게 한다.

글로벌 서비스를 제공하며 겪은 경험
41
 R to L 서비스는 현지인들에게 테스트하기 전에 구글 디자인 가이드를
참고하면 좋다. [Google Material Design]
 글로벌 서비스이기 때문에 언어가 통하지 않는 외국인끼리 만나게 될
경우, 인사를 각자의 현지어로 전달해주면 매칭률이 높아졌다.
 중동지역 남성들은 수염이 이미 있어서 수염 붙이는 기능을 잘 쓰지
않는다.
 엽기 필터를 많이 만들었는데 지인 기반 서비스에서만 잘 먹히고
비지인 기반에서는 모르는 사람이 망가지는 것이기 때문에 잘 통하지
않는다.
 한국인 얼굴을 기준으로 좌표를 찍어서 얼굴인식 이펙트를 만들었는데
중동 쪽으로 가면 얼굴인식이 되지 않았다. 인종별 신체구조를 감안한
디자인이 필요했고, 현지인들의 얼굴로 테스트 해야 한다.

UX/UI Trends Seminar 2019

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to UX/UI Trends Seminar 2019

Similar to UX/UI Trends Seminar 2019 (20)

UX/UI Trends Seminar 2019