Web制作・運営・解析・SEO用語集

ユーザーインターフェース

人間と機械をつなぐ役割や窓口のようなものをいいます。

概要

ユーザーインターフェースと聞いてもなかなかピンとくるものはありません。それどころかUIデザインなどの言葉もよく見えますが、やはり釈然としないところが多いではないでしょうか。
ユーザーインターフェースとは、人間と機械をつなぐ役割や窓口を指し、例えば「プリンターへ出力する」動作を人間がしたら「プリンターが動いて印刷物が出た」動作をします。

パソコンの前ならマウスやキーボードがあります。
今このページを作る際、まさにキーボードで文字を打ったりマウスでカーソルを動かしていますが、その時に画面にも結果が表示(カーソルが動く、文字が打たれる)されます。
この動作もユーザーインターフェースです。

では、UIデザインとは?と言われた時には、直感的に操作しやすい、視認しやすい、直感的なデザインのことを言います。
ただ、個人的にはUIデザインよりも「ユーザビリティに特化したデザイン」のほうがわかりやすいのではと考えてしまいます。

この用語のメモ

Webサイト構築においてユーザーインターフェースを意識する場合、やはり使うシーンを想像しなければなりません。

当該Webサイトをよく使う人はどんなものを見てサイトに来ているのか…
もしそうだとして仮定し、どうデザインを組み込んだり、ボタン配置やナビゲーション配置をするべきか…
ユーザーインターフェースを満足いくように設計するには何百パターンものユーザーの行動を意識しなければならない大変な作業になります。

この用語の使いどころ

Webサイトの提案においてユーザーインターフェースを理解しているかどうかで提案内容の質が大きく変わります。
単純に「こうすれば効果が上がる」「これを導入したら売り上げが上がる」だけでは響かないことが多いです。

ユーザーインターフェースを理解することでWebサイトの触れ方をどう変えるべきかを提案・提言できることが
「商品を売る」から「技術力を売る」という概念に変わり、相手への本気度も伝わりやすくなります。

ディレクターや営業をされているメンバーにもこういった意識を持つことが、良質なサイトを生む技術集団になれるのではないかと思います。

関連用語

Web担当・運営・解析・SEO問題集の例題問題

ユーザーインターフェースに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。

Q:次のタグのうち、そのページを開いたときの画面上に内容が表示されないタグを選んでください。
  • headタグ
  • bタグ
  • aタグ
  • timeタグ
  • marqueeタグ

この答えの解説

headタグのみ、bodyタグ外に設置されるタグなのでページ内に表示されません。
しかし、ヘッダー情報があることによりGoogleの検索結果に表示させたりブラウザのタブにページのタイトル名を表示させたりすることができます。
また、SNSなどと連携して画像を表示させたりする機能もこのheadタグ内に様々なタグを用いて設置します。

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • blockquoteタグ
  • emタグ
  • centerタグ
  • labelタグ

この答えの解説

centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。

Q:次のタグのうち、tableタグの入れ子に含まれないものを選んでください。
  • tbodyタグ
  • dtタグ
  • thタグ
  • trタグ
  • tdタグ

この答えの解説

dtタグは、dl(定義リスト)タグの入れ子になります。dlタグの入れ子にdtタグとddタグを使用します。
dtタグとddタグは、「質問と答え」の関係のような人まとまりの意味を持つ表現をしたいときに使うため、Q&Aなどのサイトに多用されます。

Q:運用における目標達成までの流れの順序で正しいものを選んでください。
  • KPI設定→改善・PDCA→数値分析→KGI設定
  • 改善・PDCA→数値分析→KGI設定→KPI設定
  • KGI設定→数値分析→KPI設定→改善・PDCA
  • KGI設定→KPI設定→改善・PDCA→数値分析

この答えの解説

KGI(Key Goal Indicator)は「最終目標」なので、その最終目標に到達する根拠を設定する必要があります。
そのため、数値分析を行ったうえで導き出されたKPI(Key Performance Indicator)を設定します。
設定したKPIを達成するためにどんな施策が必要かを熟考し、PDCAを回していく流れが一般的に正しいとされています。

