ユーザビリティ

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


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

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


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

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


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

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



新バージョンのモバイルフレンドリーテスト
「Google Webmaster Central Blog」によると、新バージョンのモバイルフレンドリーテストツールが正式に公開されたようです。 A new mobile friendly testing tool(Webmaster Central Blog) モバイルフレンドリーテストツールは、ホームページがスマートフォン表示に適しているかという仕様基

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


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

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


サイトのユーザビリティとSEOを無視した場合
サイトのユーザビリティとSEOを無視した場合、ホームページ制作に高額な費用をかけたとしてもほとんどの場合、Webマーケティング効果を期待することはできません。ホームページ制作におけるユーザビリティ向上の重要性と、ユーザビリティとSEOの関係、そしてクローラビリティとの関係を把握した上で、ホームページを設計していくことが大切です。ユーザビリティは、ウェブユーザーのためのもの、そして、クローラビリティは、ウェブサイトの情報を正確に捉えるためにやってくる検索エンジンクローラーを意識したものです。ユーザビリティやSEOを無視した場合、ウェブサイトの価値は一気に落ちます。これはウェブマーケティングツールとしての価値です。

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



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

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


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

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


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

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



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

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


モバイルフレンドリーやEFO ホームページ制作・Web制作
ユーザビリティ(usability)は、ホームページ(ウェブサイト)において、サイトを閲覧するウェブユーザーにとっての使用性・操作性など、ウェブサイトの使いやすさを意味します。ユーザビリティの向上はPV数やWebマーケティング効果に影響しますので、十分に配慮してホームページ制作を行う必要があります。求めている情報への到達の容易さや見やすさ、移動や入力における

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


セレクトボックス Web制作|ホームページ制作
セレクトボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目です。ホームページ制作においてはメールフォームや条件検索でよく使用されます。該当セレクトボックスをクリックすると選択項目がプルダウン表示されます。 プルダウンで表示 セレクトボックスに選択項目が入っており、クリックするとプルダウンで選択項目が

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



項目の複数選択が可能 ホームページ制作・Web制作
チェックボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面におけるチェック式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に四角の選択表示が付きます。 項目の複数選択が可能 チェックボックス(もしくはそれに関連付けられた文字列などの要素)をクリックで選択します

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


ラジオボタン Web制作|ホームページ制作
ラジオボタンは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に丸型の選択表示が付きます。 ラジオボタンの特徴 ラジオボタンは項目の選択において複数の中から一つしか選択できないため、エントリーフォームにおける

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


垂直型ナビゲーション Web制作|ホームページ制作
垂直型ナビゲーションは、ホームページにおいてウェブページの上下の階層にある他のコンテンツへのナビゲーションです。そのページのカテゴリトップなどへのナビゲーションも垂直型ナビゲーションにあたります。ホームページ制作においては、垂直型ナビゲーションとしてパンくずリストなども設置されることがあります。親ページ、子ページへのナビゲーションといったイメージです。 ペー

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



水平型ナビゲーション Web制作|ホームページ制作
水平型ナビゲーションは、そのウェブページの同一階層にある他のコンテンツへのナビゲーションで、前後ページヘのナビゲーションも水平型ナビゲーションにあたります。ホームページ制作においては、時系列的な前後記事へのリンクや同一階層の他ページへのリンクが該当します。 垂直型ナビゲーションがページ間の親子関係などを示すのに対して、水平型ナビゲーションは、同一カテゴリー、

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


プルダウンメニュー(ドロップダウンメニュー) Web制作|ホームページ制作
プルダウンメニュー(ドロップダウンメニュー) は、ウェブページにおいて、メニューのタイトル部分をクリックすると、メニュー詳細項目が垂れ下がって表示されるタイプのメニューです。アコーディオンメニューとも呼ばれます。 ホームページ制作においては、クリックオープンで選択肢を選ぶという形で複数項目の表示領域を小さくする場合などに使用されるメニュー形式です。 数が多く

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


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

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



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

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


ナビゲーション Web制作|ホームページ制作
ナビゲーション(navigation)は、ウェブサイトにおいては、そのウェブページ以外のページへと移動するためのリンクなどを意味します。ページナビゲーションとも呼ばれます。 狭義には、サイト内の全てのページに共通して設置されているヘッダー部やサイドバーなどのメニューリンク群を指します。 コンテンツ内部の発リンクは、「単発の参照」といったイメージですが、ナビゲ

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


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

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



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

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


レスポンシブウェブデザイン(マルチデバイス対応)Web制作|ホームページ制作
レスポンシブウェブデザインは、ホームページ(ウェブサイト)を様々なデバイス(機器)で、それぞれの機器の画面サイズに合わせたウェブページを表示をするためのウェブデザインです。「マルチデバイス対応」とも呼ばれます。この「レスポンシブ」とは、「反応がよいさま」という意味があります。ホームページのスマートフォン対応の方法のひとつです。 一度レスポンシブウェブデザイン

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



ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