ユーザーインターフェース
人間と機械をつなぐ役割や窓口のようなものをいいます。
概要
ユーザーインターフェースと聞いてもなかなかピンとくるものはありません。それどころかUIデザインなどの言葉もよく見えますが、やはり釈然としないところが多いではないでしょうか。
ユーザーインターフェースとは、人間と機械をつなぐ役割や窓口を指し、例えば「プリンターへ出力する」動作を人間がしたら「プリンターが動いて印刷物が出た」動作をします。
パソコンの前ならマウスやキーボードがあります。
今このページを作る際、まさにキーボードで文字を打ったりマウスでカーソルを動かしていますが、その時に画面にも結果が表示(カーソルが動く、文字が打たれる)されます。
この動作もユーザーインターフェースです。
では、UIデザインとは?と言われた時には、直感的に操作しやすい、視認しやすい、直感的なデザインのことを言います。
ただ、個人的にはUIデザインよりも「ユーザビリティに特化したデザイン」のほうがわかりやすいのではと考えてしまいます。
この用語のメモ
Webサイト構築においてユーザーインターフェースを意識する場合、やはり使うシーンを想像しなければなりません。
当該Webサイトをよく使う人はどんなものを見てサイトに来ているのか…
もしそうだとして仮定し、どうデザインを組み込んだり、ボタン配置やナビゲーション配置をするべきか…
ユーザーインターフェースを満足いくように設計するには何百パターンものユーザーの行動を意識しなければならない大変な作業になります。
この用語の使いどころ
Webサイトの提案においてユーザーインターフェースを理解しているかどうかで提案内容の質が大きく変わります。
単純に「こうすれば効果が上がる」「これを導入したら売り上げが上がる」だけでは響かないことが多いです。
ユーザーインターフェースを理解することでWebサイトの触れ方をどう変えるべきかを提案・提言できることが
「商品を売る」から「技術力を売る」という概念に変わり、相手への本気度も伝わりやすくなります。
ディレクターや営業をされているメンバーにもこういった意識を持つことが、良質なサイトを生む技術集団になれるのではないかと思います。
関連用語
Web担当・運営・解析・SEO問題集の例題問題
ユーザーインターフェースに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
- tbodyタグ
- dtタグ
- thタグ
- trタグ
- tdタグ
この答えの解説
dtタグは、dl(定義リスト)タグの入れ子になります。dlタグの入れ子にdtタグとddタグを使用します。
dtタグとddタグは、「質問と答え」の関係のような人まとまりの意味を持つ表現をしたいときに使うため、Q&Aなどのサイトに多用されます。
- divタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
- h1タグはタイトル名が入るタグである
- pタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
- ulとliはリストタグで、順序があるリストである
この答えの解説
pタグが段落タグと呼ばれます。
divタグは汎用タグ、h1は見出しタグ、ul・liタグのulはunordered listの略で、順序のないリストを示しています。
- canvasタグ
- iframeタグ
- 不適切なものはない
- imgタグ
- buttonタグ
この答えの解説
実は全て入れ子にできるタグです。しかし、あくまで「見出しタグ」であることをきちんと理解したうえでタグを使用しましょう。
見出しなのに画像や別フレームなどが入ると構造的に非常におかしい形になってしまいます。
- 自身で保有している情報媒体のこと
- 自身が気に入ったメディアを保存すること
- 自身が身に着けたメディア知識のこと
- 作成したサイトを自分自身で広めること
この答えの解説
オウンドメディアは、自身で保有している情報媒体のことで、SEOの施策体制がリンクからコンテンツにシフトした頃から非常にポピュラーになった言葉の一つです。
インターネット関係、もっと絞ってSEO業界においては自社発信型のコンテンツとして、ブログであったり各々の企業として携わっている業界情報を発信したり、色々な視点や形で日々作られ続けています。
- デザインやクリエイティブの表現をルール化したもの
- デザインのトーンをある一定数より下げないようルール化したもの
- デザインの質やイメージを担保するもの
- デザインのトーンに余計な追加をしないようルール化したもの
この答えの解説
販促物を制作する際、何故決められた表現を取り入れるのか。
トーンを統一化することは、そのブランド「らしさ」を表現することにつながり、ひいてはデザイン意図や意味の根拠の認識を担当者レベルで共有できるものになります。
- KPI設定→改善・PDCA→数値分析→KGI設定
- 改善・PDCA→数値分析→KGI設定→KPI設定
- KGI設定→数値分析→KPI設定→改善・PDCA
- KGI設定→KPI設定→改善・PDCA→数値分析
この答えの解説
KGI(Key Goal Indicator)は「最終目標」なので、その最終目標に到達する根拠を設定する必要があります。
そのため、数値分析を行ったうえで導き出されたKPI(Key Performance Indicator)を設定します。
設定したKPIを達成するためにどんな施策が必要かを熟考し、PDCAを回していく流れが一般的に正しいとされています。
- セグメントが反映されたデータはエクスポートもできる
- セグメントは最大4つまで同時表示できる
- セグメントは500個まで設定できる
- セグメントはアクセス時間や特定の参照元など細かい設定ができる
- ユーザー属性毎に詳細に情報を抽出できる
この答えの解説
セグメント設定は、一ユーザー、一つのビューにつき100個までと決められています。
それ以上のセグメントは作成できないため、不要なセグメントを整理する必要があります。
- サイト訪問~離脱までを1単位とした人数
- Webサイトのページを見た数
- トップページに訪れた人数
- その日中にサイトに訪れた単一閲覧者の人数
この答えの解説
セッションとは、ユーザーがWebサイトにアクセスし、サイトから去るまでの一連の流れを「1カンウト」として計測します。
なお、1つのページに30分を越えて再読込、またはWebサイト内の別ページに遷移した場合は新しくセッションがカンウトされます。
- セッション数とユーザー数は、一日のアクセスにおけるカウントが異なる
- セッション数とユーザー数は、一日にたくさんページを回遊したユーザーかどうかを判別するもの
- セッション数とユーザー数は、違いは特に無い
- セッション数とユーザー数は、コンバージョンを行ったユーザーとそうでないユーザーの違い
この答えの解説
セッション数は1日を基準とし、その日のうちに断続的にサイトに訪れた場合、都度カウントされます。(ブラウザを閉じて再度立ち上げる、など)
ユーザー数は1日を基準とし、Cookieを参照しその日のうちに断続的にサイトを訪れても同一ユーザーと判断されるため都度カウントはしません。
セッション数とユーザー数に差があるのはこのカウントのしかたが異なるためです。
関連タグ【Web制作】に関するよくある質問
Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
CSSは組み込みされたHTMLの装飾を行うものです。よって、レイアウト等の配置もこのCSSで行う形になります。
CSSを初めて使用する際に壁にあたってしまうポイントとして「float」の処理ではないかと思います。
むしろ、floatの仕様が理解できればある程度のレイアウトのコントロールができるようになるので、何度も繰り返し組んでみましょう。
floatと併せて「clearfix」というものも覚えるとレイアウト崩れが防げます。
何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。
CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。
Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。
ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。
関連タグ【マーケティング】に関するよくある質問
マーケティングに関するよくある質問を抜粋しています。マーケティング・Web運営に関するよくある質問はこちらから。
自社企業サイトの運営だけを主体とした業務であるならば、「Googleアナリティクス主担当」「更新作業主担当」「他部署連携主担当」の3人体制であれば、よほどの業務量でない限りは問題ありません。
但し、ECサイトになると「商品企画」「SEO」「広告運用」「梱包発送」などなどかなり裾野が広がり数十名規模の人材が必要になります。
競合他社のベンチマークがまず挙げられると考えています。
Webサイトのデザインを作成するときもテーマ別に参考になるサイトを見てデザインを起こすことが多いです。
もちろんマーケティングにおいてもできるだけ同じか、似た商材を扱う競合他社をしっかり知る事が自社サービスの醸成につながる近道です。
運営は一日でうまく行くわけがありません。スタートがいくら良くても放置してしまえば廃れていきます。
サイトを大きくすることは、よりお客さん(クライアントやエンドユーザー)の実態に近づくことになるため、繰り返しユーザーの分析を続け、満足の行くサイトにするには最低1年~1年半の長期戦になることを想定しましょう。
この期間をトータルで見て「プロジェクト」として取り組むことが大事です。
一言で言えば、「ブラックハットSEO」全般に言えることです。
検索結果を欺くような対策は、かなり早い段階でGoogle検索エンジンからの「手動による対策」が行われてしまいます。
具体的には不要な外部リンクの設置やコンテンツの書き写しなどが上げられます。
この対策が横行していたときは、本来検索結果に上がってはいけないものが検索結果に表示されてしまうため、Google検索エンジンのリソースを大幅に消費してしまう事態を招いていました。
最近では不要なサイトはインデックス登録自体がされないように対策されているため、なかなかインデックスが増えてこない場合はサイト全体の情報品質を疑ってみたほうが良いかもしれません。
一言で言えば、「ホワイトハットSEO」を目指した取り組みになります。
SEOは、検索エンジンで上位表示されるように内外部の施策を行っていきますが、とくにホワイトハットSEOでは「検索意図」をしっかり吟味した上でその検索内容にふさわしいコンテンツをつくり、ユーザーに適切な情報を与えられるサイトと評価されるように取り組むものになります。
検索をして、ページに入ったユーザーが「役に立つ」と感じるサイトであることが重要で、昨今の「コンテンツSEO」が最重要とされている理由です。
そして、コンテンツをしっかり作ったとしても、それがきちんとGoogleの検索エンジンに認識されなければなかなか検索エンジン側へ反映されません。
したがって、文法上正確なHTMLタグを設置し、Googleの検索エンジンに情報がしっかり流れるようにするためのコーディングが必要です
関連タグ【アクセス解析】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。
ユーザーエクスプローラは個人個人が持っているtoken情報をもとにユーザーを追えるものになります。
その性質から「サイトの遷移」「再訪頻度」「コンバージョン後の行動」等も追えます。
コンバージョンまでどうしたか、だけでなくコンバージョン後に何をしているかを見ていくことで「どんな情報を探しているか」「その情報をどうしたら見つけやすくなるか」といった対策をたてられます。
すなわち、再訪率の向上やシェア獲得率の向上にむけた改善に取り組むことができます。
単純明快に「ここがよい」「ここが悪い」がはっきりしたグラフや数値の表記と、それに対するコメントや提案を記載していると、議論が進みやすく喜ばれやすいです。
複雑にしすぎると、概要が頭に入らなくなりがちになるため、「で、結局何が悪いの?」と打ち合わせの後半で陥る可能性があります。
Googleアナリティクスを閲覧するには、まずGoogleアカウントが必要です。
何らかの連絡の取れるメールアドレスをお持ちであれば、Googleのログイン画面より新規アカウント作成を行ってください。
まずはサイト全体のアクセス概況がわかるユーザーサマリーを見るようにしましょう。
また、最低でも月単位で数字を比較する必要があります。
見る指標については、セッション数、平均セッション時間、セッション/ページビュー、直帰率はチェックした方が、時系列毎でのサイトの反応が分かりやすくなります。
次にレポートを注視するタイミングについては、何らかのサイトの更新時や、いつでも良いので一週間のうち必ず見る曜日を決めて見るなど、タイミングを予め決めることが変化に気づきやすいです。
Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。
まずは必要以上に情報を入れすぎないようにした方がよいでしょう。
沢山記載することは大切ではありますが、数値を見てもらい理解してもらうには沢山の情報は邪魔になります。
具体的には、資料のボリュームと話するボリュームが同じ位に量を調整すると伝わりやすいです。
索引から探す
- 用語集【A-Z一覧】
Web制作・運営・解析・SEO用語集のAからZまでで出てくる用語一覧をまとめています。
- 用語集【あ行一覧】
Web制作・運営・解析・SEO用語集の「あ行」で出てくる用語一覧をまとめています。
- 用語集【か行一覧】
Web制作・運営・解析・SEO用語集の「か行」で出てくる用語一覧をまとめています。
- 用語集【さ行一覧】
Web制作・運営・解析・SEO用語集の「さ行」で出てくる用語一覧をまとめています。
- 用語集【た行一覧】
Web制作・運営・解析・SEO用語集の「た行」で出てくる用語一覧をまとめています。
- 用語集【な行一覧】
Web制作・運営・解析・SEO用語集の「な行」で出てくる用語一覧をまとめています。
- 用語集【は行一覧】
Web制作・運営・解析・SEO用語集の「は行」で出てくる用語一覧をまとめています。
- 用語集【ま行一覧】
Web制作・運営・解析・SEO用語集の「ま行」で出てくる用語一覧をまとめています。
- 用語集【や行一覧】
Web制作・運営・解析・SEO用語集の「や行」で出てくる用語一覧をまとめています。
- 用語集【ら行一覧】
Web制作・運営・解析・SEO用語集の「ら行」で出てくる用語一覧をまとめています。
- 用語集【わ行一覧】
Web制作・運営・解析・SEO用語集の「わ行」で出てくる用語一覧をまとめています。
タグから探す
- タグ【Web制作】
Web制作・運営・解析・SEO用語集に登録されているタグ【Web制作】一覧をまとめています。
- タグ【Webシステム】
Web制作・運営・解析・SEO用語集に登録されているタグ【Webシステム】一覧をまとめています。
- タグ【SEO】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEO】一覧をまとめています。
- タグ【SEM】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEM】一覧をまとめています。
- タグ【アクセス解析】
Web制作・運営・解析・SEO用語集に登録されているタグ【アクセス解析】一覧をまとめています。
- タグ【広告】
Web制作・運営・解析・SEO用語集に登録されているタグ【広告】一覧をまとめています。
- タグ【マーケティング】
Web制作・運営・解析・SEO用語集に登録されているタグ【マーケティング】一覧をまとめています。
よくアクセスされている用語
- HTML
Webページを構成するために必要な言語のことです。 - PPC
クリックすることで課金される広告のことです。 - コーディング
HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。 - 直帰率
初めてサイトに訪れたページでサイト内の他のページへ行かずにサイトから離脱した割合のことをいいます。 - ページビュー
Webサイトのページを表示された数のことをいいます。 - レスポンシブデザイン
一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインをいいます。
その他カテゴリー
- GAレポート作成ツール
面倒なアクセス解析レポート作りはもうやめよう!
- Web担当者問題集
GoogleアナリティクスやSEOに関する問題集を作っています。
- Web運営用語集
Webや解析などでよく使う単語辞典ページを用意いたしました!
- よくあるご質問
よくいただくお問い合わせ内容の一覧になります。
- お問合せ・情報
当Webサイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。