MENUCLOSE
twitter ツイッターfeedlyRSS

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

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

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

公開日:2020年08月18日
最終更新日:2020年07月16日
オンスタ運営
web担当者
制作
ホーム > 全記事一覧 > web担当者 > ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた
このエントリーをはてなブックマークに追加
ユーザビリティってなに?ユーザビリティの概要と、その重要性について簡単にまとめてみた
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

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

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

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

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

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

ユーザビリティの重要性

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

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

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

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

よく間違えそうな類似語

アクセシビリティ

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

リーダビリティ

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

ユーザビリティまとめ

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


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

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

関連コンテンツ

残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
エンジニア
オンライン学習
オンライン学習キャンペーン情報
デザイナー
デザイン
プログラミング
制作
公開日: 2019年11月07日
最終更新日: 2019年11月07日
残り5時間!Udemyで新規受講生向けのセール実施中!新規ユーザー向けに対象コースが¥1,320から
  • # Python
  • # Udemy
  • # セール情報
  • # タイムセール
オンスタ運営
取り扱いの難しいダウンロード素材などのライセンス周りについて調べてみた
web担当者
ツール
制作
広告
公開日: 2020年08月31日
最終更新日: 2020年07月21日
取り扱いの難しいダウンロード素材などのライセンス周りについて調べてみた
オンスタ運営
IT系勉強会ってどう探せばいい?そんな時におすすめなIT勉強会検索サイト!
web担当者
エンジニア
セミナー・カンファレンス
デザイナー
制作
公開日: 2020年09月15日
最終更新日: 2020年09月15日
IT系勉強会ってどう探せばいい?そんな時におすすめなIT勉強会検索サイト!
  • # IT勉強会
  • # TechPlay
オンスタ運営
LPってなに?webサイト種類とランディングページについて解説
web担当者
制作
公開日: 2020年07月14日
最終更新日: 2020年07月03日
LPってなに?webサイト種類とランディングページについて解説
  • # LP
  • # webサイトの種類
  • # ランディングページ
オンスタ運営
LT(ライトニングトーク)ってなに?テック系(webなど)の勉強会でよくあるLTについてご紹介
web担当者
制作
公開日: 2020年07月28日
最終更新日: 2020年07月21日
LT(ライトニングトーク)ってなに?テック系(webなど)の勉強会でよくあるLTについてご紹介
  • # LT
  • # ドラ娘
  • # ライトニングトーク
  • # 社外勉強会
オンスタ運営
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
エンジニア
オンライン学習
プログラミング
制作
公開日: 2020年07月21日
最終更新日: 2020年07月21日
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
  • # Code.org
オンスタ運営
【初心者必見】webAPIって何?webAPIの仕組みについて概要をザックリまとめてみた
web担当者
エンジニア
ツール
ディレクター
制作
公開日: 2020年06月23日
最終更新日: 2020年06月11日
【初心者必見】webAPIって何?webAPIの仕組みについて概要をザックリまとめてみた
  • # webAPI
オンスタ運営
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
Webデザイン
オンライン学習
デザイナー
制作
公開日: 2019年11月12日
最終更新日: 2019年11月12日
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
  • # webデザイン参考
  • # 国内外問わず
オンスタ運営
ASPってなに?ASPサービスの概要とメリット、デメリットについて調査してみた
web担当者
エンジニア
ツール
ディレクター
制作
公開日: 2020年06月16日
最終更新日: 2020年06月11日
ASPってなに?ASPサービスの概要とメリット、デメリットについて調査してみた
  • # ASP
オンスタ運営
CSVを使ってWordPressの投稿、カスタム投稿へ記事データを流し込む方法(Really Simple CSV Importer)
WordPress
エンジニア
プログラミング
制作
公開日: 2019年10月31日
最終更新日: 2019年10月31日
CSVを使ってWordPressの投稿、カスタム投稿へ記事データを流し込む方法(Really Simple CSV Importer)
  • # Really Simple CSV Importer
  • # WordPress
オンスタ運営
全記事一覧

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

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

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

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