2024.09.06 WEBアクセシビリティユーザビリティ・UX・UI ウェブアクセシビリティに関連する用語を分かりやすく解説 ~達成基準編~ 前回の記事「ウェブアクセシビリティに関連する用語の解説 ~概要編~」に続き、今回は達成基準の説明に出てくる用語を解説していきます。 達成基準とは、適合レベル(達成等級)に達するために、満たす必要がある項目のことをを指します。 より詳しい達成基準の内容については以下サイトよりご確認いただけます。 ウ [...]
2021.06.29 WEBユーザビリティ・UX・UI アプリ・Webサイトを専門家が評価する「ヒューリスティック評価」とは?【目的・調査・評価方法】 前回のブログにて、ユーザビリティテストについて解説しました。 今回は、ユーザビリティテストと同様に、ユーザーにとって使いやすいWebサイト・アプリを作るのに有効な「ヒューリスティック評価」をご紹介します。 数多く存在するWebサイト・アプリにとって、使い勝手のよさは重要なポイントです。ヒューリステ [...]
2021.06.25 WEBユーザビリティ・UX・UI スマートフォン・PCで読みやすいフォントサイズ&行間とは?国内のメディアサイトを調べてみた。 過去記事「可読性の高い文章をデザインするポイント」でも紹介しましたように、webサイトに限らず文章の読みやすさを左右する要素に「フォントサイズ(文字サイズ)」「行間」があります。 フォントサイズが小さく、行間が詰まった文章は視認性や可読性が低く、ユーザにストレスを与えてしまいます。 では、webコ [...]
2021.06.23 WEBユーザビリティ・UX・UI モバイルサイトに最適なボタンサイズは?使いやすいモバイルサイトを目指して ここ最近、モバイル向けのUI設計をする機会が多くなりました。 モバイルデバイスは、直接画面を指で操作しますのでデスクトップのようにマウスを使って繊細な操作をすることができません。特に小さいボタンは、タップしづらく正確性にも欠けます。 そこで今回は、モバイルサイトにおける最適なボタンサイズ(縦幅)を [...]
2021.05.14 WEBユーザビリティ・UX・UI webサービスやwebサイトの開発・改善に役立つ、ユーザビリティテストとは?【準備から実施・分析までの流れ】 自社のwebサイト・webサービスが、果たしてユーザーのニーズに応えられているのかと不安になったことはありませんか? ユーザビリティテスト(UT)とは、サイトの改善において、実際にサイトのターゲットユーザーに利用してもらい、操作感やサイトの構成に関する課題を発見する手法のことです。開発・制作者の視 [...]
2020.09.23 WEBユーザビリティ・UX・UI webサイト制作に欠かせない「ワイヤーフレーム」の役割について理解しよう 私たちのようなweb制作会社では、通常、webサイトを作成する際にワイヤーフレームを作成します。 一般の方からすると聞きなれない言葉かもしれません。 今回はそのワイヤーフレームの役割について考えてみたいと思います。 INDEXワイヤーフレームとは?ワイヤーフレームとデザインの関わりまとめ [...]
2019.01.22 WEBユーザビリティ・UX・UI Lighthouseを分析エンジンに採用した新しい「PageSpeed Insights」とは? 「Web制作者なら覚えておきたいサイト高速化とは(PageSpeed Insights編)」の中で、Googleが運営・提供しているサービス「PageSpeed Insights」をご紹介しました。 webサイトの表示速度が検索順位に影響し、またサイト表示が遅いと閲覧者の離脱率が大きくなるため、w [...]
2017.12.28 WEBユーザビリティ・UX・UI ユーザーにとって有益な「カスタム404ページ」を用意していますか? 皆さんWebページにアクセスしたとき、「Not Found」と書かれたページが唐突に表示され戸惑ってしまった経験はありませんか?このページのことを404ページと言います。 404ページは、ユーザーがアクセスしたページが存在しない場合に表示されるエラー(404エラー)を示したページです。 今回は [...]
2017.11.22 WEBユーザビリティ・UX・UI Web制作者なら覚えておきたいサイト高速化とは(Test My Site編) 前回の「Web制作者なら覚えておきたいサイト高速化とは(PageSpeed Insights編)」では、Googleが運営・提供しているサービス「PageSpeed Insights」の基本的な使い方についてご紹介いたしました。 今回は2017年6月29日に同じくGoogleからリリースされた、モ [...]
2017.11.10 WEBユーザビリティ・UX・UI Web制作者なら覚えておきたいサイト高速化とは(PageSpeed Insights編) 前回の「Web制作者なら覚えておきたいサイト高速化とは(ツール編)」の中で、Googleが運営・提供しているサービス「PageSpeed Insights」をご紹介しました。 Webサイトの高速化には様々な施策があり、それぞれの施策に対して適切なツールを利用して問題を解決するのですが、PageSp [...]
2017.11.02 WEBユーザビリティ・UX・UI Web制作者なら覚えておきたいサイト高速化とは(ツール編) 前回の「Web制作者なら覚えておきたいサイト高速化とは(導入編)」では「Webサイトの高速化」の重要性と必要性について「検索エンジンへの影響」と「Webサイトを閲覧したユーザーへの影響」の2つの側面からご紹介させていただきました 今回は、実際にWebサイトを高速化するためにどのようなツールを使って [...]
2017.10.27 WEBユーザビリティ・UX・UI Web制作者なら覚えておきたいサイト高速化とは(導入編) 弊社では長らくクライアント様のWebサイト構築のお手伝いをさせていただいておりますが、クライアント様からご要望をヒアリングする際に「今よりもページの表示を速くしてほしい」「ページの閲覧にかかる時間を短くしてほしい」という声をいただく機会が増えてきました。 これまでであれば、デザインや機能に関するご [...]
2017.04.12 WEBユーザビリティ・UX・UI 読みやすい・伝わりやすい「Web文章」の書き方 <4つのライティングルール> CMSの普及により、HTMLやCSSといったWEB専門知識が無くても簡単にWebサイトを更新できるようになりました。 教育機関・医療機関など規模の大きい組織においては、リアルタイムに情報を発信するために部署単位で更新担当者を決め、複数人が1つのWebサイトを更新するケースも増えています。 しかし、 [...]
2017.04.03 WEBユーザビリティ・UX・UI ユーザーを的確に情報に導くナビゲーション設計 Webサイトの使いやすさに最も影響を与えるのが「ナビゲーション」です。目的を持ったユーザーをスムーズに必要な情報に辿り着かせるためには、ユーザー視点に立ったナビゲーション設定が求められます。 今回は、ユーザーエクスペリエンスの高いナビゲーションを実現するためのポイントについて解説していきます。 [...]
2017.01.17 WEBユーザビリティ・UX・UI 【スマートフォンサイト】ハンバーガーメニューのメリット・デメリット 昨年11月にGoogleが「モバイルファーストインデックス」を正式に発表しました。「モバイルファーストインデックス」とは、今までPC向けページで行なっていたサイトの評価を今後はスマートフォン向けページで行ない、検索順位を決定していくというものです。正式開始時期は未定ですが、モバイルファーストイ [...]
2016.11.30 WEBユーザビリティ・UX・UI Webサイトにある「よくある質問」の役割と設計方法について考える 多くのWebサイトに用意されている「よくある質問」コンテンツ。コンピュータやインターネットが普及し始めた頃、コンピュータやソフトウェアなどの操作方法について、同じような問い合わせを頻繁に受けていたことから、オペレーターや窓口を介さずにWebサイト上で疑問解決に導けるようにユーザから問い合わせのあ [...]
2016.06.17 WEBユーザビリティ・UX・UI 優れたユーザーエクスペリエンスを実現するためのUXハニカム 前回の記事「ユーザーエクスペリエンス(UX)を理解しよう。」では、Webサイトだけでなく製品やサービスなどを通じて得られる体験の総称である「UX」を理解する上で最低限知っておきたいことについて解説しました。 では、具体的にWebサイトをどのような視点で見直し、改善していけば良いのか?今回は「UX [...]