「わかる」だけじゃ不十分　機能から体験のデザインへ / UX MILK Fest 2019

by y_kinoshi

Slide 1

Slide 1 text

｢わかる｣だけじゃ不十分 UX MILK Fest 2019 機能から体験のデザインへ

Slide 2

Slide 2 text

木下由季子株式会社ビデオマーケット UIデザイナー / UXデザイナー @y̲kinoshi 元・営業職和歌山県心理学専攻デザイナー

Slide 3

Slide 3 text

2019.9.2 iOSアプリフルリニューアル

Slide 4

Slide 4 text

リニューアルの背景

Slide 5

Slide 5 text

そもそも使われてない詐欺アプリと呼ばれデータ取れてない秘伝のソース WebView 一貫性がないUI 頻繁に起こる障害読み込み重いわかりづらい使いづらい運用でカバー溢れる☆1レビュー社員でも使いづらいみせられないよ人に勧められない

Slide 6

Slide 6 text

いろいろありました

Slide 7

Slide 7 text

UXピラミッド目的達成できる快適な体験機能する信頼できる使いやすい便利である楽しい意義がある

Slide 8

Slide 8 text

快適な体験 UXピラミッド機能する信頼できる使いやすい便利である楽しい意義がある目的達成できるまずは「当たり前のことを　　当たり前にできる」に焦点をあてた

Slide 9

Slide 9 text

策定したコアバリューユーザーが環境を気にせず、安心して、簡単に、動画を楽しめるサービス

Slide 10

Slide 10 text

安心感、使いやすさにつなげるために｢わかりやすさ｣を軸にデザイン

Slide 11

Slide 11 text

わかりやすさを検証するために ‒ ユーザービリティテスト ‒ モンキーテストフィードバックを元に修正→テストを繰り返し

Slide 12

Slide 12 text

事例：ポイント履歴機能の追加 App内課金で購入したポイントを使って動画をレンタルするシステムなのに、いつ、いくらポイントを追加・消費したか確認する手段がなかった

Slide 13

Slide 13 text

いつ（日時）何で（内容）いくら（ポイント数）プラスの場合は白→ ユーザーが簡単に確認できるよう必要十分な情報で構成

Slide 14

Slide 14 text

テストのフィードバックを受けると…

Slide 15

Slide 15 text

怖い

Slide 16

Slide 16 text

利用すればするほど赤い文字が並ぶ ‒ 怖い、重い ‒ ポイントを失った感覚が強い → ポイント消費すること = マイナス（動画をレンタルすること）

Slide 17

Slide 17 text

｢動画を楽しむ｣という価値を提供するサービスなのに動画をみることに対してネガティブな印象を与えてしまった

Slide 18

Slide 18 text

そもそも、なぜこの配色を採用したのか？

Slide 19

Slide 19 text

ポイント数の表示色についての検討 ①会計方式 ②気温方式 ③ゲーム方式 +100 ‒100 +100 ‒100 +100 ‒100 A社 B社 C社 D社 E社 11,111 22,222 ▲3,333 44,444 ▲5,555

Slide 20

Slide 20 text

①会計方式 ②気温方式 ③ゲーム方式 +100 ‒100 +100 ‒100 +100 ‒100 A社 B社 C社 D社 E社 11,111 22,222 ▲3,333 44,444 ▲5,555 ポイント数の表示色についての検討

Slide 21

Slide 21 text

ユーザーにとってわかりやすくしたつもりが心理的負担を与える結果にうわっ⋯私ポイント、使いすぎ⋯？うわっ⋯私ポイント、使いすぎ⋯？

Slide 22

Slide 22 text

改善

Slide 23

Slide 23 text

過度な｢マイナス感｣を与えないため文字色を変更ポイント消費：ポイント追加： → → 赤白白緑

Slide 24

Slide 24 text

Before After

Slide 25

Slide 25 text

｢ポイント履歴がわかる｣から｢ポイント履歴が(心理的負担なく)わかる｣へ ↓ 一画面の一部の文字色の差でサービス全体の印象に影響を与えてしまう

Slide 26

Slide 26 text

まとめ

Slide 27

Slide 27 text

｢わかる｣だけじゃ不十分機能しか満たしていない状態 = 機能する信頼できる使いやすい便利である楽しい意義がある

Slide 28

Slide 28 text

まずは当たり前に使えること不安やストレスを与えないことを着実に満たしていく機能する信頼できる使いやすい便利である楽しい意義がある

Slide 29

Slide 29 text

その上で快適なユーザー体験をデザインする機能する信頼できる使いやすい便利である楽しい意義がある

Slide 30

Slide 30 text

ご清聴ありがとうございました資料公開してます