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

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

概要

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

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

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

この用語のメモ

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

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

この用語の使いどころ

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

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

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

関連用語

記事元のページへ移動

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

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

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

この答えの解説

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

Q:h1～h6タグの入れ子（直下に入るタグ）で不適切なものを選んでください。

この答えの解説

実は全て入れ子にできるタグです。しかし、あくまで「見出しタグ」であることをきちんと理解したうえでタグを使用しましょう。
見出しなのに画像や別フレームなどが入ると構造的に非常におかしい形になってしまいます。

Q:pタグの入れ子（直下に入るタグ）で不適切なものを選んでください。

この答えの解説

pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。

Q:サイト制作の工程において正しいものを選んでください。

この答えの解説

サイト制作の前にまずベンチマークを行い、競合他社の状況を知るところからスタートします。
その後、自社の持っている情報をどう見せたいかを決め、そのためのサイト構成やサイトの目標達成のための道筋（導線）を決めていきます。
ここまでが基本的にディレクターの腕の見せ所で、その内容に沿ったデザインを依頼し、ブラウザ表示時の再現度の高い（質の高い）コーディングを行い、品質チェックを行った後公開となります。
例外はありますが、基本的にはこの流れで制作工程が進みます。

Q:運用における目標達成までの流れの順序で正しいものを選んでください。

この答えの解説

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

Q:制作会社（業者）を決めるに当たって参考になる要素を選んでください。

この答えの解説

非常にざっくりしている中で、おそらく最も対応できるとしたらレスポンスが早い点が挙げられます。
良い報告も悪い報告も、レスポンスが早い方が次の動作に早く対処ができ、納期的なロスを最小限に抑えられます。
制作料金が安い、納期が早いところは制作会社が持っているテンプレートがあてがわれる可能性があります。安易に決めれる要素ではありません。
資料が多かったり対応メンバーが多くても技術力が未知数のため、こちらも安易に決めれる要素ではありません。

Q:ユーザーエクスプローラで解ることを選んでください。

この答えの解説

ユーザーエクスプローラはあるCookie情報を持ったユーザーの閲覧履歴を追跡できる機能です。
コンバージョンに至るまでの中間ページや滞在時間等から、なんの情報記載を元に行動に移したのかの推測や仮説が立てられるようになります。

Q:「ページビュー」の説明について、正しいものを次の中から選んでください。

この答えの解説

ページビューとは、ユーザーがWebページを開いた数(=見られた数)を示します。

Q:平均滞在時間から何を読み取るべきか選んでください。

この答えの解説

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

記事元のページへ移動

ユーザーインターフェースに関わるよくある質問

Web制作って具体的には何をしますか？

全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案（ワイヤフレーム）作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。

各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。

ディレクターは主に前半の「打ち合わせ」から「構成案（ワイヤフレーム）作成」までを担い、あとは品質チェックや進行管理を中心に行います。

デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。

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

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

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

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

CSSを習得したい場合、何から習得したらよいですか？

CSSは組み込みされたHTMLの装飾を行うものです。よって、レイアウト等の配置もこのCSSで行う形になります。
CSSを初めて使用する際に壁にあたってしまうポイントとして「float」の処理ではないかと思います。
むしろ、floatの仕様が理解できればある程度のレイアウトのコントロールができるようになるので、何度も繰り返し組んでみましょう。
floatと併せて「clearfix」というものも覚えるとレイアウト崩れが防げます。

絶対にやった方がいいSEOは何ですか？

一言で言えば、「ホワイトハットSEO」を目指した取り組みになります。

SEOは、検索エンジンで上位表示されるように内外部の施策を行っていきますが、とくにホワイトハットSEOでは「検索意図」をしっかり吟味した上でその検索内容にふさわしいコンテンツをつくり、ユーザーに適切な情報を与えられるサイトと評価されるように取り組むものになります。
検索をして、ページに入ったユーザーが「役に立つ」と感じるサイトであることが重要で、昨今の「コンテンツSEO」が最重要とされている理由です。

そして、コンテンツをしっかり作ったとしても、それがきちんとGoogleの検索エンジンに認識されなければなかなか検索エンジン側へ反映されません。
したがって、文法上正確なHTMLタグを設置し、Googleの検索エンジンに情報がしっかり流れるようにするためのコーディングが必要です

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

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

出た数字をもって改善場所を伝える際どのように伝えると伝わりやすいですか？

大前提として「Webを大して知らない人でも分かりやすい」ものである必要があります。
数字を伝えるのももちろん大事ですが、何より「専門用語」をいかに使わずに説明や例えばなしができるかにかかります。

その場にいるメンバーの理解・共有が進めば改善にむけたスピードは早まり、決済決断は早まり、サイトの改善は早く進められます。
ひいてはビジネスチャンスのタイミングを増やすことにも繋がります。

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

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

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

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

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

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

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

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

Googleアナリティクスの情報でこれだけは見ておいたほうがいいものは何ですか？

まずはサイト全体のアクセス概況がわかるユーザーサマリーを見るようにしましょう。
また、最低でも月単位で数字を比較する必要があります。

見る指標については、セッション数、平均セッション時間、セッション/ページビュー、直帰率はチェックした方が、時系列毎でのサイトの反応が分かりやすくなります。

次にレポートを注視するタイミングについては、何らかのサイトの更新時や、いつでも良いので一週間のうち必ず見る曜日を決めて見るなど、タイミングを予め決めることが変化に気づきやすいです。

ユーザーエクスプローラーの活用方法を教えてください。

ユーザーエクスプローラは個人個人が持っているtoken情報をもとにユーザーを追えるものになります。
その性質から「サイトの遷移」「再訪頻度」「コンバージョン後の行動」等も追えます。

コンバージョンまでどうしたか、だけでなくコンバージョン後に何をしているかを見ていくことで「どんな情報を探しているか」「その情報をどうしたら見つけやすくなるか」といった対策をたてられます。
すなわち、再訪率の向上やシェア獲得率の向上にむけた改善に取り組むことができます。

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

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

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

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

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

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

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

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

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

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

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

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

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

記事元のページへ移動

その他カテゴリー

Brand New Webトップページ