Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

y_kinoshi
September 14, 2019

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

y_kinoshi

September 14, 2019
Tweet

Other Decks in Design

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

  4. リニューアルの背景

    View Slide

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

    View Slide

  6. いろいろありました

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  15. 怖 い

    View Slide

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

    View Slide

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

    View Slide

  18. そもそも、なぜこの配色を採用したのか?

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. 改善

    View Slide

  23. 過度な「マイナス感」を与えないため
    文字色を変更
    ポイント消費:
    ポイント追加: →

    赤 白
    白 緑

    View Slide

  24. Before After

    View Slide

  25. 「ポイント履歴がわかる」から
    「ポイント履歴が(心理的負担なく)わかる」へ

    一画面の一部の文字色の差で
    サービス全体の印象に影響を与えてしまう

    View Slide

  26. まとめ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide