こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

Webサービスを運営していると、ユーザーがサイト上でどう行動しているのか、またどこで操作につまずいているのかはユーザーテストなどをしないと具体的に見えづらいところ。

また知らぬ間に発生したエラーやちょっとしたバグなどが、ユーザビリティを損なっている可能性もあります。

そこで便利なWebサービスが「LogRocket」。たった1行のJSコードをheadタグに組み込むだけで、ユーザー行動を動画で記録できるサービスです。定性分析やエラーチェックでかなり役立ってくれそうです！

今回はそんなLogRocketの使い方や注意点などを解説していくので、サイトのUX改善やバク発見ツールを検討している方はぜひチェックしてみてください。

LogRocketってサービス？

LogRocketはWebアプリケーション上のユーザー行動をリアルタイムに動画で記録できるサービス。マサチューセッツ州ケンブリッジ発のスタートアップ企業で、2019年3月にはシリーズAにて1,100万ドル（約12.2億円）を調達してますね。

このように、ユーザーがサイト上でどのような動きや操作をしたのかを動画で可視化してくれます。面白過ぎてずっと見てられますね！

利用にあたっては、JSのトラッキングコードをサイトのheadタグに組み込むだけ！とても簡単です。しかも月5,000セッションまで無料で利用可能です。対応言語はいまのところ英語のみ。

Webアプリケーション上で発生したエラーを迅速に特定することを利用シーンとして想定されていますが、ユーザーが意図した行動を取っているのか、どこで操作に詰まっているのかなど定性分析の面でもかなり利用できそうです。

LogRocket公式サイト

LogRocketの導入方法

LogRocketの導入方法を見ていきましょう！基本的に設定はとても簡単です！

1. まずは公式サイトへ

Photo by：logrocket.com

公式サイトのTOPページから「Get Started Free」をクリックしましょう。

GithubかGoogleアカウント、もしくはメールアドレスでアカウントを作成します。

「CONTINUE」で次へ進みます。

2. プロジェクト名を決める

プロジェクト名を指定します。1つのアカウントで複数サイトのデータを管理することができるので、サイト名などを記載しておくといいでしょう。

またプロジェクトメンバーもここで招待することができます。無料版だと3名までですね。

3. 計測タグの設置

続いて計測の設定をします。設定方法はnpm（Node Package Manager）か、JSタグをheadに組み込むかの2パターンあります。

基本的にはJavascriptコードをheadタグへ組み込み方法で良いかなと思います。

WordPressサイトの場合はテーマのカスタマイズ欄やタグマネージャーで管理、もしくはサイトのheadタグへ直接記述しましょう。

npmを使って組み込むことも可能です。

タグを設置してLogRocketの画面に戻ると、ローディング画面になります。

しばらくするとLogRocketの管理画面が表示されます。5分〜10分くらい経つと訪問ユーザのログが溜まり始めます！これで設定自体は全て完了です。簡単ですね！

LogRocketの使い方

LogRocketの使い方を確認していきましょう。

1. セッションごとのユーザーログを見る

LOGROCKETタブを開いた状態にすると、

の3つのタブがあります。それぞれ確認してみます。

LATEST（最新）

LATESTタブでは、新着順に最新のログを見ることができます。とりあえずどんな風にユーザーログが取れているのか確認してみると良いでしょう。

ログ一覧では、ログが再生された時間と場所、デバイスなどが表示されています。「▶」の再生ボタンを押すとログの詳細を確認できます。

クリックすると上記の画面が表示され、再生ボタンでユーザーの行動ログをすぐに確認可能です。

2倍速、４倍速、8倍速再生に対応しています。なかなか便利ですね。

ネットワークリクエスト情報も確認でき、リソースごとにソートして閲覧可能。

Logsタグでユーザーの動作ごとに発生したログや警告などの情報も確認できます。どの操作をしたタイミングでエラーが発生したのか、エラー原因の特定に役立ちそうですね。僕もざっと見ていたらリンク切れのエラーなどを確認できました。

Detailsタブでは、ユーザーのデバイス情報やセッション日時などのログの詳細情報を確認できます。

SESSIONS

SESSIONSタブでは、指定期間に絞ってユーザーログを見ることができます。

上記の設定だけでなく、細かく期間を指定することも可能。

ERROS

発生したエラーごとのユーザーログを確認できます。どれくらいの人数のユーザーに、いつ発生したのかを確認できるので、高頻度で発生しているエラーの発見などに役立ちそうですね。

エラーのステータスも、

のタグを管理し、絞り込みをすることができます。

エラーが発生した時期・頻度も選択可能です。

エラーの詳細を見ると、どのページで、どのデバイス、どのブラウザーでいつ発生しているのかがある程度分かります。

問題なければ「resolve」や「Ignore」などエラーにタグ付けして整理してみましょう。

2. ユーザー属性を切り替えて検索

上記までのログは「EVERYONE」タブで見てきましたが、以下の項目からユーザーを切り分けてログを確認することもできます。

よく使うであろう項目をLogRocket側で事前に設定してくれていますので、ぜひ使ってみましょう。

Signed-up

事前に設定すれば、サービスのログインユーザーのみに絞ってログを確認できます。特にログイン機能などがなければ使う機会はない感じですね。

Mobile

モバイルユーザーのみに絞ってログを閲覧できます。ちなみにPC、タブレット、mobileのデバイスごとに切り替えられます。

New Users

特定期間の新規ユーザーに絞ってログを確認できます。期間も調整可能。

Inactive Users

特定期間にアクティブではないユーザーに絞ってログを確認できます。

3. 詳細絞り込み検索

僕もすべて使いきれていませんが、更に詳細な条件に絞ってユーザーログを検索することも可能です。検索ボックスをクリックすると検索項目が表示されます。

検索項目は上記のカテゴリに分けられています。複数項目を組み合わせて検索できるのでとっても便利。

たとえば、よく使いそうなのは「SP版かつiOSデバイス、かつ特定のページに訪問したユーザー」など。めっちゃ便利やん！！特定ページにランディングしてきたユーザーが意図した行動を取っているか、色々と仮説検証を深ぼれそうです。

さらにページの指定には以下の条件指定ができます。かゆいところに手が届く感じですね。

LogRocketの設定欄

LogRocketの設定欄も合わせて確認していきましょう。「SETTINGS」タブを開いた状態にします。

Project Setup

基本的な環境設定の進捗が確認できます。

ここで特定ユーザーに対してIDを付与できます。メールアドレスや名前、IDなどを指定しておけば、特定ユーザーのログを絞り込んで確認できる感じですね。

Integrations

特定のライブラリやツールなどを、LogRocketと連携させることができます。

Githubなどとも連携できるみたいですね。

General Settings

プロジェクト名やAPI Keyなどの確認・設定ができます。

Error Settings

特定期間を過ぎたエラーは解決済みにするなど、エラーの自動対応についての設定ができます。

Slackにエラー通知をする設定もできるみたいですね。

Plan Usage & Upgrade

LogRocketのプラン設定が可能です。メールアドレスの設定もここで可能です。

無料版は1ヶ月5,000セッションまでなので、サイト規模によっては一瞬で容量を使ってしまうかと思います。また容量は1ヶ月後にリセットされます。

LogRocket Trial（無料版）は2週間しか使えないのかなと思ったのですが、今のところ2週間過ぎても全然使えますね（容量を超えれば新規のデータは記録されなくなりますが）。

Team Settings

プロジェクトの共有設定や、チームメンバーの招待もここで可能です。

LogRocketを有効活用しよう！

ここまでLogRocketを紹介してきましたが、いかがでしたでしょうか？

サイトのUX改善や、エラーチェックなどで役立つ場面が多くありそうです。ここまでの機能を無料で利用できるなんて、なかなか太っ腹です。今後のサービス改善に期待です。

定性分析で利用する場合は、仮説立てや分析をしっかりしないと「こんな感じで見られてるんだ！ふ〜ん！」で終わってしまいそうなので、導入する目的や分析手順などは事前に練っておくと良いでしょう。
それでは！

仮説検証の手順についてはこちらも参考に ↓

関連記事【改善施策】企画立案の7ステップと考え方・進め方のコツ｜Webサービス/アプリ

2019.03.31

ユーザーインタビューやUX周りについては下記記事もチェックしてみてください↓

関連記事【THE GUILD勉強会レポ】ユーザーインタビュー設計ノウハウについて@DMM

2019.03.31

関連記事UXデザインとは？UXデザインの基本と注目される理由や背景を解説

2019.09.01

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

デザイナーやフロントエンジニア、ディレクターなど、サービスやプロダクト開発に関わっている方であれば、UXやデザイン関連の最新情報は常に抑えておきたいですよね？他社事例の情報などもぜひウォッチしていきたいところ。

そこで今回は、最新のデザイン情報や役立つチップスを発信している、おすすめな企業・個人ブログを15つまとめました。日々の情報収集に役立ててみて下さいませ。

企業ブログ・オウンドメディア11編

