시각디자인트렌드 10 - leebh.netleebh.net/trend/pdfs/10.pdf · Google material design. 1dp....

시각디자인 트렌드 10

인터랙션 디자인 II

The – Interface 인터랙션의 기본에 대한 강의

Apple Human Interface Guideline (HID)

- 전체화면을 적극적으로 이용하라

Apple Human Interface Guideline (HID)

- 테두리가 없는 버튼을 사용하고 색상으로 구분하라

Apple Human Interface Guideline (HID)

- 화면전환 애니메이션을 통해 연관성을 유지하라

Apple Human Interface Guideline (HID)

- 장식보다는 색상반전을 통해 중요한 맥락을 강조하라

Apple Human Interface Guideline (HID)

- 시각적 중요성에 따라 배치하라

Apple Human Interface Guideline (HID)

- 빠르게 출발하라. 로딩이 필요없을 경우 시작화면은 필요없다.

Apple Human Interface Guideline (HID)

- 간단명료하게 색상을 통해 브랜딩하라.

Google material design

1dp의 동일한 판으로 구성된 물리적인 개념의 디자인

실제 디자인에서 물리적인 개념을 적극도입

Google material design

1dp의 동일한 판으로 구성된 물리적인 개념의 디자인

실제 디자인에서 물리적인 개념을 적극도입

Google material design

1dp의 동일한 판으로 구성된 물리적인 개념의 디자인

실제 디자인에서 물리적인 개념을 적극도입

design.google.com/icons

모바일 OS 개발사에서는 되도록 시스템 UI의 스타일을 권장

> 스타일링의 중요도는 점차 낮아지고 있는 상황

상대적으로 > 사용자의 맥락 파악이 중요

2020년 전 세계 모바일 폰 보유자 54억명

2020년 전 세계 인구 77억명

2020년 전 세계 모바일 기기 114억 개

Machine Learning

Google skybender – 태양광으로 작동하는 드론으로 오지에 인터넷 공급

인터랙션디자인의 미래

사용자는 2초 이상 기다리기 싫어하고 기존 앱들은 더

욱 빠르고 효율적인 방향으로 진화한다.

오프라인 사물/서비스와의 결합.

가상현실과 같은 스마트폰이 아닌 아예 새로운 디바이

스차원에서의 인터랙션이 등장한다.

IoT

Wearable

Healthcare

VRAR

Betterapp

공유경제

ContextAware

Better App

네트웍, 빅데이터의 분석을 통해 사용자의 맥락에 대응

momondo

Clover dating app

Lego fusion

roomscan

IBM VERSE

IoT : Internet of Things

온도, 습도, 먼지, 조도, 영상, 날씨 등 환경관련 센서를 통해 맥락을 감지 / 분석

IoT: 센서 – 보드 – 인터넷의연결을통해생활(사회)과 네트웍을연결

Sengled : IoT전구 + 스피커

BloomSky

BloomSky

MR. SAM – Sodium sensor

SIGNUL – Beacon – 거리감지 / 실내위치파악

샌프란시스크 공항 설치예정인 비콘기반 실내위치안내 서비스

Smappee

Wearable

맥박, 체온, 압력, 성분 등 인체와 관련된 미시데이터 측정을 통해 맥락 파악

Stridalyzer

Sensotrack

Fineneck

Tellspec scanner

New Interaction

스마트폰을 넘어선 인터랙션을 시도

Pizzahut Subconscious Menu

Toffee

Haptomime

Google glass shore

Dynamic desk

The future of Adobe creative applications

Microsoft Hololens

Microsoft Holoportation