SlideShare a Scribd company logo
1 of 11
Download to read offline
AirPlay
Soyeon	
  Lee(@slee)	
  
UX推進部	
  
iOS	
  LT	
  
2014.6.25	
  
なにげにすごい
なぜAirPlay?
•  こんなことやってました
スマホ リモコン
テレビ
1.	
  タッチ
http://helpguide.sony.net/lifestyle/ja/mirror/	
  
2.	
  通知
3.	
  つながる
あなたのiPhone,	
  iPad,	
  iPod	
  touchにあるコン
テンツを、ハイビジョンテレビで楽しもう	
  
https://www.apple.com/jp/airplay/	
  
AirPlayとは
1.	
  これをタップ
2.	
  デバイス選択
iPhone
Apple TV
3.	
  再⽣生開始
1.	
  これをタップ
2.	
  デバイス選択	
  
ミラーリングしたい	
  
場合はミラーリングを	
  
オンにする
それだけ
ミラーリングの⼊入り⼝口は若若⼲干トリッキー
ペアリング不不要
なにげにすごいAirPlay	
  (1)
Access	
  
Point
Bonjour!
Bonjour!
気がつくと勝⼿手に関連づけられている
参考:Bonjour	
  
https://developer.apple.com/bonjour/index.html	
  
コンテンツの渡し⽅方の使い分けが絶妙
なにげにすごいAirPlay	
  (2)
少しずつ渡すね
キャプチャーして渡すね
URLとResume	
  pointだけ渡すね	
  
あとはそっちで取りにいけば?
Streaming
Mirroring
Redirect
ソース機器 シンク機器
-­‐	
  ファイルをフルで渡すので、	
  
⾼高画質
Streaming
Mirroring
Redirect
Good Bad
-­‐	
  UIが表⽰示されず、	
  
コンテンツのみの再⽣生	
  
操作に迷うことがある	
  
-­‐	
  ソース側の画⾯面を	
  
そのまま移すので、	
  
わかりやすい	
  
-­‐	
  ソース側でキャプチャー	
  
済みのコンテンツを渡す	
  
ので画質がよくない	
  
-­‐	
  ⼲干渉に弱く画乱れが起きる	
  
-­‐	
  ⾼高画質のコンテンツを	
  
シンク機器が直接再⽣生できる
-­‐	
  アプリ間の取り決めが	
  
必要なので、ソースと	
  
シンク両⽅方でアプリが	
  
インストールされて	
  
いないといけない	
  
気づいてましたか
ミラーリング開始 写真再⽣生 写真再⽣生をやめる
ミラーリング ストリーミング ミラーリング
サクサク操作	
  
UIも表⽰示されるので、	
  
ユーザは迷わない	
  
⾼高画質で写真を	
  
楽しませるために	
  
接続切切り替え	
  
さりげなく切切り替えて	
  
ミラーリングに戻る	
  
接続維持したまま、
さりげなく切切り替え	
  
気づいてましたか
ミラーリング開始 iTunesで買った動画再⽣生 動画再⽣生をやめる
ミラーリング リダイレクト ミラーリング
サクサク操作	
  
UIも表⽰示されるので、	
  
ユーザは迷わない	
  
シンク機器の⽅方で	
  
コンテンツをとってきて	
  
再⽣生	
  
	
  
さりげなく切切り替えて	
  
ミラーリングに戻る	
  
ソース側が2nd	
  Displayになる	
  
いつの間にかキャッシュ
なにげにすごいAirPlay	
  (3)
写真1/10再⽣生中
裏裏⼯工作:2~5枚⽬目の写真も取ってくる
なぜAirPlayはなにげにすごいのか
徹底的なUX中⼼心設計	
  
その後ちゃっかり独⾃自規格で囲い込み	
  
	
  
ユーザーはそのすごさに気づかない	
  
でもなにげにすごい	
  
参考:⾮非公式AirPlay仕様⼀一覧	
  
http://nto.github.io/AirPlay.html#servicediscovery-­‐airplayservice	
  
	
  

More Related Content

More from Soyeon Lee

World IA Day 2019 Hong Kong Introduction
World IA Day 2019 Hong Kong IntroductionWorld IA Day 2019 Hong Kong Introduction
World IA Day 2019 Hong Kong IntroductionSoyeon Lee
 
UX Book Club - Project Management for Humans
UX Book Club - Project Management for HumansUX Book Club - Project Management for Humans
UX Book Club - Project Management for HumansSoyeon Lee
 
ざっくり振り返るUX Hong Kong 2018
ざっくり振り返るUX Hong Kong 2018ざっくり振り返るUX Hong Kong 2018
ざっくり振り返るUX Hong Kong 2018Soyeon Lee
 