まず制作会社やデザイン会社、または事業会社のデザイン部が運営している、企業ブログ・オウンドメディアをご紹介いたします。

1. Goodpatch Blog

Photo by : Goodpatch Blog

デザインといえば真っ先に思い浮かぶであろう、株式会社グッドパッチさんが運営しているメディア。「デザインの力を証明する」をミッションにUI/UX領域に特化しているデザイン会社で、ベルリンや台北にもオフィスがあるようです。

UX領域からプロジェクトマネジメントの他、毎月Goodpatch内で話題になったサービスやデザインの情報なども発信していて、最前線で働くデザイナーの知見や考え方を覗ける貴重な情報源となっています。記事の質も更新頻度も高いです！

僕は勝手にGoodpatchファンなので、日々の更新を楽しみにしています！

URL：Goodpatch Blog

2. freshtrax

Photo by : freshtrax

サンフランシスコに拠点があるクリエイティブカンパニー、btraxが運営している企業ブログ。デザインやイノベーションなどに関する最新情報を発信しています。UXやデザインシンキングなどのデザイン関連、またAIやIoTについてなど専門的な情報もまとまっており、記事のクオリティはかなり高いですね。定期的にチェックしておくべき、おすすめのデザインブログです！

URL：freshtrax

3. Mercari Design

Photo by : Mercari Design

「Mercari Design」は、メルカリとメルペイが発信している公式ブログです。クリエイティブやデザイン関連の情報を不定期で発信しています。

更新頻度はあまり高くないのですが、今最も勢いに乗っているスタートアップであるメルカリ所属のデザイナーやクリエイターの情報を見れるので、時々チェックしてみて下さいね。

URL：Mercari Design

4. DeNA DESIGN BLOG

Photo by : DeNA DESIGN BLOG

「DeNA DESIGN BLOG」は、DeNAのデザイン本部が発信しているブログです。UXやデザイン情報だけでなく、フロントエンドエンジニアリング関連の情報も多数掲載されています。またデザインや技術系のカンファレンスやイベントレポートなども参考になりますよ。更新は月数本など不定期なので、たまにチェックしておくことをおすすめします。

URL：DeNA DESIGN BLOG

5. CrowdWorks DESIGNER BLOG

Photo by : CrowdWorks DESIGNER BLOG

「CrowdWorks DESIGNER BLOG」は、クラウドソーシング最大手クラウドワークス所属のデザイナーさんが発信しているブログ。UXからUI設計、組織論までしっかりまとめてくれている記事が多く、とても参考になります。更新も毎月定期的にされているようです！

URL：CrowdWorks DESIGNER BLOG

6. CyberAgent Developers Blog

Photo by : CyberAgent Developers Blog

「CyberAgent Developers Blog」は、サイバーエージェントに所属するエンジニアやクリエイター、PMなどの方が情報発信しているブログです。Abema TVやAWAなどの人気サービス開発の裏側を少し覗くことができます。更新頻度は多かったり少なかったりとばらつきがある感じですね。

URL：CyberAgent Developers Blog

7. RECRUIT TECHNOLOGIES Member’s Blog

Photo by : RECRUIT TECHNOLOGIES Member’s Blog

リクルートの開発部隊、リクルートテクノロジー社所属のクリエイターの方が発信しているブログです。デザインやフロント開発領域の記事も更新されていますが、どちらかというとエンジニアの方向けな情報が多いサイトです。リクルートのような大規模サービス開発を運営しているクリエイターの考え方や知見を学べます。更新も定期的にされていますよ。

URL：RECRUIT TECHNOLOGIES Member’s Blog

8. PSYENCE:MEDIA

Photo by :

こちらはリクルートの子会社、リクルートマーケティングパートナーズに所属するデザイナーやエンジニア、スクラムマスターなどが発信するメディアです。こちらもどちらかといえば技術系の記事が多いですが、プロトタイピングやフロント開発、インタラクションデザインについてなど、興味深いコンテンツが多数あります。ぜひチェックしてみて下さいね。

URL：PSYENCE:MEDIA

9. OHAKO Blog

Photo by : OHAKO

東京を拠点に活動しているデザインカンパニー、「OHAKO」が運営しているブログです。デザインやプロダクトマネジメントなどに関しての情報を発信しています。記事の数はまだ多くはないのですが、時々チェックしてみてはいかがでしょうか。

URL：OHAKO Blog

10. LIG BLOG

Photo by : LIG BLOG

もはや説明不要かと思いますが、制作会社LIGが運営するブログです。デザインだけでなく、コンテンツ制作や開発周りのテーマも多くかなり参考になります。記事テーマの切り口が面白い記事が多いですね。最近はデザインや技術などに関係ないテーマも増えてきていて、見る機会は以前と比較して減った気がしますが、それでも要チェックなメディアであること間違いなしです！

URL：LIG BLOG

11. UX MILK

Photo by : UX MILK

UX MILKは、株式会社メンバーズが運営するUXデザインに特化したメディアです。記事テーマをUXに絞っているので、UX領域に関して広範囲かつ深ぼった記事も多く、海外の著名デザイナーの翻訳記事なども掲載されています。UXについての情報収集するなら必ず抑えておきたいメディアですね。

URL：UX MILK

個人デザインブログ編4選

ここからは個人で運営されているデザインブログを4つまとめて紹介いたします。

12. サルワカ

Photo by : サルワカ

サルワカはあらゆることを分かりやすく解説するをコンセプトにしたメディアで、Web制作やデザイン関連情報を発信しています。@catnose99さんが個人で運営しています。

最近検索でもよくヒットしますね。コンセプト通り、ひとつひとつの記事のクオリティがかなり高く、とても分かりやすいです。主に初心者向けのコンテンツが多いのですが、つまずかないようにかなり細かく情報を整理しています。コンテンツ制作の観点でも参考になることが多いです。個人でここまでのメディアをつくれるのは相当すごいですね……。

URL：サルワカ

13. coliss

Photo by : coliss

colissさんについては説明不要かと思いますが、サイト制作に関する最新情報を日々発信しているメディアです。デザイン関連も記事も豊富で一つひとつの記事のクオリティも高いです。ぜひ定期的にチェックしておきましょう！

URL：coliss

14. tsubotax.com

Photo by : tsubotax.com

デザイン会社Basecamp代表、Onedot株式会社のCCOを勤めているデザイナーの坪田 朋さんが運営しているブログです。デザイン領域の先駆者として活躍されている坪田さんのデザインに対する考え方を垣間見ることができます。かなり面白く勉強になります。更新は不定期ですが、要ウォッチですね！

URL：tsubotax.com

15. UX INSPIRATION!

Photo by : UX INSPIRATION!

UXデザイナーのHiroki Hosaka（保坂 浩紀）さんが運営する個人ブログ。デザインやUXに関するクリエイティブネタを発信しています。更新は昨年2018年あたりで止まっているのが残念なのですが、UXやデザイン対する考察が参考になるので、過去記事を発掘してみてくださいね。

URL：UX INSPIRATION!

まとめ

ここまでデザイン情報収集に役立つ企業・個人のブログメディアを15つご紹介していきました。

ぜひ定期的にチェックしてみて、効率的に情報収集していただければと思います。他にも追加するべきサイトなどありましたら、ぜひお声がけ下さいませ。

それでは！

Webデザインを効率的に学ぶなら、スクールに通うのもおすすめな選択肢です ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

関連記事未経験向け！Webデザインのおすすめスクール・専門学校＆講座比較 7選まとめ

2023.09.30

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

Webマーケティングでおすすめなメディア一覧はこちら ↓↓

関連記事Webマーケティングの情報収集におすすめなメディア・ブログ20選まとめ

2020.06.21

はじめまして！本ブログ「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

最近「UXデザイン」というキーワードを耳にする機会が増えてきました。ほぼ毎日のようにUXデザインに関する記事がリリースされていたり、UX関連の書籍も書店でよく見るようになりました。

UXデザインは端的に言えば、ユーザー視点で体験を設計すること。マーケティングやデザインの関心は、ユーザーの心を捉える「体験」をいかに創り上げていくのかにシフトしています。

ですがUXという言葉が先行するばかりで、人や企業ごとによっても捉え方が異なる場合もあり、具体的にどのようなことなのか疑問に思う方も多いかと思います。

そもそもどうして今、UXが注目されているのでしょうか？
そもそもUXデザインとは何なのでしょうか？

僕が現在働いているスタートアップ企業でも、UXデザインのプロセスをいかに組み込み、成果を上げていくのか、日々試行錯誤していたりします。

そこで今回はUXデザインの基本的な知識と事例、またUXが重視されるようになった理由や背景などをまとめて振り返っていきたいと思います。UXに関心がある方はぜひ参考にしてみてくださいね。

そもそもデザインとは何か？

そもそもデザインとは何なのでしょうか？ただ良い感じの見た目にすることだと思っていたり、自己表現を追求するアートと勘違いをしていたりする人も多いですよね。

Wikipediaでは、デザインを以下のように定義していました。