Q:ニュース・地域・趣味などの情報をまとめたサイトのことを何といいますか。
  • ブランドサイト
  • コンテンツサイト
  • ポータルサイト
  • コーポレートサイト
  • 個人サイト

この答えの解説

複数媒体が提供しているニュース・地域情報などの「情報」の玄関口として、Webサイト(ブラウザ)を立ち上げたときに表示されるサイトのことをいいます。
GoogleやYahoo!などがこのポータルサイトに当たります。

Q:コーダーの説明として正しいものを選んでください。
  • 制作全般のとりまとめを行う人、またはその人員
  • Excelなどの関数やVBAなどの記述を行う人、またはその人員
  • PhotoshopやIllustratorなどのデザインを行う人、またはその人員
  • HTMLやPHPなどの言語の記述を行う人、またはその人員

この答えの解説

コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。
HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。

Q:新規ユーザーと時間別アクセスを組み合わせて分析したもので反映すべき改善内容を選んでください。
  • 広告表示時間帯の見直し
  • 選択肢の全て
  • 更新時間の見直し
  • フォーム入力内容の見直し

この答えの解説

時間別アクセスを見れるようになると、情報を得たいタイミングが可視化しやすくなります。
とくに、新規ユーザーが情報を得ようとしているタイミングに合わせて入口→広告、内容→更新、行動→手順が楽なフォームなどといった改修はユーザー獲得のためにも大切な要素になります。

Q:平均滞在時間から何を読み取るべきか選んでください。
  • ユーザーが画面を開きっぱなしにした割合を見る
  • 滞在時間が長いページは内容が多すぎるのでページを軽くしたり分ける必要がある
  • カテゴリー毎に閲覧されたページの分量をはかる
  • 滞在時間が短いページは長いページを参考に情報を厚くする

この答えの解説

平均滞在時間を見る前に、どのページが平均滞在時間が長く、どのページが平均滞在時間が短いのかをしっかり仕分けしましょう。
例えばサイトマップなどのナビゲーションページでは、目的のリンクがあればすぐに遷移するので滞在時間が長いということはナビが分かりにくいと仮定する必要があります。

Q:直帰率と離脱率の違いの説明で適切なものを選んでください。
  • 直帰率はサイトに訪れ他のページを見ずにサイトから離脱した割合で離脱率はそのページを最後にサイトから離脱した割合
  • 直帰率はサイトに訪れ他のページを見てまたサイトに訪れたページに戻った割合で離脱率はそのページを最後にサイトから離脱した割合
  • 直帰率はサイトに訪れ他のページを見ずにサイトから離脱した割合で離脱率はサイトのフォーム画面からサイトのトップページに戻った割合
  • 直帰率はサイトに訪れ他のページを見てまたサイトに訪れたページに戻った割合で離脱率はサイトのフォーム画面からサイトのトップページに戻った割合

この答えの解説

直帰率はランディングページ(閲覧開始ページ)を対象とした指標のため、閲覧開始したページ内で別のドメインや検索サイトに遷移、もしくはブラウザを閉じると直帰率が記録されます。
離脱率は閲覧開始ページ以外のページにて別のドメインや検索サイトに遷移、もしくはブラウザを閉じると離脱率が記録されます。

関連タグ【Web制作】に関するよくある質問

Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。

Webサイトを作成する場合、最初に覚えた方がいいものは何ですか?

Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。

ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。

Webサイトを作るときにどんなことを意識していますか?

今でこそ、SEOを中心にコーディングを組むことが大半になってきているため言える話になりますが、Webサイトの一ページ一ページは「本」を作る意識を持って取り組んでいます。
ちゃんとタグにも「タイトル(表題)」や「見出し」、「段落」など、「作文」や「国語」にまつわる言葉が多く出てきますね。

