SlideShare a Scribd company logo
1 of 41
Android Wear
개발 따라잡기
2015/01/24
GDG SSU Android Wear Hackathon
Wonkyun Lim
임원균 (Wonkyun Lim)
초짜 프로그래머
GDG SSU 운영 중
관심사: 안드로이드
제 웨어는..
2014 Google I/O를 다녀온
아는 형님이
Gear Live를 받아와서 주심
그 후 이것저것 끄적이며
가지고 놀아봄
Android Wear를
처음 접하거나 생소한 사람을 위한
간단한 소개
1. 안드로이드 웨어?
2. 어떤 모양으로 디자인?
3. 간단한 코드
1. 안드로이드 웨어?
2. 어떤 모양으로 디자인?
3. 간단한 코드
Android Wear?
안드로이드 웨어로 할 수 있는 것들
안드로이드 웨어로 할 수 있는 것들
기타등등등
그렇지만..?
네비게이션이 된다고? 웨어에 GPS가..?
음성 검색이 된다고? 웨어가 네트워크 통신을..?
전화 받기가 된다고? 웨어를 위해 통신사 가입해야 하나???
웨어는 폰이랑 연결되어야 한다
Android Wear Basics
• Android 4.3 이상의 폰 또는 태블릿
• 공식 Android-wear 앱
• 블루투스로 통신
• 웨어는 폰과 태블릿의 인터넷 연결과 GPS 사용
안드로이드 웨어가 안드로이드 폰 없이
할 수 있는 것들
안드로이드 웨어가 안드로이드 폰 없이
할 수 있는 것들
Android Wear?
Android Wear!
페어링된 Android Wear를 둘러봅시다
페어링된 Android Wear를 둘러봅시다
…?
홈스크린
시간
Context Stream
상태 아이콘
백그라운드
Watch face에 따라 달라짐
배터리, 진동, 연결 상태Watch face에 따라 달라짐
폰으로부터 오는 노티피케이션
Context Stream
수직의 카드로 이루어지고 각각은 상황에 유용한
정보들이 주어진다
Google now도 뜬다
개발자는 카드를 만들 수 있고
필요하다고 생각되는 때에 띄울 수 있다
가로로 스와이프하면 그 노티피케이션에 대한
행동을 할 수 있다
왼쪽에서 오른쪽으로 밀면 다음 알람이 오기까지
context stream에서 제거한다
Cue Card
홈스크린 백그라운드를 터치하거나
Ok Google이라고 말하면 나옴
큐 카드는 유저가 구글에게 명령을 내리는 구조
음성으로 명령을 내리거나 아래로 내리면서 명령 선택가능
그래서 생각하는 웨어의 장점과 단점은?
장점
- 시계처럼 생겨서 이것저것 할 수 있으니 편하다
- 핸드폰을 꺼내지 않고 알림을 받아 볼 수 있다
단점
- 배터리가 2일을 넘기지 못한다
- 웨어 전용 앱이 많이 없다
1. 안드로이드 웨어?
2. 어떤 모양으로 디자인?
3. 간단한 코드
웨어는 손목에 달린 스마트폰이 아니다!
안드로이드 웨어 컨셉
폰보다 짧은 시간을 사용한다
힐끗보게 해야하고 상호작용이 거의 없어야한다
스마트폰 앱과는 다르게!
안드로이드 웨어를 위한 앱은 폰이나 타블랫을 위한 앱을
디자인 하는 것과는 다름
강점과 약점이 다르고, 유즈 케이스가 다르고
설계된 인체공학이 다름
따라서 시작하기 전에 안드로이드 웨어 경험에 대한
비전을 가지고 만들어야 한다
웨어에서의 좋은 경험이란?
자동으로 실행되게
스마트폰은 앱 아이콘을 터치해서 실행하는데,
안드로이드 웨어는 다르다.
웨어러블 앱은 유저가 시간, 장소, 활동을 알고
이 정보를 활용해 카드를 만들어야 한다.
힐끗 볼 수 있게
손목시계는 사람들이 짧은 시간에 힐끗 보고 시간을
알 수 있게 만들었다.
웨어도 다르지 않다. 잠깐 보게 하고 유저가 실제 삶에
집중하도록 해야 한다.
웨어에서의 좋은 경험이란?
개인 비서처럼
유저의 정보를 알고있고, 필요할때 도움이 되는 정보와
준비된 답변을 가지고 있어야한다.
거의 없는 상호작용
화면이 작기 때문에 심플한 인터렉션이 필요하고
정말 필요할 때 눌러야 한다.
손가락 움직임을 조금조금 하는 것은 피해야 한다.
그래서 어떻게 만들어야 하는데!
유저를 멈추게 하지 마라
웨어는 요리하고, 먹고, 걷고, 달리고,
사람과 이야기 할때도 사용될 수 있다.
액션은 5초를 넘기지 않도록 한다
큰 제스쳐로 디자인하라
책상에 앉아서 웨어를 만지고 있을
때 보다 다른 상황이 더 많음
정교한 터치를 지양!
그래서 어떻게 만들어야 하는데!
어떤 카드를 만들 것인지 생각하라
만들 앱이 유용할 상황을 생각한다
같은 장소? 시간? 특정 활동?
웨어러블 디바이스의 가장 좋은 경험은
때에 맞는 상황에 때에 맞는 컨텐츠를 띄우는 것
한 눈에 확인 가능하게 하라
웨어러블 디바이스는 하루 종일 사용되며, 슬쩍 보고 있을 때에도
어떤 일이 일어나고 있는지 알아야 한다.
표시되는 내용은 짧고, 의미심장 하면서도, 시기가 적절해야 한다.
그래서 어떻게 만들어야 하는데!
너무 자주 보내지마!
웨어의 기본 UI 요소
카드 카드 묶음 Action
List Selector 음성 명령 확인
웨어의 기본 UI 요소
카드 카드 묶음 Action
List Selector 음성 명령 확인
다른 웨어 앱들과 같은 일관된
사용자 경험을 줄 수 있다
1. 안드로이드 웨어?
2. 어떤 모양으로 디자인?
3. 간단한 코드
1. Notification
1. Notification – addaction
1. Notification – bigstyle
2. Voice reply
2. Voice reply – receive
감사합니다
참고자료
http://www.slideshare.net/umairvatao/break-timer-androidwear-introduction-
and-application-casestudy
http://www.slideshare.net/JamesMontemagno/developing-your-first-android-
wear-app
https://developer.android.com/design/wear/index.html
http://arstechnica.com/gadgets/2014/06/android-wear-review/2/
http://www.slideshare.net/umairvatao/break-timer-androidwear-introduction-
and-application-casestudy

