---
title: LIFULL HOME‘S App Night #AR 事業会社のUX設計かいつまみ話
tags:  #ux #art #arkit #lifull #home&#039;s #アプリ企画 #ios #ユーザー体験 #機能  
author: [株式会社LIFULL](https://convert.docswell.com/user/LIFULL)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/ZPERY3QR79.jpg?width=480
description: 「LIFULL HOME&#039;S App Night」 講演者：島田 ※同イベントは、株式会社LIFULLが主催するLIFULL HOME&#039;S アプリについて知見や情報を共有するイベントです。   私たちLIFULLはiOS11から追加されたARKitをLIFULL HOME&#039;Sアプリに追加し、iOS11リリースと同時に最速リリースしました。   その後、App Storeの特集枠・Today枠への掲載をはじめ、ARKit事例として複数のWebメディアに取り上げられました。  ノンゲーム会社がARプロジェクトの発足から企画・デザイン・開発〜リリースまでに、どんなことをしたのか、UXってなんだろう？を軸に、企画開発に関わった各職種メンバーが語った登壇資料となります。   ・どういう視点でUXを設計したらよいか悩んでいる  ・iOSの新機能を取り入れたいけど、機能的に追加するだけじゃなくて良いユーザー体験を提供したい  ・興味あるけどARアプリ開発ってどんな感じ？  ・UXを意識したARアプリを作りたいっ！  ・肝心なモデルとかってどんな感じに作っているの？  ・実際にARアプリをリリースしている人の話が聞きたい
published: March 13, 18
canonical: https://convert.docswell.com/s/LIFULL/5R9VWK-%E4%BA%8B%E6%A5%AD%E4%BC%9A%E7%A4%BE%E3%81%AEUX%E8%A8%AD%E8%A8%88%E3%81%8B%E3%81%84%E3%81%A4%E3%81%BE%E3%81%BF%E8%A9%B1
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/ZPERY3QR79.jpg)

事業会社の
ARKit
UX設計かいつまみ話
株式会社LIFULL
グループ経営戦略部 事業開発G 島田真寿美
2018.02.22
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 2