Google側も同じように「記載されている内容」が「どの場面」で「どれぐらいの分量」の情報が「検索された内容に対し正確性があるか」が重要です。
コーダーやライターはその辺りを意識することが大切です。

デザイナーは、Googleよりも人間側が認知する視覚情報がもっともウエイトを占めるため、分かりやすさとトレンドをいかにストレスなくユーザーに供与できるかが大事で、ユーザーエクスペリエンスの精度に関わります。
Webサイトは、成長を前提に作ることが大事です。そういう意味では、いつまでもページが増え続ける「1巻だけの本」を作り続ける意識が必要ではないかと考えます。

Web制作に必要なソフトを教えてください。

製作工程に応じて使いやすいソフトが大筋決まっていることが多いです。

構成案やサイトマップを作る際はMicrosoftの「Excel」や「PowerPoint」が鉄板です。
大まかなデザイン枠を作る分にはPowerPointがあれば十分作れますし、サイトマップやスケジュール・見積もりなどの情報は、Excelがほとんど使われることが多いです。
いずれもPDFに手軽に変換できる点も非常に使いやすい要因となっています。

デザイン面では、Adobeの「Illustrator」か「Photoshop」が鉄板で、まれに「Fireworks」を使用しているユーザーもいます。
一般的に紙媒体もやっている企業では、「Illustrator」を使用してサイトデザインを制作しているケースが非常に多いです。

コーディング等ではAdobeの「Dreamweaver」がもっとも有名ですが、テキストエディタでコードを作成できる力があれば、ワードパットソフトの「Terapad」やGithubが提供している「Atom」も非常に使いやすいです。
コーディング面においてはファイルのエンコードとHTMLやCSS記載のエンコードをあわせないと文字化けも起こしてしまうので、個人的には「Terapad」が使いやすいと感じています。

運用面、特にアクセス解析などにおいてはこちらもMicrosoftの「Excel」や「PowerPoint」が非常に使われます。ツールとしては「Googleアナリティクス」と「Googleサーチコンソール」を使います。
Excelはうまく使えば得られたアクセス情報からさらに様々な視点でのアクセス情報を拾い出すこともできるため、Excelを使いこなせることができれば大きな武器になります。
アクセス解析等はディレクターが兼任しているケースも多いです。

ざっと上げましたが、全てを担当する場合は「Excel」「PowerPoint」「Illustrator」「Photoshop」「Dreamwerver」「Googleアナリティクス」「Googleサーチコンソール」の7つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。

関連タグ【マーケティング】に関するよくある質問

マーケティングに関するよくある質問を抜粋しています。マーケティング・Web運営に関するよくある質問はこちらから。

専門知識が薄く困っています。何から覚えればよいですか?

現在実務で行っている方は、専門知識よりも自社・自社サービス知識を覚える方が最も良いです。
なぜならば、自社サービスに興味を持ってもらうためにどのような言い回しが良いか、伝わるかの基準を持てるからです。いわば、営業担当と同じです。

一個人の考えではありますが、これからマーケティングやWebサイト運営の勉強をされる場合においては、「正しい情報の集め方」を覚えることが近道かと考えています。

自身の「提供したい情報」がどんな検索キーワードで来てくれるのか、またそういった「検索してくれた人をどうさせたいか」ということを考えることがWebでのマーケティングや運営の第一歩になるのではないかと思っています。

そもそもサイト運営は何人体制でやるべきですか?

自社企業サイトの運営だけを主体とした業務であるならば、「Googleアナリティクス主担当」「更新作業主担当」「他部署連携主担当」の3人体制であれば、よほどの業務量でない限りは問題ありません。

但し、ECサイトになると「商品企画」「SEO」「広告運用」「梱包発送」などなどかなり裾野が広がり数十名規模の人材が必要になります。

マーケティングでまず大事なことは何ですか?

競合他社のベンチマークがまず挙げられると考えています。

Webサイトのデザインを作成するときもテーマ別に参考になるサイトを見てデザインを起こすことが多いです。

