ユーザビリティ

ウェブサイト(ホームページ)のユーザビリティに関する記事


スマホ対応化へのカスタマイズがしにくいホームページの仕様
ホームページのスマホ対応にあたり、現状のホームページがモバイルフレンドリーサイトでないものから、スマホ対応サイトへと修正する際に、スマホ対応化へのカスタマイズがしにくいホームページの仕様があります。今回は、そんなホームページのスマートフォン表示最適化への変更に費用がかかるホームページの設計の特徴についてお伝えします。

スマホ対応化へのカスタマイズがしにくいホームページの仕様


ホームページのスマホ対応とその後の運用を考えた設計
今回は、ホームページのスマホ対応とその後のホームページ運用を考えたモバイルフレンドリー設計についてお伝えします。 弊社でもホームページのスマホ対応化である「モバイルフレンドリー化サービス」を提供していますが、先日、「スマホ対応料金の見積額に変動があるのはなぜですか?」と知人から質問をいただきました。 ホームページを新規制作するときはもちろん最初からレスポンシ

ホームページのスマホ対応とその後の運用を考えた設計   Recently updated !


今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE

より優れたモバイルフレンドリーサイトのために 画像編



新バージョンのモバイルフレンドリーテスト
「Google Webmaster Central Blog」によると、新バージョンのモバイルフレンドリーテストツールが正式に公開されたようです。 A new mobile friendly testing tool(Webmaster Central Blog) 新バージョンのモバイルフレンドリーテストツールのURLは次のとおりです。 https://se

新バージョンのモバイルフレンドリーテストツールが公開


テーマのモバイルフレンドリー化 WordPressカスタマイズ事例・実績
ファンフェアファンファーレは、WordPressなどのCMSをカスタマイズさせていただいております。今回はWordPressで制作されたウェブサイト(ホームページ)において、WordPressテーマがモバイルフレンドリーに対応していなかったためご依頼をいただきましたテーマカスタマイズ事例・実績のご案内です

テーマのモバイルフレンドリー化 WordPressカスタマイズ事例・実績


サイトのユーザビリティとSEOを無視した場合
ユーザビリティは、ウェブユーザーのためのもの、そして、クローラビリティは、ウェブサイトの情報を正確に捉えるためにやってくる検索エンジンクローラーを意識したものです。ユーザビリティやSEOを無視した場合、ウェブサイトの価値は一気に落ちます。これはウェブマーケティングツールとしての価値です。

サイトのユーザビリティとSEOを無視した場合



パンくずリスト(ブレッドクラム)は垂直方向ナビゲーション
ウェブサイト(ホームページ)の工夫として、パンくずリスト(ブレッドクラム)というものがあります。パンくずリストはサイト内のウェブページ間の垂直方向の関係性を示すナビゲーションとしての機能があり、現在のページがホームページからの位置を示すものです。 ユーザビリティとリッチスニペット設定としてのパンくずリストの設置

パンくずリスト(ブレッドクラム) 垂直方向ナビゲーション


スマートフォンサイトのユーザビリティ リンクへの配慮
スマートフォンサイトのユーザビリティ向上は、サイトを運営・利用においてのここ数年の緊急課題です。スマホサイトを見るにあたり、ありがちな誤操作は、「意図しないところをタップしてしまう」という点です。これは誤操作というよりも、サイト制作者の配慮不足により、ユーザが意図しないタップをしてしまうという現象になります

スマートフォンサイトのユーザビリティ リンクへの配慮


サイトの「スマホ対応」とスマホ用サイト
サイトのスマホ対応・スマートフォン最適化については、2通りの手法 レスポンシブウェブデザインによるスマホ対応 スマートフォン用のウェブサイト ウェブ制作・更新の労力を避けるならレスポンシブウェブデザイン 自由度の高い設計なら「スマホ用サイトを別に制作」スマホ専用ページを制作するシーン

サイトの「スマホ対応」とスマホ用サイト



アクセシビリティ(accessibility)は、ホームページ(ウェブサイト)においては、サイトの閲覧自体の汎用性の高さ、「様々なユーザーにとって利用のしやすい」、といった意味があります。 例えば、視覚障害者であってもウェブページの読み上げによる情報の受け取りを叶えるために、画像に代替テキストを設定するといったようなことがアクセシビリティです。 ウェブアクセ

アクセシビリティ Web制作|ホームページ制作用語


ユーザビリティ(usability)は、ホームページ(ウェブサイト)において、サイトを閲覧するウェブユーザーにとっての使用性・操作性など、ウェブサイトの使いやすさを意味します。 モバイルフレンドリーやEFO モバイルフレンドリーは、スマートフォンなどのモバイルデバイスでのサイト閲覧の際のユーザービリティを意図したものです。 EFOも入力の手間を省くという意味

ユーザビリティ Web制作|ホームページ制作用語


セレクトボックス ホームページ制作用語
セレクトボックスは、エントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目です。 プルダウンで表示 セレクトボックスに選択項目が入っており、クリックするとプルダウンで選択項目が表示されます。複数の中から一つしか選択できないため、選択必須項目に向いています。 セレクトボックスの実装 セレクトボックスは、selectタグ、option

