はじめに

Webサイトやアプリなどにおける「デザイン」は、単なる見た目にとどまらず、ユーザビリティやサービスの信頼性に直結する要素です。特に、リニューアルや改善を検討する際には、ユーザーがどのように画面を認識し、操作を進めるのかを丁寧に理解することが欠かせません。
今回、20代女性で事務職に従事し、日常的にスマートフォンやパソコンを利用する方に、旧デザインのWebサイトと、新デザインのWebサイトを見てもらい、そして、操作してもらいました。加えて、第一印象や操作性についてインタビューをしました。

この記事では、それらUI/UXなどに関する発言を整理し、ユーザビリティ向上のためのデザイン構成に悩む担当者の皆様に役立つヒントを慎重に読み解き紹介します。

オンラインインタビューシステム「i-PORT voice」のサービスの詳細はこちら

アスマーク（調査会社）が開発したオンラインインタビューシステム「i-PORT voice」。見学者の使いやすさを一番に、定性調査の運営実務に長けた専属のディレクターが、インタビュー導入から終わりまでをフォローします。

> 詳しく見る

普段のサイト閲覧について

普段、PCやスマホを使ってサイトを見るとのこと。
PCとスマホで見るサイトが違うかどうか伺ったところ、PCだと動画を見るときや、何か申し込むとき、またスマホだと見づらい時・使いづらいとときに使うと、ご回答いただきました。
あと、最近だと航空券のサイト（チケットサイト）を見ていたそうです。この方、旅行が趣味とのことで、「明日からカナダに行きます」とお話いただいたことから、これ関連で航空券のサイトを見ていたのかもしれませんね。

さて、皆さまはPCとスマホで見るサイトが違うことはありますか？
また、同じカテゴリーでも、シチュエーションによって使うデバイスが違いませんか？
例えば、私の場合、YouTubeはPCでもスマホでも閲覧しますが、外出時はスマホが基本となり、自宅にいるときも、ややスマホの方が多いです。しかし、自宅でPCを使って見ていないわけではないので、PCとスマホどちらも使いやすいデザインであれば、嬉しいと考えます。
カテゴリーや用途、シチュエーションによってPCなのか？　スマホなのか？　といった傾向が異なる可能性がありますので、抑えることが重要かもしれません。
 
 

新旧インターフェースの比較

続いて、インタビューをさせていただいた方に、下図のように画面共有をして、旧デザインのWebサイトを見ていただきました。

 
上からスクロールしながらご覧いただき、そして、普段ご自身がサイトを見るときの気持ちになっていただき、第一印象について伺いました。回答は「文字が多いなとは思いました」でした。続けて、色味についても尋ねると、「爽やかな印象を感じました」と回答いただきました。

次に、上記と同じように新デザインのWebサイトをご覧いただき、同様なインタビューをしました。
第一印象として「分かりやすい」とのことでした。その理由を深掘りしてみると、「アクセスしたい情報を探しやすい」→「見出しがハッキリしているのと、トップのページで全部情報を出すっていうよりは、下層のページに飛ばすためにジャンルがキチンと分かれてて、そこに誘導できているっていうのが『分かりやすいな』と思いました」と説明してくれました。

そして今度は、2つ目にご覧いただいたWebサイトは1つ目のリニューアル版ということを明かしながら、1つ目と2つ目を比較していただきました。
リニューアル後の方が色合いなどもメリハリがある、重要な情報が目に入りやすい、と話していただきました。

タスクを用い、ユーザビリティ具合を見ていく

まず、ここで言う「タスク」とは、「課題」とも言うことができ、ユーザビリティに関する調査の場合、「『○○』というページまで移動してね」といったタスクを依頼したりします。

今回は、インタビュアーが口頭で2つ目の新デザインのWebサイトにおける以下タスクをお願いしました。

1. 「会社を知る」ページまで移動
2. 「社員を知る」ページに移動
3. 「職場を知る」ページに移動
   1. 渋谷の事業所の情報を見る

 
この3つの行程をインタビューを受けていただいている方に画面共有していただきながら、タスクをこなしていただきました。

そして、タスクをこなしていただいた後に、ページで分かりづらかった部分や分かりやすかった部分について、訪ねてみると、「分かりやすかったと思います。この上のナビゲーションからすぐには入れたりとか、トップページのナビゲーションの下に誘導するリンクがあったので、そこからは入れたのでわかりやすかったと思います」と説明していただきました。

また、「このページに移動してください」というお願いや、「ボタンを押してください」というお願いをしたときに、そのボタンをスグに見つけられたかを尋ねてみると、「見つけられた」と瞬時に回答いただきました。

加えて「押したら次にどんなページが出てくるだろうな、みたいな想定ってありました？」と尋ねてみると、「この『職場を知る』のページが、この『渋谷本社』を押した時に『新しいページに飛ぶのかな』っていのをちょっと思った」と話していただきました。また「見づらいとかはないんですけど、何か、なんとなく新しいページとか、ページが変わるっていう想定をしていたと思います」とも教えていただきました。

 
このインタビューを受けていただいた方、「ナビゲーション」であったり「誘導するリンク」という言葉が自然と出てくることから、少しWebサイトというかアプリといった関連で話をしたことがある人かもしれませんね。

また、こういったタスクをこなしていただく状況を視認することで、ユーザーの動きを知ることができます。また、Microsoft Clarity といったサービスでもWebページ上のユーザーの動きを知れる部分がありますが、この調査では、タスクをこなしていただいたあとに、インタビューをすることでできるので、その時感じた思いや考えを『知る』ことができます。
たとえば、今回の方の「この『職場を知る』のページが、この『渋谷本社』を押した時に『新しいページに飛ぶのかな』っていうのをちょっと思った」というのは、まさにその例として相応しいと考えており、動きとしては、ある程度スムーズだったけど、実は「想定外に感じていた」というのは、重要なインサイトです。
このインサイトから、シンプルに「渋谷本社」ボタンを押したら、別のページに遷移する作りに変更することも一案となりえます。