UX book club 20170805 - blind spot
UX book club 20170805 - blind spotUX book club 20170805 - blind spot
UX book club 20170805 - blind spotSoyeon Lee
 
Report - Omni channel master class
Report - Omni channel master classReport - Omni channel master class
Report - Omni channel master classSoyeon Lee
 
RISE 2016 report
RISE 2016 reportRISE 2016 report
RISE 2016 reportSoyeon Lee
 
Hong Kong Design Book Club #6
Hong Kong Design Book Club #6Hong Kong Design Book Club #6
Hong Kong Design Book Club #6Soyeon Lee
 
人工知能のインタラクションデザイン
人工知能のインタラクションデザイン人工知能のインタラクションデザイン
人工知能のインタラクションデザインSoyeon Lee
 
ブランド勉強会プロセス編2
ブランド勉強会プロセス編2ブランド勉強会プロセス編2
ブランド勉強会プロセス編2Soyeon Lee
 
Designing Brand Identity - プロセス編1
Designing Brand Identity - プロセス編1Designing Brand Identity - プロセス編1
Designing Brand Identity - プロセス編1Soyeon Lee
 
UX Book Club - Measuring the User Experience
UX Book Club - Measuring the User ExperienceUX Book Club - Measuring the User Experience
UX Book Club - Measuring the User ExperienceSoyeon Lee
 
UX Book club - Observing the User Experience
UX Book club - Observing the User ExperienceUX Book club - Observing the User Experience
UX Book club - Observing the User ExperienceSoyeon Lee
 
UX Book club - Practical web analytics for user experience
UX Book club - Practical web analytics for user experienceUX Book club - Practical web analytics for user experience
UX Book club - Practical web analytics for user experienceSoyeon Lee
 
Android Wear Design Guideline
Android Wear Design GuidelineAndroid Wear Design Guideline
Android Wear Design GuidelineSoyeon Lee
 
UX Book club - It's our research
UX Book club - It's our researchUX Book club - It's our research
UX Book club - It's our researchSoyeon Lee
 

More from Soyeon Lee (17)

World IA Day 2019 Hong Kong Introduction
World IA Day 2019 Hong Kong IntroductionWorld IA Day 2019 Hong Kong Introduction
World IA Day 2019 Hong Kong Introduction
 
UX Book Club - Project Management for Humans
UX Book Club - Project Management for HumansUX Book Club - Project Management for Humans
UX Book Club - Project Management for Humans
 
ざっくり振り返るUX Hong Kong 2018
ざっくり振り返るUX Hong Kong 2018ざっくり振り返るUX Hong Kong 2018
ざっくり振り返るUX Hong Kong 2018
 
UXHK 2018
UXHK 2018UXHK 2018
UXHK 2018
 
UX book club 20170805 - blind spot
UX book club 20170805 - blind spotUX book club 20170805 - blind spot
UX book club 20170805 - blind spot
 
Report - Omni channel master class
Report - Omni channel master classReport - Omni channel master class
Report - Omni channel master class
 
RISE 2016 report
RISE 2016 reportRISE 2016 report
RISE 2016 report
 
Hong Kong Design Book Club #6
Hong Kong Design Book Club #6Hong Kong Design Book Club #6
Hong Kong Design Book Club #6
 
人工知能のインタラクションデザイン
人工知能のインタラクションデザイン人工知能のインタラクションデザイン
人工知能のインタラクションデザイン
 
ブランド勉強会プロセス編2
ブランド勉強会プロセス編2ブランド勉強会プロセス編2
ブランド勉強会プロセス編2
 
Designing Brand Identity - プロセス編1
Designing Brand Identity - プロセス編1Designing Brand Identity - プロセス編1
Designing Brand Identity - プロセス編1
 
UX Book Club - Measuring the User Experience
UX Book Club - Measuring the User ExperienceUX Book Club - Measuring the User Experience
UX Book Club - Measuring the User Experience
 
UX Book club - Observing the User Experience
UX Book club - Observing the User ExperienceUX Book club - Observing the User Experience
UX Book club - Observing the User Experience
 
UX Book club - Practical web analytics for user experience
UX Book club - Practical web analytics for user experienceUX Book club - Practical web analytics for user experience
UX Book club - Practical web analytics for user experience
 
Android Wear Design Guideline
Android Wear Design GuidelineAndroid Wear Design Guideline
Android Wear Design Guideline
 
OKR
OKROKR
OKR
 
UX Book club - It's our research
UX Book club - It's our researchUX Book club - It's our research
UX Book club - It's our research
 

iOS LT - なにげにすごいAirPlay