「LIFULL HOME'S App Night」 講演者：島田 ※同イベントは、株式会社LIFULLが主催するLIFULL HOME'S アプリについて知見や情報を共有するイベントです。 私たちLIFULLはiOS11から追加されたARKitをLIFULL HOME'Sアプリに追加し、iOS11リリースと同時に最速リリースしました。 その後、App Storeの特集枠・Today枠への掲載をはじめ、ARKit事例として複数のWebメディアに取り上げられました。 ノンゲーム会社がARプロジェクトの発足から企画・デザイン・開発〜リリースまでに、どんなことをしたのか、UXってなんだろう？を軸に、企画開発に関わった各職種メンバーが語った登壇資料となります。 ・どういう視点でUXを設計したらよいか悩んでいる ・iOSの新機能を取り入れたいけど、機能的に追加するだけじゃなくて良いユーザー体験を提供したい ・興味あるけどARアプリ開発ってどんな感じ？ ・UXを意識したARアプリを作りたいっ！ ・肝心なモデルとかってどんな感じに作っているの？ ・実際にARアプリをリリースしている人の話が聞きたい

1. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
事業会社の
ARKit
UX設計かいつまみ話
株 式 会 社 L I F U L L
グ ル ー プ 経 営 戦 略 部 事 業 開 発 G 島 田 真 寿 美
2 0 1 8 . 0 2 . 2 2

2. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
アジェンダ
1．自己紹介
2．ARKitを活用した機能のおさらい
3. 心がけたこと
4. UX設計
5. 結果

3. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
島田 真寿美
グループ経営戦略部 事業開発G プロデューサー
● ベンチャー デザイナー・ディレクター・PM/PO
↓
● LIFULL HOME‘S iOSアプリディレクター
新機能開発・UI/UX改善・フルリニューアル設計
↓
● 現職
新規事業創出・アクセラレーション
@308_mas

4. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
島田 真寿美
グループ経営戦略部 事業開発G プロデューサー
● ベンチャー デザイナー・ディレクター・PM/PO
↓
● LIFULL HOME‘S iOSアプリディレクター
新機能開発・UI/UX改善・フルリニューアル設計
↓
● 現職
新規事業創出・アクセラレーション
@308_mas

5. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
LIFULL HOME’SLIFULL HOME’SLIFULL HOME’SLIFULL HOME’S アプリでのアプリでのアプリでのアプリでの
ARKitARKitARKitARKit ののののおさらいおさらいおさらいおさらい
C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .

6. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
タップ地点間の距離・面積を
計測・保存する機能
機能

7. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
ホームズくんが走った範囲が 間取りになる
UXUXUXUX

8. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
ホームズくんが走った範囲が 間取りになる
UXUXUXUX
タップ地点間の距離 保存

9. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
心がけたこと心がけたこと心がけたこと心がけたこと (めちゃ重要)
C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .

10. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
ARKitは
LIFULL HOME’Sアプリで
必須の機能じゃない

11. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
ARKitは
LIFULL HOME’Sアプリで
必須の機能じゃない
なくてもいい

12. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
なぜ機能を開発したのか
部屋の探しやすさ・使いやすさなど
主要機能は「機能的価値」を高める必要がある
主要機能ではなかなか提供できてない価値
楽しい体験を提供できたら
LIFULL HOME’Sアプリ、
使ってくれる人増えるんじゃないかな

13. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
なぜ機能を開発したのか
ユーザーに爪痕を残す
最後間取りに
なった！
（驚き）
ホームズくんって
いう名前なんだね
（認知/ブランディング）

14. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
2地点間の距離は 2.98m です
もしも、こんな機能だったら

15. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
2地点間の距離は 2.98m です
へぇー
2.98mなんだねぇ
なるほど〜〜
もしも、こんな機能だったら

16. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
2地点間の距離は 2.98m です
へぇー
2.98mなんだねぇ
なるほど〜〜
もしも、こんな機能だったら
機能性強い
あってもいいけど
別になくてもいい

17. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
2地点間の距離は 2.98m です
へぇー
2.98mなんだねぇ
なるほど〜〜
もしも、こんな機能だったら
爪痕残ってない

18. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
LIFULL
HOME‘S
らしさ
機能的価値
主要機能が提供するもの

19. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
LIFULL HOME‘S
らしさ
感情を動かす
楽しい
驚き
意外性
機能的価値
ARKit機能で提供するもの

20. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
UXUXUXUX設計設計設計設計
C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .

21. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
【機能】
初めての人に機能を訴求する
【UX】
なんか楽しそうな感じをトリガーに
導入ハードルを下げる
× 「角をタップして計測！」
→興味がない人は離脱

22. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
【機能】
スマホを動かして平面を認識させる
【UX】
ホームズくんを探す
普段のアプリとは大きく異なる
新しい体験のため、理解が難しい
×「床面を認識する」
→よくわかんない
○「部屋にいるから探して」
→なんとなくわかる
日常で体験したことのある言葉を使い
不安を低減

23. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
【機能】
計測結果を見せる（間取り化）
【UX】
1周走って疲れたホームズくんが
「頑張ったから見てね！」
とユーザーとコミュニケーション
をとる
心理的訴求

24. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
【UX】
走行状況に応じてメッセージを
変える
ユーザーがタップする→
ホームズくん走る→
ホームズくん疲れる
ストーリー性や
双方向性のコミュニケーションを構築
アプリへのエンゲージメント向上

25. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
結果結果結果結果
C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .

26. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
LIFULL HOME‘S
らしさ
感情を動かす
楽しい
驚き
意外性
機能的価値
達成
ホームズくん
内見先の部屋を計測
計測できる
結果が保存できる
ホームズくんが走る
間取りになる

27. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
・AppStore Today掲載
・Webメディア掲載
・Twitter「⾝⻑測ってみた」
「ホームズくん
かわいい」
「走って測ってくれ
る！」

28. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
・AppStore Today掲載
・Webメディア掲載
・Twitter「⾝⻑測ってみた」

29. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
「LIFULL HOME’Sアプリの」ARKit機能
として
ユーザーに爪痕を残せた

30. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
LIFULL Creators Blog
http://www.lifull.blog /entry/2017/10/04/145138
「なぜ、リソースがない中「ARKit」に最速対応する道を選んだのか」

31. C o p y r i g h t © L I F U L L A l l R i g h t s R e s e r v e d .
ありがとうございました