つまり、デザインとは一言で言えば「課題解決」のこと。デザインとは表面を美しく見せる行為ではなく、人の生活を豊かにするために課題を発見し、 解決のための思考とそれを実践することを意味します。

ちなみに、design、Design、DESIGNもそれぞれ違う意味が定義されている場合があります。それに関しては以下btraxの記事も参考にしてみてください。

design, Design, DESIGNの違いを知っていますか？

デザインの範囲

デザインは課題解決することなので、その対象はとても幅広いことになります。広義のデザインと狭義のデザイン（例えばデジタルデザイン）を見ていくと、以下のようなイメージとなります。

このようにデザインの対象は広大で、その意味において見た目のデザインを作るスキルだけではなく、課題を発見し、解決（ソリューション）することがデザインには期待されているのです。

UXデザインとは

デザインについて何となくイメージができたところで、ここからが本題です。

UXは「User Experience」の略で、ユーザー体験のことを意味しています。

UXとはユーザーの体験そのもの、ユーザーの個人的な主観の集合とも言えます。よく製品やサービスといった「モノ」ではなく、それを取り巻く環境という「コト」のデザインと言われることがありますね。

つまり「UXデザイン」とは、ユーザー体験（UX）をデザイン（設計）すること。ほんとうに満足してもらえる、使いやすいプロダクトやサービス・商品を提供し、使っていて嬉しい、楽しい、使い続けたい、そのような気持ちにさせることはもちろん、サービスを利用する前からの接点づくりから、サービス利用後のユーザーの体験まで含めた、サービス・プロダクト全体の体験を設計することを意味します。

2010年に公開されたUX白書によれば、UXの定義として、商品・サービスを使っているときだけでなく、その前後の時間の中にもユーザー体験が広がっているとされています。サービスに触れていない前後の時間や、サービスを利用していく中で蓄積される記憶までもUXの一部として定義されていて、サービスや商品はその一要素に過ぎないということになります。

アクセス解析やWebサイトのデータ分析だけでは、サービスの利用前後も含めたユーザー体験全体を把握することが難しいということになります。

ユーザーの体験全体をデザインすることの重要性

ユーザーにはそこの体験に至るまでに様々な過程があり どんなに部分的に高めても、全体の満足には決して繋がりません。

例えばAISASUモデルを見てもわかるように、UXでは、認知し（Attention）、興味を持ち（Interest）、検索し（Search）、利用し（Action）、満足して口コミで広がる（Share）、これらの体験全体を最適化する必要があります。

ユーザー体験をデザインすることは、まさにサービス全体をデザインすることそのものなのです。

UXデザインの実現のためには、ユーザーのインサイト、例えば行動や思惑、その背景などについて徹底的に追求し、仮説と検証を繰り返していくことが必要になります。

デジタルの文脈におけるUXデザイン

デジタルデザイン業界でも、見た目のデザインをするだけでなく、サービス全体を考慮し、わかりやすさ、使いやすさを考えられるデザイナーが求められています。

デジタルの文脈では、ユーザーがWebを使う前から使ったあとまでを考える手法なので、UXはWebサイト内の使い勝手にフォーカスしたUI（ユーザーインターフェイス）やユーザビリティよりも広範な概念であり、それらを内包する概念です。

UIはあくまでWebやアプリの画面周りのことを指していて、人がサービスやプロダクトと触れ合う接点ではありますが、体験全てを指しているわけではありません。

UI/UXと言われることもありますが、これはスマフォのアプリではUIがUXに与えるインパクトがかなり大きいため、このような表記を使うケースが増えたようです。UI/UXという場合は、ユーザビリティまでを指していることが多く、人によってUXの認識が異なる場合があるので注意が必要です。

UXという言葉を「いい感じで使いやすいUIやフローをつくること」の意味合いで使われ、よく使いにくいUIのことを「UXが悪い」などと言うことがありますが、それは本来のUXの言葉ではありません。

UXを構成する要素としては、以下の「UXの5階層モデル」が参考になります。UXには、(1) 表層、(2) 骨格、(3) 構造、(4) 要件、(5) 戦略　の5段階の要素があると定義しています。

Photo by ：2016.uxdaystokyo.com

モノではなくコト（体験）の時代になっている

ビジネスの文脈でも顧客体験の重要性が叫ばれていますよね。ユーザーはサービスをただ消費するのではなく、体験そのものに価値を見出すようになっています。例えば最近鎌倉でレンタル着物屋が増えているようですが、これらも鎌倉を訪れる人がただ観光や消費をするだけでなく「鎌倉でしかできない体験」を求めているからこそなのではないかと思います。

こうした中、様々な企業がモノではなくコト（体験）を重視した商品・サービス展開をしていますので、いくつか例を見てみましょう。

事例1：スターバックスはコーヒーを売っているのではない

普段よく行くカフェとして挙げられるスターバック。スターバックスはコーヒーを売っているように見えますが、本当に売っているのは「第3の場所」。サードプレイス、つまり「家と職場以外の中間の居場所」として自身のコンセプトを位置づけています。

飲み物だけではなく、精錬された店員、綺麗な内装やオシャレな家具に囲まれた空間で、リラックスできるような体験づくりを重視していたことが、スターバックスが躍進した大きな成功要因だったようです。

事例2：AmazonのDash-Buttonボタン

Photo by : Amazon

Eコマース大手のAmazonは、日用品をワンプッシュで注文できる買い物ボタンである「Dash-Buttonボタン」を展開しています。指サイズのハードウェアで、洗剤、飲料など、約30種類以上の特定のブランド・商品と紐付けられています。

ユーザーは利用頻度の高い商品のボタンを5ドル程度で購入し、必要になったらボタンをワンプッシュするだけで商品が発送されます。またスマフォを使えばキャンセルも容易。顧客体験・接点を日常に溶け込み上手く強化している事例でしょう。

事例3：店舗でのよりパーソナルな顧客体験

小売店では店内のセンサーやカメラによる顧客動線をリアルタイムに分析し、よりパーソナルな買い物体験を提供するアプローチも増えています。顧客の動きに合わせて、場面や商品に合わせて提案をしたり、顧客が商品に近づいたら専用のアプリでクーポンを発行したり、またアプリで店員を呼び出せるなど、小売の現場でも顧客体験が重視されるようになっています。

事例4：カゴメは顧客接点ごとにストーリーを作り出している

カゴメは野菜ジュースを主力商品としていますが、乳酸菌など他ジャンルの健康食費との競争が激化しています。そこでただ商品を販売するのではなく、そもそもなぜ野菜ジュースを飲むことが健康的メリットがあるのか、消費者に理解を深めてもらうことに注力。コアなファン育成のために工場見学体験を実施したり、またスポーツシーンで健康価値のPRをしたりなど、顧客体験全体の流れを俯瞰し、顧客との接点ごとにどのように価値を伝えていくか工夫しているようです。

なぜ今UXデザインなのか？

そもそもUXデザインという言葉は、認知心理学者のドン・ノーマン博士が1988年に出版した「誰のためのデザイン？」で紹介されたのが最初だと言われています。

ですがデジタルの文脈も含め、社会で広く認知されるようになったのはここ数年の出来事。それ以前はUIやユーザビリティに対する注目度が高かったようです。

ここでは、UXデザインが普及するその背景や理由について、4つ紹介していきます。

理由1. きっかけはスマートフォンの爆発的な普及

UXが重視されるようになったきっかけとして重要な出来事は、スマートフォンの登場です。スマホやアプリの普及により、 ユーザーが商品・サービスと接点を持つシチュエーションや購入までの経路が多様化していきました。

スマフォはいつでもどこでもネットに接続することを可能にします。24時間365日繋がっているスマートフォンにより、起床時間や通勤・通学、ランチや夕食のタイミングなど、ユーザー・消費者が企業と繋がれる接点は日常のあらゆるシーンに急激に増加しています。スマフォ普及以前、デスクトップしかなった時代と比較するとその差は歴然です。「Desin in Tech Report」によると、人は5.6秒に1回スマフォをチェックするという統計もあるようです。

またスマフォの普及に伴い、大量のiOSアプリ、Androidアプリが市場に投入されたこともUXを重視するようになった要因です。アップルストアでダウンロードされたアプリの数は220万以上にもなります。使いにくいサービスやアプリだと、ユーザーは気軽にどんどん新しいアプリに乗り換えてしまいます。

従来はユーザービリティの向上が掲げられいましたが、このような状況ではユーザービリティだけではユーザーとサービスの関係を捉えたことにはなりません。サービス全体の体験設計が、つまりWebサイトやアプリの使いやすさ、ユーザーが本当に満足できる体験の提供は、商品・サービスにとって重要な意味を持つようになります。

理由2. 機能で差別化が難しくなっている

近年テクノロジーの進歩や市場の発達、競争の激化などにより、あらゆる商品・サービスでコモディティ化が進行しています。品質が極端に劣っているものや、逆に優れているという差はほとんどなく、品質が安定・標準化され、価格帯も同じように均質化しています。テレビやPCなどを想像すると分かりやすいでしょう。