More Related Content

Similar to Android wear개발 따라잡기

Ux trend report 2014 wearable
Ux trend report 2014 wearableUx trend report 2014 wearable
Ux trend report 2014 wearableKim Taesook
 
시장에서 성공하기 위한 스마트워치 Ux의 조건
시장에서 성공하기 위한 스마트워치 Ux의 조건시장에서 성공하기 위한 스마트워치 Ux의 조건
시장에서 성공하기 위한 스마트워치 Ux의 조건RightBrain inc.
 
Rightbrain u 1기 1조 workie talkie
Rightbrain u 1기 1조 workie talkieRightbrain u 1기 1조 workie talkie
Rightbrain u 1기 1조 workie talkieRightBrain
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지규문 최
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
스마트 폰 기초 활용 강의록
스마트 폰 기초 활용  강의록스마트 폰 기초 활용  강의록
스마트 폰 기초 활용 강의록So Ran Moon
 
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장Ignite LG 2014 Fall <스마트위치> 윤훈주 과장
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장Life's Good
 
스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?Oh DongReol
 
시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기Henry Hyeongrae Kim
 
스마트폰을 활용한 업무혁신 프로젝트[no 1]
스마트폰을 활용한 업무혁신 프로젝트[no 1]스마트폰을 활용한 업무혁신 프로젝트[no 1]
스마트폰을 활용한 업무혁신 프로젝트[no 1]CJ제일제당
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4Usys4u
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General GuidelinesDonghoo Kim
 
Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Yoojung Kim
 
UX Discovery 6th Rightbrain_part2
UX Discovery 6th Rightbrain_part2UX Discovery 6th Rightbrain_part2
UX Discovery 6th Rightbrain_part2RightBrain inc.
 
모바일 서비스 기획 시작하기
모바일 서비스 기획 시작하기모바일 서비스 기획 시작하기
모바일 서비스 기획 시작하기Jae-hyung Park
 
UX/UI의 이해와 도전
UX/UI의 이해와 도전UX/UI의 이해와 도전
UX/UI의 이해와 도전Billy Choi
 
Ux trend report 2014 lite version_ux1
Ux trend report 2014 lite version_ux1Ux trend report 2014 lite version_ux1
Ux trend report 2014 lite version_ux1Kim Taesook
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&RBilly Choi
 

Similar to Android wear개발 따라잡기 (20)

Ux trend report 2014 wearable
Ux trend report 2014 wearableUx trend report 2014 wearable
Ux trend report 2014 wearable
 
시장에서 성공하기 위한 스마트워치 Ux의 조건
시장에서 성공하기 위한 스마트워치 Ux의 조건시장에서 성공하기 위한 스마트워치 Ux의 조건
시장에서 성공하기 위한 스마트워치 Ux의 조건
 
Rightbrain u 1기 1조 workie talkie
Rightbrain u 1기 1조 workie talkieRightbrain u 1기 1조 workie talkie
Rightbrain u 1기 1조 workie talkie
 
UX trend report (August) by rightbrain
UX trend report (August) by rightbrainUX trend report (August) by rightbrain
UX trend report (August) by rightbrain
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
스마트 폰 기초 활용 강의록
스마트 폰 기초 활용  강의록스마트 폰 기초 활용  강의록
스마트 폰 기초 활용 강의록
 
4월 3주차 ux trend
4월 3주차 ux trend4월 3주차 ux trend
4월 3주차 ux trend
 
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장Ignite LG 2014 Fall <스마트위치> 윤훈주 과장
Ignite LG 2014 Fall <스마트위치> 윤훈주 과장
 
스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?
 
시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기
 
스마트폰을 활용한 업무혁신 프로젝트[no 1]
스마트폰을 활용한 업무혁신 프로젝트[no 1]스마트폰을 활용한 업무혁신 프로젝트[no 1]
스마트폰을 활용한 업무혁신 프로젝트[no 1]
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4U
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
 
Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들
 
UX Discovery 6th Rightbrain_part2
UX Discovery 6th Rightbrain_part2UX Discovery 6th Rightbrain_part2
UX Discovery 6th Rightbrain_part2
 
모바일 서비스 기획 시작하기
모바일 서비스 기획 시작하기모바일 서비스 기획 시작하기
모바일 서비스 기획 시작하기
 
UX/UI의 이해와 도전
UX/UI의 이해와 도전UX/UI의 이해와 도전
UX/UI의 이해와 도전
 
Ux trend report 2014 lite version_ux1
Ux trend report 2014 lite version_ux1Ux trend report 2014 lite version_ux1
Ux trend report 2014 lite version_ux1
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&R
 

Android wear개발 따라잡기