実用編

ユーザビリティチェック

詳細コンテンツ関連

製品利用の動機を固められるコンテンツの提供
  • 説得力ある情報を提供しているか?
  • 製品の魅力を伝えるコンテンツか?
  • 安定した使用感を得られるか?
  • 製品に対する理解を深めるコンテンツか?
  • 周辺情報や参考情報が詳細かつポイントにまとめられ、充実しているか?
情報をスムーズに閲覧できること
  • 文章構成や図版など読みやすさが配慮されているか?
  • ユーザーにとって重要な情報が一見してわかるよう表現されているか?
  • レイアウトが論理的に整理されているか?
  • 情報の構造は把握しやすいか?
  • 閲覧環境の違いに配慮されているか?
  • 参考情報の取得に手間を強いていないか?
他製品との違いや特徴の理解
  • 製品を比較参照するための機能や手がかりはあるか?
  • 他製品との違いが明瞭か?
意思決定に迷うユーザーの判断基準
  • アドバイザーやプランナーの立場のコンテンツはあるか?
  • 導入事例が用意されているか?
  • 基本情報や特徴をすぐに把握できるか?
  • ユーザーのニーズに応じた情報提供がなされているか?
  • 迅速に問い合わせできるか?

企業・運営者情報関連

共感を得られる企業姿勢を十分に伝える
  • 充実した企業活動の情報を提供しているか?
  • 企業情報へアクセスしやすいか?
サイトの趣旨をはっきりする
  • ホームでサイトのコンセプトや役割をユーザーに伝える工夫があるか?
  • 明確なアイデンティティーとブランド訴求はあるか?
サービス・運営を理解して安心する
  • サービス内容・運営方針に関する情報が適切に配置されているか?
  • そのサービスならではの情報を提供しているか?
  • 顧客から寄せられた意見・要望への対応状況をわかりやすく掲載しているか?
  • 基本的な情報は落ち着いた表現で提供しているか?

お問い合わせ・サポート関連

疑問や不安を速やかに解消する仕組み
  • 総合的な問い合わせ窓口を用意しているか?
  • 問い合わせ先にアクセスしやすいか?
製品のアフターサポートに関する情報の捜索性
  • サポート情報の分類基準や入手手段が明確か?
  • 目的のサポート情報のすばやい参照が可能か?

導線関連

ナビゲーション
  • どのような情報が提供されているのか推測しやすいか?
  • 操作対象や閲覧中の情報内容が明瞭か?
  • 的確な情報表現による最適な窓口へ誘導しているか?
  • コンテンツが分かりやすく整理・分類されているか?
  • ユーザーが興味ある情報を見つける手がかりが豊富か?
  • サービス情報が適切に整理されているか?
  • ナビゲーション機能の提供方法が一貫しているか?
  • クリック後の反応は予測しやすいか?
サービスの理解を深める
  • 同サービスの情報が複数に存在する場合、関連情報へのリンクは十分か?
  • 関連情報が豊富に用意されているか?
  • 情報や機能の関係性は把握しやすいか?
ユーザーに対して積極的に情報を提供する
  • 気になるサービスに出会うきっかけが明確かつ豊富か?
  • 特定の情報をユーザーに提示する工夫があるか?
  • サイト全体を見なくても、気になるサービスを見つけられるか?
  • 関連する情報への誘導は十分か?
サービス検索機能
  • 操作方法が明瞭な検索機能か?
  • 検索結果から比較検討しやすいか?
  • 検索や入力の手間は適切か?
  • 検索結果のエラーページに有益な情報を示しているか?

最近の記事

文章のユーザビリティ

この書籍の中で、ライティングのユーザビリティについて触れている項目があり、激しく共感する部分だったので、ここで備忘録としてピックアップする。 ・・・

ライティング

インタフェースデザイン

この書籍は、I部 リサーチ、II部 デザイン、III部 インプリメンテーションと三部構成になっている。この記事では、その中から、I部 リサーチ、・・・

デザイン思考

フルHD映像を4Kにする → スーパースケール

これを知ったときはマジか!と飛び跳ねた。あらためて思い返してみると、確かに公式チュートリアルでも触れていたことをうっすら思い出す。そしてそのときとやり方がなん・・・

DaVinci Resolve

Macで編集時と書き出し後で色味が変わってしまう場合に試してみたいこと

試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント・・・

DaVinci Resolve

プロジェクト設定と環境設定

プロジェクト設定と環境設定について詳しく解説されている情報がなかなか見つからないので、要所要所で知り得た情報を更新していきます。 プロジェクト設定 ・・・

DaVinci Resolve

項目”Clipy”は開いているため、ゴミ箱に入れることができません。←アンインストールしようとしたときの話し

Clipyが超絶便利そうだったので、macOS Big Sur にインストール&再起動して使ってみた。ところが、command + c を複数の箇所で行い、c・・・

徒然なままに

setTimeout は requestAnimationFrame に変えるべき?

requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati・・・

JavaScript