コモディティ化する市場においては、顧客は質が整ったものから好きな商品を選ぶことができます。技術も均質化し、多くの類似のサービス・製品が市場に投入され競争が激化し、急速に商品の価値が失われていきます。プロダクトのライフサイクルが極端に短命化しているということです。

また商品やサービスがコモディティ化し、消費者がスマートフォンなどでいつでもどこでも情報を入手し比較検討ができる現在では、商品を購入する意思決定やタイミングは、消費者側が全て握ることになります。

機能ではもはや差がつかないからこそ、機能以外での価値創造、そこでしかできない「体験」を重視した付加価値をいかにつくるかが重要となってきているのです。

理由3. IoTなどによるスマート化の浸透

スマートフォンの文脈と被りますが、IoTもUXデザインの重要度を高めている要因です。センサーやプロセッサなどのテクノロジーの進展により、モノのインターネット化（IoT）を取り入れた商品・サービス開発は様々な企業で進んでいます。

2020年にはその数は208億個、調査機関IDCによると2019年にはIoTの世界での市場規模は1兆3000億ドルに達するとの予測もあります。時計などのウェアラブルデバイスや家具など日常的に使うものから、車や住宅、街全体にまでIoTデバイスが普及していくでしょう。

このようなスマート化が進行する世界では、人、モノ、情報が繋がり、それにより得られたデータから新しい価値を創出するチャンスを得ることができます。

これまで企業、特にメーカーは商品を売ってしまえば、そこで顧客との関係性が途切れてしまうことが通常でした。しかし、IoTをはじめとするスマート化が普及すれば、商品購入後も顧客の利用動向を把握し、繋がり続ける関係づくりが可能になります。

だからこそ、いつ、どこで、どのように顧客と繋がり、他社と差別化できる適切なアプローチや施策を打てるかが重要になっているのです。

日々大量の情報やデバイスにふれるユーザーに、いかにサービスや商品と「繋がっていたい」と思えるのか、IoT・スマート化の文脈では顧客のサービス・商品の全体の体験設計が、顧客接点を奪い合う競争を打開する鍵となります。

理由4. スマート化の拡大による価値感のシフト

これまでは全ての消費者・ユーザーに対して、同じ情報や標準化した商品・サービスを提供することが当たり前でした。しかしスマート化の進展により、一人ひとりに合わせたサービスやコンテンツ・情報を、必要なタイミングに合わせて提供することができるようになります。

そのような状況にあっては、個々のユーザーや消費者に合わせて情報やサービスを加工する、カスタマイズ性が価値になります。個人の嗜好や行動のデータを元にした、よりパーソナルでプライベートな体験です。

スマート化する世界では、このようにマスプロダクト、マスサービスの発想から1人ひとりに適した貴重な体験に価値観が移っていくことが予想されます。ユーザーデータから一人ひとりの行動や嗜好性を分析し、複数ある接点から適切なタイミングで適切なサービスを提供することが求められています。

UXデザインは総合格闘技！

いかがでしたでしょうか？ここまでUXの基本的なことや、なぜUXが求められてるのか簡単にまとめてきました。

本質的なUXを実現していくには、人間中心設計や行動経済学、人間工学、認知心理学、感性工学、デザイン、ビジネスデベロップメント、マーケティング、テクノロジー、チームビルディングなど様々な知識や経験を要します。その意味でUXデザインは総合格闘技のようなものかなと思います。

またUXデザインのプロセスは、全てユーザーを知ることから始まります。実際にユーザーや顧客に会い、仮説検証を重ね、サービスやプロダクトを磨いていくおよそ以下の流れを通ります。

ペルソナの策定やカスタマージャーニーマップによって現状把握を行い、ユーザーの利用文脈とユーザー体験の把握を調査を重ね分析。得られたデータをもとにプロトタイピングを作成し、ユーザーテストなどを重ねて軌道修正し、ユーザーが求めているものに近づけていくことになります。

このあたりについての詳細はかなり複雑かつ広範囲に渡るので、また別の機会でまとめていきたいと思います！

最後までお読みいただきありがとうございました！

UXデザインに関するGoodpatchの講演については以下から↓↓

関連記事【Goodpatch講演レポ】なぜ今デザインが求められるのか？スタートアップから始まるデザイン改革

2019.09.01

UXデザインで必須なユーザーインタビューのノウハウについてはコチラ↓↓

関連記事【THE GUILD勉強会レポ】ユーザーインタビュー設計ノウハウについて@DMM

2019.03.31

参考書籍：

UXデザインの教科書
Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで
The Customer Journey 「選ばれるブランド」になる マーケティングの新技法を大解説
Web Designing 2018年2月号

デザインについて学ぶなら ↓↓

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

はじめまして！本ブログ「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

先日04/12に、UX領域におけるプロフェッショナル集団「THE GUILD」さんが主催した、ユーザーインタビュー設計に関する勉強会に参加してきました。

僕もUXを踏まえたサービス・プロダクト開発を現場で実践していきたい、そのためにまずはユーザーの声を聴くことからはじめよう、とは思うものの、具体的にどのように進めていくべきか悩んでいたので本当に学びの多い機会となりました。

当イベントはかなりの倍率だったので、正直絶対に外れるだろうと思っていたのですが、まさかの当選。とても実践的で具体的、かつUXに関する視野を広げてくれるノウハウが満載でしたので、その様子をレポートさせていただきますね。

イベント概要

イベントは、六本木にあるDMM本社オフィスにて開催。テーマは「ユーザーインタビュー設計」について。まずユーザーの声を拾い上げ、得られたインサイトを元にサービス、プロダクトを改善していくプロセスにおいて、ユーザーインタビューは重要な要素となります。

僕は普段サービスのコンテンツ・機能の施策について企画やディレクションを担当しているのですが、つい事業者目線で施策を立てがちで、いかにユーザー目線の機能・コンテンツをつくっていくか、課題意識を持っていました。

ユーザー目線のサービスをつくるには、まずユーザーの声を聞きに行かねばなりません。その具体的な手法やプロセス、いかに組織に導入していくかについて悩んでいるディレクターは、ユーザー中心のUXの重要性が叫ばれる昨今多いのではないかと思います。

今回の勉強会では、ユーザーインタビューの方法や考え方について、UXについて知識が豊富なスピーカーの方に共有いただきました。コンテンツは以下の構成でした。

イベントのハッシュ・タグ
#theguild_study

それぞれの内容をざっとまとめたので、1つ1つ見ていきましょう！

金子 剛（弁護士ドットコム株式会社） ユーザー中心組織論

まず最初に登壇したのは、弁護士ドットコムでデザイン・マネージャーをされている金子氏。テーマは「インタビューを軸としたユーザー中心な組織」について。

インタビューをする上で一番大切なのは共感

そもそもインタビューをする上で欠かせないのは、「共感すること」であると金子氏は語ります。注意すべきは共感と同情の違い。

自分視点の同情ではなく、相手の視点に立って共感することで初めて、相手（ユーザー）と同じ視点に立ってプロダクトを評価することができます。共感するためには、相手をより深く知ることが不可欠。そのためには、

・ユーザーは何に価値を感じる？
・どんな境遇か？
・なぜそう思うのか？

など、ユーザーの背景や価値観を知る必要があります。

なぜ組織で考えないといけないのか？インタビューだけでは成し遂げられないこと

ユーザーインタビューを推進するということは「価値判断をユーザー軸に移すこと」だと金子氏は指摘します。

「群盲象を評す」という言葉が指摘する通り、同じものでも、人それぞれの触り方や見ているところなどによって異なるものに写ります。それはサービス、プロダクトを運営する組織でも同じことが言えます。

プロダクトの価値判断は多元的で、見る人の役職や職種などによってもバラバラ。別の視点で評価すると、個人の視点・世界観でそれぞれ判断してしまいます。

・ビジョンに即しているか？
・市場はあるか？
・技術的にモダンか？

などなど、人によってプロダクトを評価する軸が異なります。このそれぞれのメンバーの指標や多元的な視点を、ユーザー中心に設計し直し、組織で同じ目線を持った上でプロダクトを評価していくことが重要だと、金子氏は強調していました。

つまりそれは組織の1人ひとりのメンバーが、ユーザーと同じ視点に立って、ユーザー目線でプロダクトを評価していく、という価値判断の統一を意味します。

その価値判断をユーザー中心にする「ユーザー中心組織」になるためには以下の大切な5つのポイントがあるとのこと。

(1) ビジョン
(2) ビジネスモデル
(3) カルチャー
(4) チーム
(5) プロセス

それぞれ具体的に見ていきましょう！

(1) ビジョン

まずユーザー中心組織として、同じ視点を持つために必要なのは、組織のビジョンについてそれが誰のためのビジョンなのかしっかりと理解し、チームで共通の認識を持つことが重要です。そもそもインタビューの守備範囲は、

