MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた

ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた

公開日:2020年08月18日
最終更新日:2022年01月17日
オンスタ運営
web担当者
制作
ホーム > 全記事一覧 > web担当者 > ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた

Warning: Undefined variable $_cat_enginieer_flag in /home/growgroup/online-study.jp/public_html/wp-content/themes/online-study-wp/views/object/components/related-posts-inline.php on line 37
このエントリーをはてなブックマークに追加
ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

こんにちは!オンスタ運営。ケイジャニストやまだです!
さて、今回はユーザビリティです。最近はUX体験やwebアクセシビリティといったいろんな概念が登場し、ますますたくさんの考え方が登場する中、web黎明期より変わらず重要な概念ですが、みなさんはこの単語、聞いたことがありますか?

本記事ではユーザビリティの概要とその重要性について書いてみましたので、ぜひご一読ください!

それではいってみましょう!

ユーザビリティってなに?

デバイスがどれほど進化しようと、アプリが主流の時代であろうとも、変わらない概念があります。
それがユーザビリティ( 使いやすさ) です。昨今はUIやUXデザイナーが担当する専用フェーズのように思われていますが、すべてのフェーズにおいて、ユーザビリティの向上に関しては何かしら気にすべき点が存在しますので、webに携わる人間としては覚えておきたい概念です。

ユーザビリティの重要性

「これどうやって動かすの? 」「次のページどうやってみるの? 」という体験はありませんか?
人はみんな慣れたものを好みます。例外が出れば出るほど、戸惑います。そんなとき、直感的なU I が存在し、操作してそれに伴う予測の立つ動作が行われたとき、人はどう思うでしょう。「あ、こうするんだ」と一瞬で理解し、安心して先の情報を取得しようとしてくれます。これらは端的ではありますが、ユーザビリティの一例といえます。

よくあるユーザビリティを適切に設定する一例

以下はwebサイト制作時に一考したい一例です。

  1. ボタンじゃない要素はボタンと似せない
    これをやってしまうとどれがクリックできるかわからなくなります。
  2. テキストのリンクはわかるようにする。
    通常テキストや強調フォントと混在させると、どれがクリッカブルなのか判別できなくなり、スルーされます。
  3. プルダウンや遷移するものは予測しやすい見た目にする
    予期できないと不安を感じます。
  4. フォームのチェックボックスはテキストクリックで反応するようにする
    EOF(フォーム最適化)にもつながりますが、チェックボックスやラジオボタンはテキストクリックでチェック入るようにしましょう。
  5. コピーはわかりやすく
    テキストが何を訴えているかわからないと困ります。

よく間違えそうな類似語

アクセシビリティ

ひとくちにいうと「障害者/ 高齢者」向けの措置ともいえますが、『情報へのアクセスのしやすさ』全般を指します。
よくユーザビリティと混同されますので別物であることは理解しておきましょう。

リーダビリティ

ひとくちにいうと「可読性」のことです。
テキストが情報伝達の基本ですが、webではこのように表現したりすることがあります。
こちらも似ているので別物であることは理解しておきましょう。

ユーザビリティまとめ

いかがでしたか?簡単ではありますが、ユーザビリティについてまとめてみました!みなさんもwebサイトを作るときはぜひユーザビリティに気をつけてみてください!
以上、ケイジャニストでした〜!


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!
Webデザイン
web担当者
ツール
デザイナー
制作
公開日: 2019年11月06日
最終更新日: 2022年01月17日
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!
  • # Adobe XD
  • # 共同編集
  • # 新機能
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
LPってなに?webサイト種類とランディングページについて解説
web担当者
制作
公開日: 2020年07月14日
最終更新日: 2022年01月17日
LPってなに?webサイト種類とランディングページについて解説
  • # LP
  • # webサイトの種類
  • # ランディングページ
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
エンジニア
オンライン学習
オンライン学習キャンペーン情報
デザイナー
デザイン
プログラミング
制作
公開日: 2019年11月07日
最終更新日: 2022年01月17日
残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
  • # Python
  • # Udemy
  • # セール情報
  • # タイムセール
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
IT系勉強会ってどう探せばいい?そんな時におすすめなIT勉強会検索サイト!
web担当者
エンジニア
セミナー・カンファレンス
デザイナー
制作
公開日: 2020年09月15日
最終更新日: 2022年01月17日
IT系勉強会ってどう探せばいい?そんな時におすすめなIT勉強会検索サイト!
  • # IT勉強会
  • # TechPlay
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
LT(ライトニングトーク)ってなに?テック系(webなど)の勉強会でよくあるLTについてご紹介
web担当者
制作
公開日: 2020年07月28日
最終更新日: 2022年01月17日
LT(ライトニングトーク)ってなに?テック系(webなど)の勉強会でよくあるLTについてご紹介
  • # LT
  • # ドラ娘
  • # ライトニングトーク
  • # 社外勉強会
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
エンジニア
オンライン学習
プログラミング
制作
公開日: 2020年07月21日
最終更新日: 2022年01月17日
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
  • # Code.org
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
Webデザイン
オンライン学習
デザイナー
制作
公開日: 2019年11月12日
最終更新日: 2022年01月17日
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
  • # webデザイン参考
  • # 国内外問わず
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【Google アナリティクスの使い方】おさらいということで基本用語、画面の見方や使い方、運用についてご紹介!
Webマーケティング
web担当者
ツール
公開日: 2019年10月14日
最終更新日: 2022年01月17日
【Google アナリティクスの使い方】おさらいということで基本用語、画面の見方や使い方、運用についてご紹介!
  • # Google Analytics
  • # アナリティクス
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
「アイデアとは既存の要素の組み合わせ以外の何者でもない」名著で学ぶアイディア出しの方法
web担当者
制作
電子書籍
公開日: 2020年06月09日
最終更新日: 2022年01月17日
「アイデアとは既存の要素の組み合わせ以外の何者でもない」名著で学ぶアイディア出しの方法
  • # アイディア
  • # アイディアのヒント
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【最新】Pythonの学習におすすめの本全部で14選
プログラミング
制作
電子書籍
公開日: 2019年06月25日
最終更新日: 2022年01月17日
【最新】Pythonの学習におすすめの本全部で14選
  • # Python
  • # おすすめ
  • # 本
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。