書籍「小さなチーム、大きな仕事」からピックアップ

6年ぶりに読み返したが、今なおハッとさせられることが多く見つかる。 この本で忘れないようにしたい項目をピックアップするだけでも役に立ちそ・・・

起業向け情報

書籍「完全網羅 起業成功マニュアル」からピックアップ

この記事では、以前に読んだ際に付箋を付けていたが、その部分だけを備忘録としてピックアップするため、本の要約ではない。実際は、何倍も濃い内容で、練・・・

起業向け情報

書籍「はじめの一歩を踏み出そう」から気になったフレーズをピックアップ

もう一回、全部読み返したいところだが、書籍がありすぎるので、当時付箋紙をつけていたところだけをピックアップ。書籍内ではより具体的な説明があるので・・・

起業向け情報

人気の記事

floatとvertical-align? → display:table-cell; !

上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。何・・・

CSS2010年6月28日

レイアウト全体を画面のセンターに設定する

本来であれば #wrapper{ width:○○px; margin:0 auto; } の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままで・・・

CSS2007年12月13日

基本のCSSを学んだ人が次に読む本

タイトル 速習Webテクニック スタイルシート 上級レイアウト 発行日 平成18年4月25日 値段 2,780円+税 CSSをもう・・・

Web本・デザイン本2007年1月6日

リストとナビゲーション「横」編

xhtmlソース <div> <ul> <li>navi1</li> <li>navi2</・・・

CSS2007年12月13日

Windows/Mac IE version4の排除

@important "test.css"; ポイントは@importantを設定し、1ファイルかますこと。ただし、この設定ではMacI・・・

CSS2006年12月31日

jQuery Mobileを使ったページ遷移時のトランジション

jQuery Mobileを導入するだけで、同ドメイン内の他ページやページ内リンクを使ってページ遷移するときに右から左へスライドします。デフォルトは「右から左へ・・・

JavaScript2011年2月25日

html拡張子でありながらphpを動作させる

もっとはやくに気づいていたかった・・・。 環境としては、レンタルサーバーhetemlを使用してMovablTypeをインストールしています。 http://he・・・

php2010年5月29日

Amazon Product Advertising API(署名入り)をアフィリエイトとして使う

AmazonのProduct Advertising APIをアフィリエイトとして使おうと試みて、その概要をつかむまで2,3日かかってしまった。まず、アカウン・・・

php2010年10月28日

ファイル名を拡張子なしで取得するサンプル

変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");・・・

php2011年10月27日

MacIEだけを分離するハック

/*¥*/ MacIE以外 /*/ MacIE用 */ どのブラウザでもOK MacIE以外だけに設定したい場合やMacIEのみに設定したい場合でも、コメント・・・

CSS2006年12月31日

コメントありの記事

インタフェースデザイン

「test」

デザイン思考

Instagram API を使ってインスタに投稿した画像データを取得する

「>ころころさん コメントありがとうございます! 確かに、APIドキュメント見ましたが、ライブに関する情報は今のところ取得できないようですね。 インスタライ・・・」

API

Sony Eマウント フルサイズ対応のカメラレンズを収集するページを作ってみた

「SIGMAから超軽量で明るい単焦点レンズが2本発売になりましたので、リストにレンズ情報追加しました!」

お仕事・制作日記

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

「>名無しさん ご指摘、ありがとうございます! 記事冒頭の「まずはサンプル」のサンプルが動いていませんでしたので修正しました。」

JavaScript

えっ!?Yahooの検索結果から遷移しようとしたら全く違うサイトにリダイレクトされてしまった...

「>前田さん コメントありがとうございます。 環境は分かりかねますが、修正したいファイルのパーミッションを604や644に変更すると書き込みできるようになります(・・・」

お仕事・制作日記

記事の投稿IDなどの投稿者(ユーザー)情報を取得する方法 → get_the_author_meta

「アバターを取得する「get_avatar」についても追記しました!」

WordPress

jQueryでformを操る【nameの値を取得する/クリアする】

「「値をクリアする」を追加しました。チェックボックスやラジオボタンの値を何も選択していない状態に戻すときについて触れています。」

JavaScript

iframeの高さを自動調整する

「>匿名さん コメントありがとうございます。 サンプルでは、beforeは何も処理していないので期待する表示にならない、で正解です。 クリックした後が、対応・・・」

JavaScript

MAMPでMySQL Serverが突然起動しなくなった時 → ログファイル削除

「(匿名)さん コメントありがとうございます。何も設定変更していないのに、それまで使用できていたサーバーが突然使えなくなるのは辛いですよね、、。 ここで紹介したや・・・」

MAMP

イラストレーターでレイヤーごとにPNGで書き出す

「コメントありがとうございます! そもそもできるかはわかりませんが、ソースを書き換える必要はあります。 下記記事などが参考になるかもしれません。 illustra・・・」

Illustorator

WEB制作WEB設計実用編ユーザビリティチェック | シンプルシンプルデザイン