・使命：なぜ？
・目標：何を？
・手法：どう

の内、目標と手法を設計するまで。なぜその事業・サービスを作るのか、モチベーションやサービスへの想いの元となるビジョンについては、ユーザーに聞いても出てこない部分です。なぜそのサービスを作るのか、それはビジョンでしか判断できないのです。

ビジョンを可視化するにはいつくかの手法が有効とのことです。

またユーザー中心な組織のためにビジョンを明確にするには、「それは誰のための使命か？」を具体的に明らかにしていくことも重要です。そのためにはプロトペルソナを作ります。

・どんな想い
・誰に？
・どうなって欲しい

などを整理し、またプロトペルソナの作成にはデザイナーだけでなく、ビジョンオーナー（創業者）を巻き込むことも大切とのことです。

(2) ビジネスモデル

ユーザー中心組織のポイントとして、ユーザー価値とビジネスが連動していることが2つ目に重要な点。

リーンキャンバスモデルでビジネスモデル全体を俯瞰し、

・提供する価値
・ユーザー
・KPI

がそれぞれひとつなぎになっているか、を確認していきましょう。またここでも、デザイナーだけで確認を行うのではなく、ビジネスモデルの作成にはビジネスエキスパートを巻き込み意見を聞くことが重要です。

(3) カルチャー

ユーザー中心組織に必要な3つ目のポイントは、経験主義に基づき、自ら行動を起すこと。理性主義ではなく、経験主義的な発想を持ち、行動することが大切。

変化の激しい現在では、サービス開発は常に不確実性との戦いです。コントロールできず予測できないことをずっと考えても仕方がなく、とにかくやってみないことには分からないことが多いです。

考えても分からないのであれば、とにかくインタビューし事実を集める、「経験主義的なカルチャー」を生み出すことがユーザー中心組織では重要な点となります。

そのカルチャーはどう育むのか、については、デレク・シヴァーズの社会運動をどう起すのか、についての動画が参考になるとのこと。

最初のフォロワーをリーダーに変え、いかにムーブメントを起こしていくか、分かりやすく解説されています。大切なのはインタビューの精度ではなく、聞く文化。まずは失敗を恐れず完璧でなくていいので、、自ら行動し、2人目のフォロワーを見つけて経験主義的なカルチャーを広めていきましょう。

(4) チーム

ユーザー中心組織に必要なポイントの4つ目は、多様性のあるメンバーを集め、多様な職種の人でインタビューすること。

メンバーの多様性とイノベーションの価値には相関関係があり、多様性がないと、失敗しないが、イノベーションを起す確率が減るとのことです。ですので、イノベーションを起すならば、コミュニケーションコストがかかりますが、チームは多様性を持つメンバーで構成されるべきです。

ですので、ユーザーインタビューを行う際も、多様な職種のメンバーで直接インタビューするチームを目指すべきであると、金子氏は指摘します。

またリサーチ会社より、リサーチャーの仲間を集めるできで、プロダクトの創り手が直接インタビューすることが大切です。実体験ではない場合、共感の解像度が落ちるため、深いインサイトを得にくいとのこと。

(5) プロセス

ユーザー中心組織に必要なポイントの5つ目は、成長する組織をつくるために、学習のプロセスを作ること。以下にプロセスをまとめました。

またインタビューで得た熱量は組織に宿る、と金子氏は言います。インタビューをイベントで終わりにするのではなく、しっかり組織に根付かせること。そしてインタビューすることがいいことなのではなく、ユーザー中心組織であることを常に意識しておくべきです。

参考資料

今回のプレゼンに当たって、以下の書籍を参考にしたとのことです。ぜひチェックしておきたいところ。

・クリエイティブマインドセット
・エンジニアリング組織論への招待
・デザイン思考でゼロから1を作り出す
・リーンUX

西部 渉 / 伊藤麻紀子（DMM.comラボ） 「ユーザーの声を聞きたい」環境を整える

続いては、DMMのUXデザインチームの方に登壇いただきました。テーマは、ユーザーインタビューの相談が来てから完了までのプロセスについて。

ユーザーインタビューを実際に行う上で、必要なステップを4つに分けて解説していただきました。

STEP1　仮説から問いを立てる

まずユーザーインタビューで重要なのは、目的を明確にすること。そのためには仮説から、「問い」を導き出すことだと西部氏は述べます。

仮説に対して、「問い」はよりその抽象度を上げていきます。定性データを取りに行く前に、一度定量データを見直し、その上でユーザーインタビューで明らかにしたい問いをはっきりさせておくことが重要です。

STEP2　問いベースでインタビューを設計する

ユーザーインタビューに関しては、「問い」起点で全体の流れや質問を設計する必要があります。質問の内容や仕方によっては、バイアスをかけてしまい、課題の根本を探れないことがあるので、注意深く行うことが大切です。

ユーザーインタビューにおいては、機能ベースの聞き方はNGとのこと。機能を限定して質問してしまうと、それにユーザーが引っ張られてしまします。抽象度を上げた「問い」レベルで質問することが大切です。

またユーザーインタビューの工数・実施時間については、下記の様な流れと工数を想定できます。インタビューする人数については、5人やればだいたいの課題が見えてくるとのこと。

STEP3　実査

実際にインタビューをする際に重要なポイントをいくつか紹介していただきました。

STEP4　分析

分析していく際に重要なのは下記の要素であるとのこと。

DMM UXグループが工夫していること

最後にDMMのUXグループがユーザーインタビューで特に心がけていることをプラスで教えていただきました。

Q&Aタイム　登壇者3名 + 深津貴之（THE GUILD） 質疑応答・パネルディスカッション

最後に、登壇者とTHE GUILD代表の深津さんを交えて参加者からの質疑応答とパネルディスカッションを行いまいした。挙げられた質問ごとに回答をまとめてみました。

質問1　候補者ってどう探すの？どう選ぶの？

質問2　誘導せずに率直な意見を聞くための方法は？

質問3　発言に潜むインサイトをどのように汲み取っているか？

質問4　インタビュー後にどうやってデータを管理していますか？

データを集めた後に、どう整理して、やることを決めるまでの工程について。

質問5　インタビューの設計をどのように改善していったか？失敗談など

質問6　文化としてユーザーインタビューが根ざしていない組織でのはじめ方

質問7　どうすればインタビューが成功しているといえるのか？

質問8　BtoB向けのサービスや専門家を対象としたインタビューで気をつけるべき点は？

質問9　ずばり報酬はどうしていますか？また渡すタイミングは？

質問10　ユーザーインタビューにおける適切な頻度は？

その他の質疑応答メモ

まとめ

ここまでイベントでの様子をまとめていきましたが、いかがでしたでしょうか？
最後に個人的に今回のイベントで重要だなと思った点をまとめてみました。

本記事がUX、ユーザーインタビューで悩んでいる方の参考に少しでもなりましたら幸いです。
最後までお読みいただきありがとうございました！

はじめまして！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

先日2017年12月7日に、僕が通うデジタルハリウッドで機会があり、UIデザインに特化したデザイン会社「Goodpatch」代表の土屋さんによる「スタートアップから始まるデザイン改革」をテーマにした講演会に参加してきました。

Goodpatchさんと言えば、「Prott」などのプロトタイピングツールも自社で開発していることで有名ですよね。土屋さん自身もデジタルハリウッドの卒業生であり、その繋がりで今回ご登壇いただいたようです。

今回のテーマは、UXとは何か、またスタートアップに求められるUX、という僕としてもかなり興味深い内容でした。ですので、UXに関心がある方、またスタートアップ関係の方に向けて、内容を簡単にシェアしていきます。ぜひ読んでみてくださいね。

講演概要

近年、海外でデザイン会社の買収が相次いでいますよね？日本でもアクセンチュアがIMJと提携したり、世界的デザイン会社IDEOと博報堂が提携したりと、そうした動きが活発になっているように見えます。

UX/UIの視点がビジネスにとっても不可欠なものとなりつつあり、デザインの立ち位置は大きく変わろうとしています。

今回の講演では、デジタルハリウッド大学院に通っていたこともある、Goodpatch代表取締役 土屋尚史さんが、デザインを取り巻く環境の変化と未来について解説されました。

UI/UXデザイン業界のトレンドや、なぜ今世界的にデザインが求められているのかを理解し、今後デザインに関わっていく上で、身につけるべきスタンスや考え方を紹介していただきました。

そもそもGoodpatchとは？

Goodpatchは、現在東京、ベルリン、台北に拠点を持つUIデザインカンパニーです。「デザインの力を証明する」ことをミッションに掲げており、UIデザインはもちろん、ストラテジー、UI/UX、開発、グロースマーケティングなども一貫して扱われています。

他のデザイン会社との違いとして、

・日本初のグローバルデザインカンパニーであること
・受託だけでなく自社事業もしていること
・UI、UX領域で老舗と実績があること
・領域に特化したチームを持つこと
ex フィンテックに特化したUI、UXチームなど

などがあるようです。

Goodpatchの創業ストーリー

