Web関連

サイトを持つなら考えよう!UI/UXについて

0

みなさん、UI/UXという言葉を知っていますか?Webをかじっている人なら一度は聞いたことがあるでしょう。そうでない人は「何か難しそう…」と感じるかもしれません。実はこのUI/UX、コンバージョンアップにおいて必要不可欠な要素なのです。今回はUI/UXの意味とその重要性についてお話します。

※難しいお話はしませんので、Webに関してはあまりわからない…という方でも大丈夫ですよ!

WebサイトにおけるUI/UXって?

・UI (User Interface)…サイトの画面
・UX (User Experience)…サイトを通じて得る体験や感情
かなりざっくり言いましたが、つまりこういうことです。
あなたはとある製品の情報を求めて製品名を検索しました。検索結果から訪れたサイトにはテキストばかり。これでは欲しい情報をすぐには得られません(UI)。『読むのに時間もかかりそうだし、もっと分かりやすいサイトはないかな。』(UX)。
こんな経験をした方は少なくないのではないでしょうか?他にも訪れたサイトのデザインが明らかに古かったりすると『更新されていないのでは?』と思って離脱したり、スマホでサイトを見ていてもボタンが小さすぎて別のページに飛んでイライラして結局見るのをやめてしまったり…
これらすべてはUI/UXを考慮しないために起こった結果なのです。せっかく高い費用をかけて制作する、または制作したあなたのホームページがこんな理由でユーザーを逃がすのはかなり惜しいですよね。そこにこのUI/UXの重要性があるのです。

では具体的に何をすればいいの?

と、思われる方が多いでしょう。しかし、UI/UXを考慮したサイト制作に必要な要件は数多くありますし、サイトによってさまざまです。なので今回は、「制作を依頼した自分のサイトはUI/UXがきちんと考慮されているのか?」を判断する方法を少しだけ伝授します…!

1.絞り込んだターゲットユーザーに向けて設計されているかをCheck!
例…葬儀屋さんのホームページで、最近流行のゴーストボタン(背景に溶け込んだ一見ボタンに見えないボタン)を取り入れ、かっこいいデザインにするために英語を多用しフォントは小さめにした。これは極端な例ですが利用するであろうユーザーを絞り込めていないことがわかりますよね。予想されるユーザーはご年配の方なので、若者からすると少しダサいと感じるかもしれない大き目のフォントや分かりやすいボタンが大切になります。自分のサイトを訪れるユーザーを明確に絞り込み、そのユーザーにとって使いやすいサイトであるか、そのユーザーの目的が達成される導線は引けているかまで意識してチェックしましょう。

 

2. 統一感はあるかをCheck!
「ターゲットユーザーの絞り込みはクリアです!しかもデザインはお洒落!」…それでは次は統一感が必要ですね。ページごとにこだわって作成されたデザインも、ユーザーにとっては混乱を招く要因になってしまうかもしれません。私も目まぐるしく変わる動作に驚きはしても、目的の情報は得られずすぐにサイトを離脱した経験があります。『かっこいいサイトを作る!』が最終目的ではないなら、ベースに沿ったページを展開することでユーザーを離脱させずに心地いいUXを提供することができます。また、ボタンの色一つとっても「詳細ページへの遷移ボタンは青、お問い合わせなどコンバージョンに繋がるボタンはオレンジ」というように、意味を持たせることも重要です。理由もなく色を多用することもユーザーに違和感を持たせ、使い心地の悪いサイトにしてしまいます。

3.第三者の意見をCheck!
もし期間に余裕があるのであれば、サイト制作に関わっていない社員に意見を聞いてみると良いかもしれません。ユーザーの立場に立っているつもりでも、制作会社と仕様を詰めていると考えすぎて目的から微妙に逸れてしまったり、だんだん制作寄りの思考になってしまうこともあるかもしれません。そんな時には全く制作に携わっていない社員にターゲットユーザーになりきってもらい、サイトを回遊してもらうと今まで見えていなかったことが見えたり、コンバージョンへの導線はきちんと引けているかの確認ができます。

hanada_2015_9-2_002.jpg

さいごに

UI/UXについてご理解いただけましたでしょうか?
長々と書きましたが、要するにいかにユーザー目線に立ったサイト制作ができるか、ということなのです。基本かもしれませんが、良いUI/UXできているサイトとそうでないサイトでは離脱率、コンバージョン率は大きく異なります。先にも述べましたが、せっかく作ったサイトに訪れた見込み客を極力逃さないためにも、ぜひご考慮ください。
以上、デザイナーの花田でした☆

関連コラム

パララックスデザインとUI・UX

初心者WEB担当者が勘違してるUI/UX

そうだったの!?UI/UXって意外と身近なものだった!!

関連するサービス

Webデザイン

デザインガイドライン作成

レスポンシブWebデザイン

UI/UXデザイン

0

最新のトレンド?!アダプティブWebデザインについてあれこれ前のページ

キーワードは「共感」?クレーム解決への最短経路次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. 新しい販売形態であるDtoCについて考えてみる
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    【ホームページ制作】Google認定パートナーになってみよう!

    皆さん暑い中仕事に励んでいることと思います。この記事を見つけた人は…

  2. Web関連

    Webサイトに必ず必要なサーバーについて

    色々なところで聞く単語「サーバー」。Webサイトを公開する上で、無いと…

  3. Web関連

    運営コスト削減!?CMSを使ったweb制作のススメ

    今回は"CMS"についてお話しようと思います。「CMSって何だろう…

  4. Web関連

    そうだったの!?UI/UXって意外と身近なものだった!!

    自分の趣味の1つとしてパソコンやスマホ、あるいはタブレットでWebサイ…

  5. Web関連

    webデザイナーなら知っておくべきwebフォントの使い方

    皆さんはWebデザインをクライアントに見せた時に「なんか普通すぎるね.…

  6. Web関連

    なぜコスプレをするのか、ハロウィンが終わってから冷静になって考えてみる

    皆さんも一度は見たことある「コスプレイヤー」が、「コスプレを始めよう!…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    なぜ失敗する?プロジェクトマネジメントで抑えておきたい3つの対策
  2. Web関連

    写真も進化!WEBサイト制作に活用できる動画と組み合わせた写真
  3. Web関連

    Web制作会社における「スマートオフィス」
  4. Web関連

    モバイルフレンドリーってなんだ?
  5. Web関連

    拡大化するサブスクリプションサービスについて考えてみる
PAGE TOP