もちろんマーケティングにおいてもできるだけ同じか、似た商材を扱う競合他社をしっかり知る事が自社サービスの醸成につながる近道です。

急激にインデックス数が減ってしまいました。どうしたらよいですか?

長く情報が更新されていない場合、インデックスのクロール頻度が下がり、インデックスから外れる可能性があります。
単一ごとのページを一つ一つ更新する必要はありませんが、文章を変更したり、ページを追加したりなど、サイトを常に成長し続けられる状態を保ちましょう。
そして更新したら、常にsitemap.xmlを作成し最新の情報をGoogle側に届けるようにしてください。

絶対にやってはいけないSEOは何ですか?

一言で言えば、「ブラックハットSEO」全般に言えることです。
検索結果を欺くような対策は、かなり早い段階でGoogle検索エンジンからの「手動による対策」が行われてしまいます。

具体的には不要な外部リンクの設置やコンテンツの書き写しなどが上げられます。
この対策が横行していたときは、本来検索結果に上がってはいけないものが検索結果に表示されてしまうため、Google検索エンジンのリソースを大幅に消費してしまう事態を招いていました。

最近では不要なサイトはインデックス登録自体がされないように対策されているため、なかなかインデックスが増えてこない場合はサイト全体の情報品質を疑ってみたほうが良いかもしれません。

関連タグ【アクセス解析】に関するよくある質問

アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。

どんなレポート内容が喜ばれることが多いですか?

単純明快に「ここがよい」「ここが悪い」がはっきりしたグラフや数値の表記と、それに対するコメントや提案を記載していると、議論が進みやすく喜ばれやすいです。

複雑にしすぎると、概要が頭に入らなくなりがちになるため、「で、結局何が悪いの?」と打ち合わせの後半で陥る可能性があります。

年齢別や地域別のアクセスはどんな時に使いますか?

一例ですが、特定の地域や年齢層、それから男女どちらかまたは両方に大きく支持されているのであれば、支持された層のトレンドを狙ったコンテンツや広告ワード、閲覧されてる時間帯に広告費用をかけるなどといった費用投資判断の指標に使えます。

カスタムレポートは使用されますか?

出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。

一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。

アクセス解析を勉強したいですが、何から勉強したらいいですか?

Googleアナリティクスを使いこなせるようになりたいのか、アクセス解析の用語などの知識をつけたいのかによって、勉強するポイントは大きく変わります。

Googleアナリティクスを使っていく上ではまずは「ユーザー」「概要」に記載されている基本レポートの使い方を知るところから始まります。もっとも見る頻度が高いからです。
徐々に、「集客」の「トラフィック」や「行動」の「サイトコンテンツ」を知り、理解が進みページ前後の遷移状況などを見れるようになれば、「セグメント設定」を身に着けていく段階になります。

知識としては、離脱率と直帰率の違いをきっちり理解できればページの性質に合わせた説明をできるようになるのではと考えています。
アクセス解析に関する用語を習得する場合は、市販に売っている本や、用語解説をしているサイト等を参考にしてみましょう。
その際、単純に用語を知るだけでなく、使い道などにも触れている情報を参考にすると良いです。

アクセス解析レポートを作るうえで大切なことは何ですか?

まずは必要以上に情報を入れすぎないようにした方がよいでしょう。
沢山記載することは大切ではありますが、数値を見てもらい理解してもらうには沢山の情報は邪魔になります。

具体的には、資料のボリュームと話するボリュームが同じ位に量を調整すると伝わりやすいです。

レポートを用いて説明をするときどんなことに気を付けていますか?

基本的には良かった点→理由、悪かった点→理由を簡潔に伝えたあとに望みの薄い解決策でも良いので解決策を必ず伝えるようにしています。

決策を述べた後に別の解決策を思い付くこともあります。そうすると議論が発生するかもしれません。
それを発生させることこそがWeb運営で最も大事なことではないかと思います。

索引から探す

タグから探す

よくアクセスされている用語

その他カテゴリー

Webサイトトップページに戻る

スポンサードリンク