土屋氏は大学時代、白血病と診断され休学した経緯があり、そこがそもそもの起業への出発点であるようでした。無事復学した折、偶然授業で「ベンチャー企業論」を受けた際に、自分の人生に真剣に向き合っているか？今を生きているか？と自問自答する中で起業する選択肢を考えるようになったとのこと。

休学していた土屋氏は、当時卒業まで3年かかるため、すぐ退学しベンチャーで営業を経験、また東京のスタートアップや大阪でWebデザイン会社のディレクターなどで経験を積み、26歳の時デジハリに起業仲間を集めに通われていました。30までに起業することを目標に、IT系のイベントに顔を出し、色々な起業家の話を聞きにいく中で、特に「日本のベンチャーとシリコンバレーのスタートアップは成り立ちが違う」というDeNAの南場さんの話が印象に残ったそう。

シリコンバレーでは色々な人種の人が集まって、サービスを創っていて、最初からグローバル市場で勝つことを狙っている。だからこれから起業する人は日本人だけでなく、多国籍軍を創れ！日本人だけでやっているから、グローバルで絶対勝てない。

という南場さんの言葉が頭を離れず、シリコンバレーに行くという選択肢を取ったのです。出発は2011/3/10、なんと東日本大震災の前日にサンフランシスコに渡ったのです。

シリコンバーで見つけたインサイトとは

2011年当時、スタートアップには大きな波が来ていました。サーバーがAWSなどクラウドベースになり、また数人で大きなサービスを創れる環境が整ってきていました。

また現在グローバルに頭角を表しているスタートアップ企業、例えばUberは当時リムジンが迎えに来るサービスで、インスタは当時は10人くらい、airbnbは30人、Twitterは500人といった規模感だったとのことです。

2011年当時のサンフランシスコでは、毎日のようにスタートアップのイベントがそこら中で開催されていたようで、そうした中土屋氏は

「シリコンバレーのサービスはなぜベータ版なのにこんなにUIが綺麗なのか？」

と疑問に思ったと仰っていました。シリコンバレーの企業は、ユーザー体験を1番に考える、そしてユーザー体験を最大限にするUIを考えるなど、デザインの重要性を認識していました。

サンフランシスコのスタートアップには、創業者にデザイナーがいる場合も多く、ユーザー体験を1番に考え、デザインを重要な差別化要素と認識していたのです。

一方当時の日本では、ユーザーではなく、サービスの作りての意思を優先して考えられていて、機能もつめつめで必要以上に複雑だったり。いずれ日本もUI/UXを重視しないと、サービスが生き残れない・・という危機感を持った土屋氏は、帰国後2011年9月にグッドパッチを創業。

当時28歳、起業半年で共同創業者が離脱し1人になるなど苦労もあったようですが、たまたまシリコンバレーで出会ったグノシーのメンバーの手伝いをしていた折、グノシーが話題になったことがきっかけで事業が軌道に乗り出し、仕事が舞い込むようになったようです。

ビシネスシーンでもこの6年で色々変化が

近年のデザイントレンドとして、

など、ビジネスの面でもデザインが重要視されるケースが増えてきています。

またUXの文脈では、シリコンバレーだけでなく、中国も台頭してきているようです。デザインも優れたサービスが多いこと、シリコンバレーで実現できないことが中国で実現できるケースもあるようです。

UXデザインの重要性が年々高まる背景とは

UXデザインの重要性が年々高まっているのですが、その背景として、

・産業の成熟化により、サービス・プロダクトの差別化が難しい
・ものに溢れ、選択肢が多い
・ブランド品が欲しいなど、物質的な欲望を持っていない人が増えている

ことが挙げられます。物質的な価値ではなく情緒的価値、ものではなく、ストーリーのある意味的価値が求められるようになってきているのです。

あらゆる種類のビシネスにとって、エクスペリエンスとデザインは優先事項となっていて、それは技術的な革命により本当に多くの面がコモディティ化してきているため。テクノロジーが成熟していきた今だからこそ、体験による差別が必要です。

機能やスペックだけで差別化できない現代では、見た目のデザインではない広義のデザインが重要になってきているのです。

iphone発売からスマフォが爆発的に普及した影響

インターネットが普及するのに時間がかかったが、スマフォは急速に普及していきました。このスマフォの登場で人々の生活が劇的に変わります。

Design in Tech KPCBによると、人々は5.6秒ごとにスマフォをチェックし、1日に平均150回アンロックするとのこと。h人々はありとあらゆる場所で、そのシーンで必要な情報を集めコミュニケーションを取ります。スマートフォンは、固定の位置で座って使うPCに代わり、ユーザーに最も近いデバイスになったのです。

だからこそ、ユーザーシーンにあったサービスを考える必要があり、そのためにUXを踏まえることが重要になってきているのです。UIデザインよりUXデザインへの関心度が高まり、世界ではUXデザイナーが求められています。

デザイン思考とUX/UIデザイン

デザイン思考は課題を発見し解決するプロセスそのもの。ユーザー観察から潜在的なユーザー課題を見つけ出し、プロトタイピングを繰り返しながら発展していきます。

UXデザインはユーザーとの全ての接点における体験の設計をします。プロダクトだけでなく、カスタマーサポート、マーケティング含めデジタルではない領域とデジタルの領域全てを横断する概念です。

UIデザインはUXの中でも、ビジュアル、情報設計、インタフェースなどソフトウェア周りのデザインを指します。

スタートアップこそUXデザインを！

UXデザインは新規サービスや新規事業に、新しい体験価値を設計する際に有効です。土屋氏は、しがらみがないスタートアップはUXデザインをいち早く取り入れやすい！と指摘します。大企業だと既存のプロセスを見直し、ゼロからプロセスを組み入れるのが難しいからこそ、スタートアップは率先してUXデザインに取り組むべきです。

アメリカではスタートアップがUXを体現してきました。例えばUberは高級なリムジン配車サービスからスタートしたことで、サービス当初から高級で高品質なイメージをユーザーに与えてきました。ユーザー体験の中では、既に良いイメージを醸成することに成功していたのです。

またAirbnbの創業メンバーは地道にユーザーに会いに行き、ユーザーの潜在課題や不安を取り除きながらサービスを拡大していきました。初期での大きなユーザー体験の改善ポイントは、写真をプロに撮影してもらうことで、それで売上が2倍になったそう。また全てのユーザーに、なぜこのサービスが使われないか？を聞き出すユーザー調査など地道に繰り返していきました。

土屋氏はAirbnbの革新的UXのポイントとして、
（1）見ず知らずのホストとゲストの信頼のデザイン
（2）ホテルよりも安く泊まれる
（3）ホテルのような画一的な部屋ではなく、1つ1つがオンリーワンでオリジナリティのある部屋

という点を挙げています。またAirbnbが、宿泊先のレビュー数が10以上あればユーザーが情報を信頼する、というデータを分析から見出し、早く口コミが10以上集めるように実効するなど、どの項目を改善すればユーザー体験が改善するのかそのトリガーを発見することも重要です。

良いUXのプロダクトは、良い体験をしたユーザーが他のユーザーを誘い入れ、企業のエンゲージメントを高めることに寄与します。

良いUXはユーザーの課題も、企業の課題（マーケティング・ブランディングの面）も同時に解決する。だからとにかくプロダクトを磨け！という言葉が印象に残りました。

また中国の事例では「Mobike」も参考になるとのこと。とにかく無駄を削ぎ落とし、徹底的にユーザーの声を聞き、テクノロジーとデザインで課題を解決してく、そうした姿勢がUXデザインでは求められます。

世界で求められるデザイン人材とは

海外のビジネススクールでもデザインシンキングは必須の分野になりつつあります。一方で既存のデザイン教育と、実践で求められるデザイン教育にはギャップがあるようで、「THE Design Education GAP」によれば、デザイナーにファイナンスとビジネスを理解して欲しい、という声も大きいとのこと。

アメリカのマーケットではデザイナーが圧倒的に求められているが、日本でもスタートアップではユーザー体験、デザインに責任を持つことが重要です。

また土屋氏はWiredで取り上げられた記事「UXデザインを学ぶ「現代の専門学校」、そのカリキュラム」を引用して、UXデザイナーの必要性を説きました。以下Wiredの記事より引用。

日本のデザイン・マネジメント人材の課題

日本のデジタル領域の課題として、デザイナーのスキルセットの偏りが挙げられます。土屋氏が指摘するのは以下の6点

特にデザイナーのコミュニケーションスキルについては課題が多いそう。デザインの本質はコミュニケーションで、ユーザーの何を解決するか？は、ユーザーヒアリングなどを通じてインサイトを抜き出すことが大切です。それは結局コミュニケーション能力が肝。

デザイナーの面接でも、聞きたいこととは違うことが返ってきたり。何を聞きたいのか？相手が何を求めているのか質問をするなど、コミュニケーションスキルが低いデザイナーが多いことを指摘されていました。