セレクトボックス Web制作|ホームページ制作用語



チェックボックスは、エントリーフォームなど、ユーザーが項目を入力や選択する場面におけるチェック式の選択項目ボタンです。 項目の複数選択が可能 チェックボックス(もしくはそれに関連付けられた文字列などの要素)をクリックで選択します。この選択方式は項目の複数選択ができるため、任意選択項目に向いています。 チェックボックスの実装 チェックボックスは、inputタグ

チェックボックス Web制作|ホームページ制作用語


ラジオボタンは、エントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目ボタンです。 ラジオボタンの特徴 複数の中から一つしか選択できないため、選択必須項目に向いています。 ラジオボタンの実装 ラジオボタンは、inputタグの「type=”radio”」で実装します。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作

ラジオボタン Web制作|ホームページ制作用語


垂直型ナビゲーションは、そのウェブページの上下の階層にある他のコンテンツへのナビゲーションで、そのページのカテゴリトップなどへのナビゲーションも垂直型ナビゲーションにあたります。 ページ移動のイメージ 垂直型ナビゲーションは、ホームページ(ウェブサイト)のツリー構造の中で、階層の深さの異なるページへ垂直方向(もしくは斜め方向)に移動するイメージです。 パンく

垂直型ナビゲーション Web制作|ホームページ制作用語



水平型ナビゲーションは、そのウェブページの同一階層にある他のコンテンツへのナビゲーションで、前後ページヘのナビゲーションも水平型ナビゲーションにあたります。 ページ移動のイメージ 水平型ナビゲーションは、ホームページ(ウェブサイト)のツリー構造の中で、同一の深さのレベルを横断するイメージです。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作

水平型ナビゲーション Web制作|ホームページ制作用語


プルダウンメニュー(ドロップダウンメニュー) は、ウェブページにおいて、メニューのタイトル部分をクリックすると、メニュー詳細項目が垂れ下がって表示されるタイプのメニューです。アコーディオンメニューとも呼ばれます。 プルダウンメニューの領域幅 プルダウンメニューは、領域の幅が一行分でよいため、例えば都道府県名の選択など、選択項目数が縦長になりがちな項目の選択用

プルダウンメニュー(ドロップダウンメニュー) Web制作|ホームページ制作用語


ローカルナビゲーション(ローカルリンク) は、ウェブサイトのページ移動のためのナビゲーションのうち、そのページの前後ページや関連記事など、そのページの属するカテゴリ内の他のページへのリンク、リンク群を指します。 また狭義ローカルリンクとしてコンテンツ内部に設置されたリンクを指すこともあります。 ページ固有のリンク ローカルナビゲーション・ローカルリンクは、グ

ローカルナビゲーション(ローカルリンク) Web制作|ホームページ制作用語



グローバルナビゲーション(グローバルリンク) は、ウェブサイトのページ移動のためのナビゲーションのうち、ヘッダー・サイドバー・フッターなどに設置されている重要なページ(メインコンテンツやカテゴリのトップレベル)ヘのメニューリンク群を指します。 サイト内の全ページに共通設置 グローバルナビゲーションは、サイト内の全てのページに共通して設置されている場合がほとん

グローバルナビゲーション(グローバルリンク) Web制作|ホームページ制作用語


ナビゲーション(navigation)は、ウェブサイトにおいては、そのウェブページ以外のページへと移動するためのリンクなどを意味します。ページナビゲーションとも呼ばれます。 狭義には、サイト内の全てのページに共通して設置されているヘッダー部やサイドバーなどのメニューリンク群を指します。 ナビゲーションの細かな分類 メインコンテンツや大カテゴリへなどメイン項目

ナビゲーション Web制作|ホームページ制作用語


ユニバーサルデザイン(Universal Design)は、情報の設計(デザイン)、ホームページ(ウェブサイト)の設計において、すべての人が制限なく使える様に意図したデザインです。 情報を得るうえで、ユーザーによる差が出ないことを意図しており、使い勝手がよく、ユーザーの閲覧・操作に迷いが無いように設計することを指します。 ホームページのユニバーサルデザイン

ユニバーサルデザイン Web制作|ホームページ制作用語



メディアクエリ(Media Queries)は、CSS3で新規追加されたCSS技法です。 レスポンシブウェブデザインの際に実装するCSSの記述で、ホームページ(ウェブサイト)にアクセスしたデバイスの画面サイズなどによってウェブページの装飾スタイルを切り替える機能です。 このメディアクエリの技術によって、スマートフォンなどからのアクセスの際にウェブページのレイ

メディアクエリ Web制作|ホームページ制作用語


レスポンシブウェブデザインは、ウェブサイトを様々なデバイス(機器)で、それぞれの機器の画面サイズに合わせたウェブページを表示をするためのウェブデザインです。「マルチデバイス対応」とも呼ばれます。この「レスポンシブ」とは、「反応がよいさま」という意味があります。 デバイスごとのサイトレイアウト変更 レスポンシブデザイン、レスポンシブウェブデザインとは、ウェブサ

レスポンシブウェブデザイン (マルチデバイス対応) Web制作|ホームページ制作用語



ホームページ制作、サイトカスタマイズなどのお問い合わせ・ご依頼はこちら