![Page Image](https://bcdn.docswell.com/page/NP7XG45YJX.jpg)

1．自己紹介
2．ARKitを活用した機能のおさらい
アジェンダ
3. 心がけたこと
4. UX設計
5. 結果
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 3

![Page Image](https://bcdn.docswell.com/page/637K4Z64JD.jpg)

島田 真寿美
グループ経営戦略部 事業開発G プロデューサー
●
ベンチャー デザイナー・ディレクター・PM/PO
↓
●
LIFULL HOME‘S iOSアプリディレクター
新機能開発・UI/UX改善・フルリニューアル設計
↓
●
現職
@308_mas
新規事業創出・アクセラレーション
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 4

![Page Image](https://bcdn.docswell.com/page/4LJ3LD6DE5.jpg)

島田 真寿美
グループ経営戦略部 事業開発G プロデューサー
●
ベンチャー デザイナー・ディレクター・PM/PO
↓
●
LIFULL HOME‘S iOSアプリディレクター
新機能開発・UI/UX改善・フルリニューアル設計
↓
●
現職
@308_mas
新規事業創出・アクセラレーション
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 5

![Page Image](https://bcdn.docswell.com/page/V8JDNPV2EG.jpg)

LIFULL HOME’S アプリでの
ARKit のおさらい
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 6

![Page Image](https://bcdn.docswell.com/page/4VEP5NVLE8.jpg)

機能
タップ地点間の距離・面積を
計測・保存する機能
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 7

![Page Image](https://bcdn.docswell.com/page/L27VPKZ67Q.jpg)

UX
ホームズくんが走った範囲が
Copyright©
LIFULL
All
Rights
Reserved.
間取りになる


# Page. 8

![Page Image](https://bcdn.docswell.com/page/Z5JGPQ42JL.jpg)

UX
ホームズくんが走った範囲が
間取りになる
タップ地点間の距離
保存
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 9

![Page Image](https://bcdn.docswell.com/page/V47Q2KG9EP.jpg)

心がけたこと (めちゃ重要)
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 10

![Page Image](https://bcdn.docswell.com/page/DKE4LP8RE1.jpg)

ARKitは
LIFULL HOME’Sアプリで
必須の機能じゃない
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 11

![Page Image](https://bcdn.docswell.com/page/PL71L92V7G.jpg)

ARKitは
LIFULL HOME’Sアプリで
なくてもいい
必須の機能じゃない
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 12

![Page Image](https://bcdn.docswell.com/page/8G7WVQR3E2.jpg)

なぜ機能を開発したのか
部屋の探しやすさ・使いやすさなど
主要機能は「機能的価値」を高める必要がある
主要機能ではなかなか提供できてない価値
楽しい体験を提供できたら
LIFULL HOME’Sアプリ、
使ってくれる人増えるんじゃないかな
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 13

![Page Image](https://bcdn.docswell.com/page/W4JZ4WRGE3.jpg)

なぜ機能を開発したのか
ユーザーに爪痕を残す
ホームズくんって
いう名前なんだね
最後間取りに
なった！
（認知/ブランディング）
（驚き）
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 14

![Page Image](https://bcdn.docswell.com/page/KYE63GRQEV.jpg)

もしも、こんな機能だったら
2地点間の距離は 2.98m です
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 15

![Page Image](https://bcdn.docswell.com/page/5GE5LV82J4.jpg)

もしも、こんな機能だったら
2地点間の距離は 2.98m です
へぇー
2.98mなんだねぇ
なるほど〜〜
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 16

![Page Image](https://bcdn.docswell.com/page/V972L3K1ER.jpg)

もしも、こんな機能だったら
機能性強い
2地点間の距離は 2.98m です
あってもいいけど
別になくてもいい
へぇー
2.98mなんだねぇ
なるほど〜〜
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 17

![Page Image](https://bcdn.docswell.com/page/5DJYQ1N4EM.jpg)

もしも、こんな機能だったら
2地点間の距離は 2.98m です
爪痕残ってない
へぇー
2.98mなんだねぇ
なるほど〜〜
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 18

![Page Image](https://bcdn.docswell.com/page/2V7NK2X678.jpg)

主要機能が提供するもの
LIFULL
HOME‘S
らしさ
Copyright©
LIFULL
All
Rights
Reserved.
機能的価値


# Page. 19

![Page Image](https://bcdn.docswell.com/page/GYJ9V18R73.jpg)

ARKit機能で提供するもの
LIFULL HOME‘S
らしさ
Copyright©
LIFULL
All
Rights
Reserved.
感情を動かす
機能的価値
楽しい
驚き
意外性


# Page. 20

![Page Image](https://bcdn.docswell.com/page/5GJ8P48GJD.jpg)

UX設計
UX 設計
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 21

![Page Image](https://bcdn.docswell.com/page/MLJL16RXJR.jpg)

【機能】
初めての人に機能を訴求する
【UX】
なんか楽しそうな感じをトリガーに
導入ハードルを下げる
× 「角をタップして計測！」
→興味がない人は離脱
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 22

![Page Image](https://bcdn.docswell.com/page/547MW5R3JW.jpg)

【機能】
スマホを動かして平面を認識させる
【UX】
ホームズくんを探す
普段のアプリとは大きく異なる
新しい体験のため、理解が難しい
×「床面を認識する」
→よくわかんない
○「部屋にいるから探して」
→なんとなくわかる
日常で体験したことのある言葉を使い
不安を低減
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 23

![Page Image](https://bcdn.docswell.com/page/ZP7RY3RRJ9.jpg)

【機能】
計測結果を見せる（間取り化）
【UX】
1周走って疲れたホームズくんが
「頑張ったから見てね！」
とユーザーとコミュニケーション
をとる
心理的訴求
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 24

![Page Image](https://bcdn.docswell.com/page/NPJXG4RYEX.jpg)

【UX】
走行状況に応じてメッセージを
変える
ユーザーがタップする→
ホームズくん走る→
ホームズくん疲れる
ストーリー性や
双方向性のコミュニケーションを構築
アプリへのエンゲージメント向上
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 25

![Page Image](https://bcdn.docswell.com/page/63JK4ZR4ED.jpg)

結果
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 26

![Page Image](https://bcdn.docswell.com/page/4LE3LD8D75.jpg)

達成
Copyright©
感情を動かす
LIFULL HOME‘S
らしさ
機能的価値
楽しい
驚き
意外性
ホームズくん
計測できる
ホームズくんが走る
内見先の部屋を計測
結果が保存できる
間取りになる
LIFULL
All
Rights
Reserved.


# Page. 27

![Page Image](https://bcdn.docswell.com/page/V8EDNPM27G.jpg)

「ホームズくん
かわいい」
「走って測ってくれ
る！」
・AppStore Today掲載
・Webメディア掲載
・Twitter「⾝⻑測ってみた」
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 28

![Page Image](https://bcdn.docswell.com/page/4V7P5NRL78.jpg)

・AppStore Today掲載
・Webメディア掲載
・Twitter「⾝⻑測ってみた」
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 29

![Page Image](https://bcdn.docswell.com/page/L2JVPKR6JQ.jpg)

「LIFULL HOME’Sアプリの」ARKit機能
として
ユーザーに爪痕を残せた
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 30

![Page Image](https://bcdn.docswell.com/page/Z5EGPQM2EL.jpg)

LIFULL Creators Blog
h t t p : / / w w w. l i f u l l . b l o g / e n t r y / 2 0 1 7 / 1 0 / 0 4 / 1 4 5 1 3 8
「なぜ、リソースがない中「ARKit」に最速対応する道を選んだのか」
Copyright©
LIFULL
All
Rights
Reserved.


# Page. 31

![Page Image](https://bcdn.docswell.com/page/V4JQ2KR97P.jpg)

ありがとうございました
Copyright©
LIFULL
All
Rights
Reserved.