またプロセスの面では、なぜこの色になるのか？その本質を考えていないデザイナーも多いそう。プロセスよりもアウトプットを重視してしまうので、プロセスをより考えることを大切にすべきとのこと。

ビジネスの現場でも求められるデザイナー像として、実際のビジネスの現場では、上記の6つのポイントとは逆の人材が求められています。

Takram代表の田川氏によれば、BTC人材、つまりビジネス、クリエイティブ、テクノロジーができる人材が競争力を持てます。これからのデザイナーは、戦略からプロダクトづくりに関われる人が求められるのです。

日本全体の問題としては、日本に根強い「デザイン価値の誤解」も存在すると土屋氏は指摘します。例えばくまモンデザイナーにロゴ制作を発注する際に、提示された金額である540万が高過ぎる、30万円が適切と訴訟されたなど、デザインに対する価値が世間一般では理解されていないことがあります。

また日本のデザイン業界の経済規模は小さく、一方でアメリカは日本の6倍ほど大きいです。デザインへの投資額は、主要先進国と比較し、日本はかなり劣ります。そうした中で日本では優秀な人がデザイナーをなりたがらない、という構造的な問題を解決していく必要を感じているようでした。

質疑応答

ここでは質疑応答ででた質問と回答をいくつか絞ってご紹介します。

デザインを学ぶのにオススメの本は？

→ 細谷功著の、

・地頭力を鍛える 問題解決に活かす「フェルミ推定」
・メタ思考トレーニング
・「ＷＨＹ型思考」が仕事を変える

がオススメ。デザイナーは具体的な事象から分解して抽象化する力が重要。一見違うことも抽象化し、ビシネスやデザインに応用できる力。具体化と抽象を行き来ができる人はビジネスシーンで重要となる。

・論理と情緒（人の心を動かす、人はロジックではなく主観で動く、そこをつく）
・定量と定性

そのことなる思考を行き来できる速さが求められる。その点でオススメの本は以下。

・インベスターZ（マンガ）
・デザイン・マネジメント
・Think Simple
・ジョナサン・アイブ

良しとされるUXは？

→ 良いUXはどんなサービスかによる。正解はない。

UXデザイナーになるには？

→ UXデザインに関しては、世界的に体系的に学べる学校がない。

・7-8割の人は独学
・アカデミックで再現できるまで、UXの事例が少ない。

実践ベースで企業が現場でノウハウや知見をつくっていくことが今重要。
アメリアでの先端の事例を引っ張るなど、情報を意識的に集めるべし。

UXを明日から導入するには？

→ Googleベンチャーズでデザインスプリントを2週間とかでやる。
フレームワーク化されたものを試してみる。

→ あとはとにかくユーザーに会い、ユーザーの声を聞きに行くこと！

いかに情報をキャッチアップするか？

→ 呼吸をするように情報を集める
常にアップデートしていく！体系化された知識も陳腐化されてしまうので、臨機応変に。
こんなに変化が激しい業界はIT業界以外ない。だから変化とキャッチアップを楽しむ！

→ Twitterが情報収集するなら一番いい！起業家の声を生で聞くことができる。

→ 世の中で流行っているサービスはとにかく体験しろ！やらないのは有り得ない。

まとめ

いかがでしたか？UXデザインの重要性やその背景、スタートアップとUX、また今後のデザイナーに求められることなど幅広い内容で大変勉強になりました。UXというとなかなか共通の理解がもてなかったり、なぜそれが重要なのか理解してもらえなかったりと、現場でUXデザインを実践しようとするとハードルもあったりします。今回のイベントレポートが何かみなさんの参考になってくれれば幸いです。土屋さん、今回はご講演いただきありがとうございました！

UXデザインの概論についてはこちら↓↓

関連記事UXデザインとは？UXデザインの基本と注目される理由や背景を解説

2019.09.01

UXデザインで役立つユーザーインタビューノウハウについては以下から↓↓

関連記事【THE GUILD勉強会レポ】ユーザーインタビュー設計ノウハウについて@DMM

2019.03.31

デザインについて学ぶなら ↓↓

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

こんにちは！本ブログ「Tekito style」を運営しているやすのり（@98nasi_nori）です。最近タピオカミルクティにハマってます。

僕は現在教育系ベンチャー企業にディレクターとして勤めてるのですが、同時にデジタルハリウッドという専門学校に通いつつデジタルデザインについて基本的なことを学んできました。

特にサービスのUX/UIデザインに関心があったので、今回課題として「スワレバ」という食フェスで席を予約することができるiOSアプリのUX設計とUIの企画・デザインをしてみました。

スワレバのコンセプトや、制作フローについて簡単にまとめたので、ぜひご覧いただけますと嬉しいです。今振り返ると色々と荒削り過ぎてあれなのですが、備忘録として残しておきます。

公開日：2017/12/23

スワレバの制作背景と企画コンセプト

いろいろな料理を気軽に楽しめる、「食フェス」というイベントをみなさんはご存知かなと思います。

最近都内でも様々な本格的ラーメンを一度に楽しめるラーメンフェスや、スペイン料理に特化して楽しめるイベントなど、様々な食フェスが開催されていますよね。地方でもB級グルメやご当地グルメに関連したイベントが年中開催されているかと思います。僕も何回か参加したことがあります。

そんな食フェスですが、近年人気が高まり、大型イベントだと数日で10万人近くの人が参加するほど。そこで課題になるのが、イベントの混雑でゆっくり座って食べることができない、といった問題。混雑でゆっくりできないから、そもそも食フェスに1回行って、もう行かなくなる、そんな人も多いようです。

そんな食フェスをもっと多くの人が気軽に楽しめる 仕組みが作れないかと考え、今回スワレバを企画。「スワレバ」はそんな食フェスで席を事前に予約できるiOSアプリ。混雑する食フェスでも、 席を事前に予約しておけば、友人や家族、恋人と もっと快適にもっと楽しくイベントを過ごすことができます。

※参考
祝！肉フェス累計来場者数500万人突破！！

東京ラーメンショーは毎年来場者数にばらつきがあるもののここ数年は10日間の開催で30万人以上の来場者

「タイフェスティバル」は、2日間で40万人の動員

スワレバのUIデザイン/機能紹介

スワレバのUIについて簡単に紹介していきます。
参考までに、Invisionでのプロトタイピングは以下のURLから見ることができます。

Invision URL :
https://projects.invisionapp.com/share/6YF1IEF2M#/screens/270026138_Spurash

スプラッシュ〜TOPページ

スワレバのTOPページでは、各種食フェスに関連するイベントを一覧で表示しています。各イベントごとの残席数も表示しています。ヘッダーは固定で、左の絞り込み検索から、各種詳細な条件を指定して好みの食フェスを検索していくことができます。

イベント詳細ページ

イベント詳細ページでは、イベントの概要の他、出展する店舗の情報などを閲覧できます。行ってみたいイベントがあれば、固定フッターの「座席を指定する」ボタンから、予約ページに遷移していきます。

予約画面では、席を予約する時間や人数、事前の支払に必要なクレジットカード情報を入力していきます。

予約までのフロー

予約を確定すると、当日イベントで見せるQRコードが発行されます。QRコードは当日1回限定のファストパスとしても活用でき、お店の列に並ばずに料理を注文、受け取ることができます。ですので、並んでいる間に席の指定時間を過ぎてしまう、なんて心配も無用です。

その他の画面デザイン

その他の画面として、絞り込み検索機能、予約一覧画面、お気に入り一覧、マイページ、ヘルプ画面のUIなども作成していきました。

UX/UIデザインの制作フロー

今回はUXデザインのプロセスに沿ってサービスの概要・UIを固めていきました。

(1) リサーチ/ユーザーインタビュー

食フェスに行きたい、興味はあるけど、実際には行かない人は多い。私自身もその1人でした。同じような課題を抱える身近な友人に数人にヒアリングを重ねる内に、食フェスにおける課題が複数見えてきました。

などなど。

ペルソナとカスタマージャーニーの制作

ユーザーインタビューなどの結果を踏まえ、ペルソナ像を固めていきました。ペルソナについては以下の項目、

のにまとめて整理。このペルソナが食フェスにおいてどのようなフローを辿るのか、カスタマージャーニーマップを描き、ユーザーフローにおける課題点を抽出。

の項目に時系列でまとめていきました。どの課題を取り除けば、ペルソナの食フェスにおけるUXを最大化できるのか、どれが一番ユーザーの課題レベルが高いのか検討し、サービスの方向性を固めていきます。

今回は特にイベント時の混雑や座ってゆっくり食べられないことが、食フェスから足が遠ざかる大きな要因ではないかと仮説を立てました。

実際に株式会社リクルートライフスタイルが 2016年に実施した食フェスに関するアンケート結果によると、「食フェス」の嫌いな点として最多の回答は、

1位:「混んでいる」(78.4%)
2位:「座って食べられない」(46.7%)

となっており、食フェスの人気の高さから来客が集中している様子、またそれが課題となっている様子が分かります。(N = 10,117)