アプリ・WEBサイトのユーザビリティテストのサービスの詳細はこちら

アスマークでは、アプリ・WEBサイトのユーザビリティテストのサービスを提供しております。このテストは、主にWebサイト、アプリ、システムについて、実際にターゲットユーザーに開発中のプロトタイプを使ってもらい、「どの程度使いやすいか/使いにくいか」といった課題を発見するテストです。

> 詳しく見る

オンラインで行ったサイト評価の感想

「今回、オンラインで『このサイトのここを見てください』というお話をさせていただいたときに、操作や見え方などは、いかがでしたか？」と質問したところ、「見やすかったです」と回答といただけました。
また、画面共有の経験についても伺ってみると、仕事のミーティングでもオンラインでミーディングして、画面共有するのは結構あると、教えていただきました。さらに深掘りをしていくと、参加している方のリテラシーや使い慣れていない人がいるとやりづらい部分があるとのことです。一方で、慣れている人たちのミーティングの場合、「対面でやるのとあんまり変わらないかな」と感覚を伝えてくれました。

昨今、コロナ禍を経て、オンラインで何かを聞いたり、共有したりすることが増えてきたかと思います。
学生であれば、授業がオンラインということもあると思います。
そして、仕事でも、この方がおっしゃったように、ミーティングはオンラインで、画面共有しながら話を聞いたり、説明したりする機会があるでしょう。
そういった背景を考えると、「オンラインでサイト評価をしてもらう」というのは、一つの選択肢となると考えます。特に、会場に来れない事情がある方、たとえば「山の付近にご在住の方に伺いたい」や「車椅子に乗っている方に伺いたい」といった方々にサイトデザイン評価をしていただく場合は、検討のテーブルに載せる場面があるでしょう。

まとめ

インタビューをさせていただいた方から、第一印象に関しては、文字や図、配色といった部分の話がありました。そして、タスクを実行時には、想定外の部分やナビゲーションを利用した部分などもわかりました。
こういった部分からヒントをまとめたのが下図になります。

 
 
今回は、シンプルで基本的なサイトデザイン評価に関するインタビューをしましたが、そういった中でも「やっぱり！」や「たしかにな！」と思っていただいた部分あったのではないでしょうか。
ユーザビリティ向上のデザイン構成にお悩みの担当者にとって、サイトデザイン評価は、課題解決のヒントとなる貴重なインサイトをもたらしてくれる可能性があります。この記事を参考に、ユーザーの「生の声」を活かしたサイトデザイン評価を取り入れ、より優れたユーザー体験の実現を目指しましょう。

サイトデザイン評価に関するインタビュー調査のご相談はこちら＞

アスマークの編集ポリシー
 

関連コンテンツ

20代女性のUI/UXをミニリサーチ「サイトデザイン評価」

Webサイトやアプリ、クラウドシステムなどの価値を大きく変える「サイトデザイン」。サイトの真価を維持・改良・開発するために、ユーザーにプロトタイプや現行サイトを実際に触れてもらう、通称「UIUX調査」「ユーザーテスト」等は、多くのマーケターにとって非常に有効なリサーチ手法です。

そこで今回は、i-PORT voiceを活用してサイトのデザイン評価を実施しました。インタビューでは実際に新旧Webサイトを見比べての、各サイトの第一印象から操作性、ボタンの視認性等について、モニターの手元画面を共有頂きながらヒアリングしています。

下記に当てはまる方にお薦めの動画です。
●　価値あるサイトやアプリのインターフェースを探りたい
●　ユーザー視点を理解し興味喚起を引くUIを知りたい
●　サイト構成が起因し、商機を逃していないか不安

> 詳しく見る

デザインリサーチとは？調査手法やネットリサーチとの違いについて解説

現代社会において、ユーザーから支持される製品やサービスを生み出すには、ユーザーの本質的なニーズや行動を正しく理解し、それをデザインに反映させることが大切です。しかし、こうしたニーズを的確にとらえるのは決して簡単ではありません。
そこで、近年注目されているのが、「より良いデザインを生み出すための調査アプローチ」であるデザインリサーチです。

この記事では、デザインリサーチの基本的な考え方から、具体的な調査手法、さらには混同されやすいネットリサーチとの違いについて解説します。

> 詳しく見る

ユーザビリティテストをモニターに依頼する方法とは？メリットや事例まで紹介

ユーザビリティテストは、製品やサービスの使いやすさを実際のユーザーに評価してもらう重要な手法です。特に昨今のデジタル化が進む社会において、ウェブサイトやアプリケーションなどのUI（ユーザーインターフェース）改善は、企業の成功に直結する重要課題となっています。

本記事では、ユーザビリティテストの基本的なことから、モニターへの依頼方法、実施の流れ、注意点、そして具体的な成功事例まで、マーケティングリサーチの専門的見地から詳しく解説していきます。

> 詳しく見る

オンラインインタビューに向いている調査とは？注意点やメリットなど紹介

オンラインインタビュー調査行っていく中で、私たちは新たな課題と可能性に直面しています。特にコロナ禍以降、対面でのインタビューが難しくなり、オンラインでのインタビューの形態が伸び、知見が蓄積されていきました。

本記事では、これまでのオンラインインタビュー調査を通して得た注意点や、向いている調査や向いていない調査について触れ、未来構想を紹介します。

> 詳しく見る