サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ウェブサイト設計の時に役立つ７つのテクニック／【その1】ファーストビュー設計のポイント (ユーザビリティ実践メモ)
サイトを作るにあたって、伝えたいことやユーザが求めているものをはっきり考えられても、いざ実際のウェブサイトにしようとするとどう作ったらいいのか途方に暮れてしまう、といったことはありませんか？ 実践メモでは、今回から7回シリーズで実際のウェブサイトをどう作っていったらよいのか分からないときに役立つ、特に重要な7つのテクニックについてまとめていきます。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 目線の操作 他サイトでの慣習 まとめの第1回は「ファーストビュー」についてです。ファーストビューは、ユーザがそのページを見るかどうかを決める重要なエリアです。以下4つのことに気をつけてください。 ファーストビュー設計／4つのポイント 縦幅を節約する 適切なフィードバックを与える 下にページがつながる印象を与える 画像を置く 1. 縦幅を節約する スクロールしないユーザもい
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
人間中心設計プロセスでの具体的なデザインへの落とし込みの技術に関する理解不足について: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 今日はちょっとショックなことがありました。 昔、僕がペルソナとシナリオを用いて要件を定義したWebサイトがようやくリニューアルされて公開されていたのを見つけたんですけど、こりゃ、ペルソナやシナリオを使ってモデル化したことがほとんど設計に反映されてないなと感じたからです。 ペルソナを用いるゴールダイレクテッドデザインのメリットは、利用者のゴールとコンテキストを理解し、また利用者の脳内モデルを把握することで、利用者の使いやすいデザインを実現することですが、今日見たサイトは、機能要件／コンテンツ要件のレベルはユーザーの要求は満たしているものの（それは僕がやったのでできてないとおかしい）、情報構造化や構造を具現化する視覚表現のレベルではまったくユーザー要求を考慮したものとは思えない
未経験者がユーザーテストを行う際の10のポイント - livedoor ディレクター Blog
こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会
【IT Japan 2007】「デザインに凝ったウェブサイトほど予約率は低かった」，星野リゾート社長が講演：ITpro
「我々はついつい旅館やホテルのウェブサイトを格好良くしよう、きれいにしようと思ってしまうが、それが必ずしも予約率向上にはつながっていなかった」 リゾート施設運営を手掛ける星野リゾート（長野県軽井沢町）の星野佳路社長は7月9日、東京都千代田区のホテルニューオータニで開催中の「IT Japan 2007」で講演し、こう語った。講演の題名は「収益向上を狙うネット・マーケティング戦略 『科学的仕組み作り』で顧客数を拡大」というものだ。 星野リゾートは、本拠地である軽井沢の温泉旅館「星のや」をはじめとして、大型スキーリゾートから小規模温泉旅館まで12施設の運営を手掛ける。星野社長は、前近代的な日本の旅館・ホテル経営の世界に、顧客満足度調査やシックスシグマによる業務改善など科学的手法を持ち込み、不振に陥ったリゾート施設の再生を実現してきた。 最近、力を入れているのが、ウェブサイトを経由した予約獲得だと
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
第4回 予想外の行動をするユーザーの心をつかまえるデザイン術 | ユーザー視点のウェブデザインガイド
第4回 予想外の行動をするユーザーの心をつかまえる ～ユーザー中心設計実践のコツ～ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 「情報構造が整理されていればよい」と思ったら大間違いこれまで、「ウェブページのフォーム」や「ユーザーの目線」といったテーマを採り上げて、ユーザーにとって使いやすい（≒ビジネスに貢献する）サイト設計のコツについて書いてきた。今回は、実際にユーザビリティテストを行った結果わかった特徴的な行動パターンを具体的に交え、ユーザーの行動や
MarkeZineを検証！ ユーザビリティ改善大作戦
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
第18回 検索結果のページ・ナビゲーションで考えた：ITpro
今回は，「検索結果」のインタフェースについて考えてみたいと思います。「検索結果」とはその名のとおり，検索エンジンやそのほか様々なサービスで利用されている検索機能において，ユーザーが指定した検索条件に引っかかる結果を一覧したページのことです。 自分が知りたい情報になかなかアクセスできなくて，いらいらさせられることってありますよね。検索結果のページ・ナビゲーションは，そうしたストレスを軽減させるだけでなく，逆にそれを増加させてしまう力も持っていると思います。 図1：Googleの検索結果ページ 図1はいわずと知れたGoogleの検索結果ページです。検索エンジンは，筆者も含めて多くの人にとって極めて利用頻度の高いサービスになっています。こうした検索機能は普段なにげなく利用されていますが，サイト利用者が自分の必要な情報にアクセスするための重要な経路の一つです。したがって，検索エンジンのような「検索
第４回ヤマト運輸サイトのユーザビリティ
日経ＢＰコンサルティングシニアコンサルタント，古賀 雅隆＝日経ＢＰコンサルティングチーフコンサルタント ユーザビリティ、SEO（検索エンジン最適化）の視点から、ヤマト運輸のWebサイトを、トップページ中心に検証してみよう。 まずは、ユーザビリティについて。ヤマト運輸のWebサイトはサイトビジター向けの入り口をきちんと分けて提示しているものの、ビジターの目的と、ヤマト運輸のサイト設定目的が微妙にズレてしまう可能性が見つかった。 ヤマト運輸のサイトは、BtoB、BtoC両方の役割を兼ねている。一般に、BtoBとBtoCとでは、ビジターが利用したいコンテンツが、大きく異なることが多い。同サイトでも、「個人のお客さま」「法人・個人事業主のお客さま」と入口を分けている（ヤマト運輸サイトの場合、サイト全体のトップページイコール「個人のお客さま」のトップという構成だが、この記事では、便宜上、「個人のお客
第8回 Web2.0以降のデザイン・プロセス（前編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
アイトラッキング: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨年末、会社のほうでアイトラッキング用のツールを導入しました。ユーザビリティ関連のサービスをより強化するために、導入したんです。 ものが届いたのが年末ギリギリだったり、ソフトのインストール用のPCの準備がとまどったりで、ようやく昨日から触れるようになりました。それで、さっそく今日の午後、数時間かけて、いくつかのWebサイトを対象に、社内の人間にモニターになってもらい、調査の練習を行なってみました。 ニュースサイトをアイトラッキングモニターテストを行なう中で、ニュースサイトの記事閲覧、検索というタスクを与えた調査を実施してみたのですが、これがなかなか興味深かったですね。 まず記事閲覧時の目の動き。 これが見事に記事の書かれたエリアだけをテキストの流れに沿って視点が動き、サイド
ユーザは意外な情報から判断している (ユーザビリティ実践メモ)
自社のサービス・商品をウェブサイトでいかに効果的にユーザに見せることができるかどうか、頭を悩ましているウェブマスターの方も多いのではないでしょうか。 テストで発見された顕著な例をご紹介します。 【ケース1】：インターネットセキュリティ製品の場合 この製品は品質、価格など全体的に優れている点が多く、ウェブサイトでも効果的にアピールできていました。 ところが、下位階層にあるメンテナンスに関するページの更新日付が、かなり古いままになっていました。 それを目にしたユーザは、「セキュリティ製品は常に最新にアップデートされていることが重要なのに、ずいぶん昔のまま放置されている。この製品のセキュリティ情報の更新頻度は大丈夫なのでしょうか・・。」と不安を持ってしまいました。 【ケース2】：特化型の中古車販売店の場合 この販売店は、特定の車種のみを専門に扱っており、このコンセプトはターゲットユーザに
安心感を与えるフォームページ (ユーザビリティ実践メモ)
個人情報の取り扱いに厳しい目が向けられる昨今、入力フォームはセキュアなサーバに置くなどの配慮をしているウェブサイトも多いかと思います。 安心感を与えるフォームページを実現するために弊社が考えるのは、「ユーザが不安に思うタイミングに、明示的に安心要素を配置する」ということです。 ユーザは、個人情報などを入力するページにアクセスした途端にセキュリティに関して気にする傾向があります。そこで、ページ上部にセキュアであることを証明するマークを配置することが検討できます。 また、一通り入力をし終えたユーザは、次に画面に移動する際に「次へ」ボタンなどのリンクをクリックする際にも、「本当にこのウェブサイトはセキュリティがしっかりしているのだろうか」という不安に駆られます。 次のページに遷移するアクションボタンの近くにも「セキュリティ保護のためSSL（暗号化通信）を使用しています」などの文言や、セキュリティ
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