参考：「食フェス」の実態を調査データから分析!

リーンキャンバスマップによる、サービス・ビジネスモデルの検討

ある程度サービスの方向性が固まってきたタイミングで、リーンキャンバスマップを用いて、ビジネスモデルを検討していきます。

の9項目を抜け漏れなく埋めていきます。リーンキャンバスモデルは事業を考える時に、ビジネスの課題を抜けもれなく、素早く簡潔にまとめることができます。

僕は今回リーンキャンバスを4〜5枚作成してみて、一番ビジネスとして筋が良さそうなもの、実際にワークしそうな案を選択しました。

ペーパープロトタイプによる検証

サービスの方向性を更に固めたところで、ペーパープロトタイプを作成していきます。

リーンスタートアップの観点に沿って、「スワレバ」の主目的である「席を予約したい」人がいるかどうか、を検証するのに必要最低限の機能に絞ってプロトタイプを作成。なるべくコアなユーザーが本当に解決したい課題に特化しサービスを検討します。そうしないと、どこが課題か、どこにニーズがあるか分からなくなるためです。

↑ 一番最初に書いたペーパープロタイプ。かなり雑ですが・・。

またなぜいきなりデザインせず、ペーパーで作成するのかというと、ペーパープロトタイプの方が素早く作成できることに加えて、サービスを抽象的にできる利点が挙げられます。細かいデザインなど、議論の対象にならないため、ニーズを検証する際に本質的な部分で議論できます。

Sketchで実際にデザイン

ペーパープロトタイプで得られたインサイトをもとに、Sketchでデザインしていきました。

想定ユーザー、デザインの有識者（学校の講師や職場のデザイナーの方）などからフィードバックをもらいながら、修正に修正を重ねていき、改善をしていきました。

イベント当日の体験やオペレーションなどについての懸念点の検討

Sketchでのデザインを使ったヒアリングを通じて、実際のユーザーフローをもっと考える必要を痛感し、解決案まどを模索していきました。

アプリを使うタイミング　どこで使うのか？

・予約するタイミング
→ ユーザーの好きなタイミングで問題なし。当日でも空いていれば予約できる方がいい。

・QRコード（予約表）提示するタイミング
→ 受付はサービス運営側で巻き取る。当日QR見せてもらう。

・数日前に席の予約がいっぱいだと、当日の集客に影響がでるか？
→ このアプリをみんなが使うわけではない。かつ行く人は行くので問題なし
→ むしろ「空いてるから行ってみよう！」と、イベントに行くきっかけになる！

キャンセルの対応は？

・キャンセルの対応
雨天時や個人的な事情などでキャンセルされた場合の対応
→ 基本しないでOK。イベントが中止の場合は返金するなどのフォローはすべし。
ライブチケットも返金しないことが多い。

・遅延の時の対応は？何分遅れてもいいか？
（当日既に並んでいて、予想以上に進みが遅く遅れる可能性）
→ そこまでフォローするか？
→ 席のチケットを見せれば、ファストパスを1枚貰えるので、そこまで並ばなくていいフローを考える
（受付時に？それとも並ぶ時にQRコードを見せると料理を貰える）
※2時間制にするなどでも対応できる

・クレジット払いが嫌なユーザーがいる
→ 事前払いでないと、当日キャンセルが出やすいのでクレジットでOK
→「LINEPAY」は導入検討してもいいかも

当日のオペレーションは？

・会場の席のオペレーションはどうするか？
→ 自社でやるか会場側と共同で進めればOK

・店側の対応をどうするか？
→ ニーズは確実にあるので、運営側や店を上手く巻き込めばOK

など、他にも
・席を予約しないと、その席は使えないと逆に不便か？
・席に使って同時に食べ物が出てくるフローはどうか？
など考えたらキリがないくらい課題点や考えることが出てきました。できる限り懸念点を払拭していくことが重要ですが、実際にリリースして運用していく中で、最適な解決策を模索していくことが一番効果的な感じですね・・。

まとめ

いかがでしたでしょうか？ひとつのアプリを1人で企画からデザイし、運用面まで想定してUXを考えていくのはかなり大変なことなのだと痛感しました。正直まだまだ詰めきれていない課題や、デザイン面でももっと改善できる部分が山積みです・・。

ちなみにここまでの制作期間は1.2ヶ月（企画：3週間、デザイン：2週間）ほどです。また利用ツールはSketch、Invision、といった感じです。

UX/UIデザインに興味がある、これから学びたい人の参考になれば幸いです。
ここまでお読みいただきありがとうございました！

デザインについて学ぶなら ↓↓

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

Tekito styleを運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

現在僕は都内のITベンチャーで働きつつ、デジタルハリウッドのデジタルデザイン専攻に1年間、週2回通っています。

2017年4月からスタートし、10月からは主に火曜日にUI/UXデザインについて、日曜日はHTMLやCSS、JSでのサイト制作を学んでいきます。

本レポートでは、日々のデジタルハリウッドでの授業の様子（デジタルデザイン専攻）を、簡単にレポートしていきます。

過去の授業レポートは以下から↓↓

関連記事【デジタルハリウッド授業体験記 #1】デジタルデザイン専攻_HTMLの基礎

2020.11.23

関連記事【デジタルハリウッド授業体験記 #2】デジタルデザイン専攻_デザインの潮流とUXD

2020.11.23

今回の授業は、リーンスタートアップとリーンキャンバスについてです。

※本記事の公開日：2017/11/11

リーンスタートアップとは

前回の授業ではUXデザインについての基本的な知識や実践のフローを学び、実際に作成したペルソナをもとにCJMを整理しました。

今回10/24日（火）の授業のテーマは、リーンスタートアップ。

講師は前回同様クリエイティブカンパニー「株式会社シナップ」のクリエイティブ・ディレクターの方が登壇しました。

「リーン」とは無駄のない、と言う意味。

スタートアップの成功確率は0.3%とも言われており、その成功確率を上げるためにいかに無駄を省き効率的にサービスを作り上げていくのか、その実践的手法がリーンスタートアップです。

授業では実際のスタートアップの失敗事例などを踏まえて、リーンスタートアップに基づいたサービス開発フローを学んでいきました。

リーンスタートアップのフローはUXデザインの手法と似ています。

リーンスタートアップでの3つの無駄とは

リーンスタートアップを実践する上で、省くべき無駄は、

の3つ。変化が激しく、不確実性の高い状況下では、まずやってみなければ正解は分かりません。

だからこそ考え込んで緻密な計画を練ることは無駄です。とにかくまず小さく始めることが、リーンスタートアップでは重要なステップとなります。

仮説を立てたら、まずはオフィスを飛び出しインタビューなど必要最小限の工数で課題を見極め、課題に対するアプローチが適切なのかを検証し、その上で最小限の機能を持ったプロダクトを作成し素早く改善を繰り返していきます。

またリーンスタートアップでは、「つくること」も無駄の1つです。

サービスの開発は費用も期間も要します。いかにつくらないで、サービスの仮説を検証をする方法がないのか検討することも無駄を省く上では重要です。

とにかく無駄を省き、失敗を最小限に抑え、仮説検証を繰り返していく、これはリーンスタートアップの考え方です。

リーンキャンバスを使ってワークショップ

リーンキャンバスとは、サービス開発において仮説を簡易的にまとめることができるフレームワークです。

ビジネスの課題を抜けもれなく検討でき、素早く・簡潔にまとめることができるので、課題の検証に素早く取り掛かることができます。

リーンスタートアップでは仮説の構築は最小限に抑え、その検証にすぐ取り掛かる必要があるので、簡潔に仮説を整理することができるリーンキャンバスとは親和性があります。

今回は前回の授業で作成したカスタマージャーニーマップに基づき、そこから課題点を抽出していきます。

リーンキャンバスで埋めるべき要素は以下の9ポイント。

これらの要素を埋めていくことで、必要最小限の仮説をまとめていくことができます。

今回のワークショップでは、個人ごとにリーンキャンバスを埋めていき、それを複数枚作成していきました。とにかく考えすぎず、アイディアの数を多くだしていくことも大切です。

まとめ

次回以降では作成したリーンキャンバスのプランの中から、成功角度の高いサービスを絞り込んでいきます。

またそれを踏まえてペーパープロトタイピングを作成し、具体的なサービスの画面を考えていく予定です。

それではまた来週！

他のデジハリの授業レポートはこちらもご参考ください ↓↓

関連記事【デジタルハリウッド授業体験記 #1】デジタルデザイン専攻_HTMLの基礎

2020.11.23

関連記事【デジタルハリウッド授業体験記 #2】デジタルデザイン専攻_デザインの潮流とUXD

2020.11.23

デザインについて本気で学ぶなら、デザインスクールに通うのは効率的でおすすめな選択肢です。デジハリ以外にも色々とあるので、良かったら参考にしてみてくださいね ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

関連記事未経験向け！Webデザインのおすすめスクール・専門学校＆講座比較 7選まとめ

2023.09.30

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30