タグ

usabilityに関するchaws2004のブックマーク (219)

  • インターネットにおける動画プロモーションで抑えておきたい要点 - WEB人

    インターネットにおける動画プロモーションで抑えておきたい要点 公開:2009年11月24日 00:46, 更新:2009年11月24日 12:20 トラックバック(0)  コメント(0) 動画サイトの隆盛や手軽に撮影できるカメラの普及によって、動画による表現やPRが個人・企業を問わず広まっています。ただ漠然と撮影してアップロードして大した反応を得られないどころか不評を買って失敗してしまう、なんてことにならないために、インターネット上で動画プロモーションをするための要点を前もって理解しておきましょう。 ウェブにおける動画の注意すべき特性 あらためて強調するまでもなく、時間は有限であり、特に先進国における時間の価値は「時間管理術」というだけでが書かれて売れちゃうくらい大きな要素です。そして時間という視点から言うと、動画というメディアはユーザーを一方的に一定時間拘束します。 ウェブ上で閲覧する

  • 【変則○×】Q.どんなサイトであったとしても、フルFlashのコンテンツはユーザにストレスを与えてしまう可能性が高いため控えるべきである。○か×か?(×と思う場合は、可能なら良い例を示してください。): beBit.Q

    【解説】ターゲットユーザや利用状況が限定される場合は、フルFlashコンテンツを用意することでより効果的なユーザ体験を提供できます。動きのあるコンテンツが表示されることを事前に想定しているユーザが対象のサイトでは、ストレスを与える可能性もグッと低くなります。 解説詳細 では、どのようなユーザに向けたサイトであればフルFlashが効果的だといえるでしょうか。 例として以下2つのケースをご紹介します。 1.ゲームソフトのプロモーションサイト サイトを訪問するユーザの多くは、対象ゲームに興味を持っている上、ゲームという商材の特性上、表現豊かな体感に訴えるコンテンツが求められているケースがほとんどです。 この場合、コンテンツをフルFlashとして提供することはユーザの期待に応える形となるためにストレスにはつながりづらい上、文字と画像のみで構成されるコンテンツと比べてより効果的にユーザの気持ちを盛り

  • 「お待たせしない」Webサイトでの接客 (ユーザビリティ実践メモ)

    1990年代、電話回線やISDNを使ったダイヤルアップ接続(低速・時間課金)でインターネットに接続することが一般的だった頃は、Webサイトの利用は「時間との勝負」という側面がありました。そのためWebサイトを制作する際も、htmlファイルや画像などを含めたページ当たりのサイズを小さくしてページの表示速度を高め、ユーザを待たせないことが重要視されていました。 ■人間の思考とシステムの反応速度 人間の操作に対するシステムの反応速度については、一般的に次のような関係が見られると言われています。 (参考:「Response Times: The Three Important Limits」 Useit.com(英語)、「10の累乗: ユーザーエクスペリエンスにおける時間スケール」 Jakob NielsenのAlertbox(日語)) 0.1秒:ユーザは、自分がシステムを「直接」操作していると

  • 単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報

    最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ(かなり前から用いられている)でありながら今また勢いを増しつつある(少なくとも僕は人気上昇中だと感じている)デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先(知り合い)を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手

    単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報
  • nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜|withComputer

    数年前に「日語でケアナビ」プロジェクトに加わったことをきっかけに、「カテゴリとタグというナビゲーション要素をどう扱うか」は僕の問題意識のひとつになっています。で、1月ちょっと前に公開され話題になったライフレシピ提供サイト nanapi [ナナピ] のナビゲーションは、この問題に対するひとつの解を示しているように思いました。せっかくなので考えたことを以下まとめてみます。 カテゴリという(階層構造も含む)分類の仕方は、サイト利用者の多くがスムーズに理解できる一般的な概念といえるのですが、タグという概念の認知度はまだまだ「Webに詳しい人は知っている」の域を出ていないのではないかと思います。タグという属性のラベルを使い、複数のタグを使って「AかつB」という条件でモノを絞り込んでいく手法は、とても便利で面白いものです。でも知らない人にとっては、タグを用いたナビゲーションは難しいものに映るのが現状

    nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜|withComputer
  • テキストと画像、どのように使い分けていますか? (ユーザビリティ実践メモ)

    ウェブサイトは、テキスト、画像、動画など様々な要素で構成されています。皆さんはそれらをどのように使い分けているでしょうか?今回は、ユーザがサイトを訪問する際の目的意識の強弱による使い分けのヒントをご紹介します。 弊社ではユーザ行動観察調査にアイトラッキングを用い、サイト利用時の視線の動きを調査していますが、そこで頻繁に見られる興味深い現象をご紹介しましょう。 あるメーカーサイトを題材として行った調査では、特定の情報を求めて訪問するケース(以下、探索モード)と、サイトのファンなど定期的にサイトを訪問しており、特に強い目的がないケース(以下、回遊モード)でユーザの目線の動きに明確な違いが見られました。(下図参照) 探索モード(図の左側)では、主にテキストリンクを中心に目的のコンテンツへのリンクを探す傾向があるのに対して、回遊モード(図の右側)では、バナーなどの画像を中心に見ていく傾向が強いこと

  • 案内地図はGoogleマップだけで大丈夫? (ユーザビリティ実践メモ)

    Googleマップは無料で利用でき、組み込みも簡単なため、会社への案内地図として利用しているサイトも多いのではないでしょうか。ただし、条件によっては、Googleマップだけでは不十分なケースがあります。 1)全てのユーザがGoogleマップを使いこなせるわけではない 来訪するユーザは必ずしもGoogleマップの操作に習熟しているわけではありません。Googleマップはユーザが地図の表示範囲を移動したり、縮尺を変更できる点が魅力ですが、縮尺変更の操作はインターネットリテラシーの低いユーザにとっては難易度が高いため、ユーザに操作させることを前提とすることは避けるべきです。 来社するユーザの特性(周辺の地理に明るい地元の人/地理に疎い遠方の人など)や利用する交通手段(電車、徒歩、自家用車、バスなど)によっては異なる縮尺の地図を提示する必要がありますが、その場合は広域地図と周辺地図を分けて提示する

  • 実用的なユーザビリティの10のポイント:ガイドライン編 | コリス

    ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか? 左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.

  • 第25回 ユーザは使いよう | WIRED VISION

    第25回 ユーザは使いよう 2008年7月22日 ITデザイン コメント: トラックバック (0) (これまでの増井俊之の「界面潮流」はこちら) 近年のユーザインタフェース開発では「ユーザ中心設計」(User-centered Design)を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、当にユーザにとって使いやすいシステムを開発することが可能になります。 ユーザビリティの専門家のJakob Nielsenは以下のような5個の要素を使いやすさの目標としてあげています。 1. 学習しやすさ (Learnability) 2. 効率 (Efficiency) 3.

    chaws2004
    chaws2004 2009/09/14
    いいこと言ってる
  • 「デザインに凝ったウェブサイトほど予約率は低かった」 - ネタフル

    「デザインに凝ったウェブサイトほど予約率は低かった」,星野リゾート社長が講演という記事より。 「我々はついつい旅館やホテルのウェブサイトを格好良くしよう、きれいにしようと思ってしまうが、それが必ずしも予約率向上にはつながっていなかった」 星野リゾート社長が「収益向上を狙うネット・マーケティング戦略 『科学的仕組み作り』で顧客数を拡大」という講演で語ったそうです。 曰く、 よく調べると、施設によってウェブサイトのアクセス数や、予約に至る率にかなりばらつきがあることが分かってきた。ここも科学的にやらなければならないと思った。 科学的というのは、きちんとアクセス解析するなどして検証しましょう、ということのようですね。ベーシックですけど、欠かせません。 さらにビービットの協力を得て、アイトラッキングに出会ったそうです。 「利用者は、『ゆったりリラックス』などの文字情報はあまり見ておらず、画像を目で

  • ユーザーからのお問い合わせメールでハッとさせられたこと

    運営しているサービスを利用してくださっている方から お問い合わせのメールをいただくと、 たまにハッとさせられることがある。 その中から衝撃的だったのをひとつ。 そのサービスはログイン時に メールアドレスとパスワードを入力してもらうやつなんだけど、 それについてこういうお問い合わせが。 メールアドレスを2つ登録したいのですが メールアドレスによってユーザーを識別しているので メールアドレスを2つ登録しちゃったら それぞれが別ユーザーになっちゃいます。 もちろん1ユーザーに2つのメールアドレスを割り当てるよう システムを修正することも可能ではありますが いったい何のために2つ登録したいのか聞いてみると 会社のアドレスで登録してるんですが、家でも使いたいので なるほど! メールアドレスというのはもともと識別子の集合に過ぎないし ウェブサービスのログインに使う場合にはもう 単なるユニーク文字列でし

    ユーザーからのお問い合わせメールでハッとさせられたこと
  • タブUI詳解

    タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル

  • ネットブックやスマートフォン利用者に配慮したサイト作り (ユーザビリティ実践メモ)

    最近ネットブックとスマートフォンの利用者が増えているように感じます。 電子情報技術産業協会の調査結果によると、第一四半期国内PC出荷数の2割弱はネットブックとなっています。 スマートフォンの国内出荷台数を正確に知ることは難しいですが、docomoのGoogle携帯HT-03Aが流通し始めた点や、7月の日の携帯売上でソフトバンクのiPhone3GSが1位になった点から考えるに、今後ますます利用者が増えると予想されます。 私たちとしては、このような状況下でPC向けサイトを制作する際に、ユーザビリティの観点から注意すべき点が大きく3点あると考えます。 近年、家庭用PCのスペックや回線環境が整い、Flashなどを用いたリッチなコンテンツも快適に利用してもらえる可能性が高くなっていますが、一方でネットブックやスマートフォンの多くはそれほど快適なスペック、回線環境が整っているとはいえません。 たとえ

  • ここギコ!: やっぱり、iPhoneとガラケーは全然用途が違う、別物デバイスだと再実感

    Posted by nene2001 at 09:03 / Tag(Edit): iPhone ガラパゴスケータイ / 0 Comments: Post / View / 0 TrackBack / Google Maps iPhone 3GS発売を機に、iPhoneを買った。 それで2ヶ月くらい使ってみたが、確かに面白い。 GPSもコンパスも加速度センサも入ってて、コンテキスト取得デバイスとしては最高で、それを使ったゲームやエンタメアプリなんかも面白い。 ガラケーでWeb見てると、時々ガラケー変換されなくて読めないページや画像とかもあるので、そういうのをその場で確認したい時なんかにも重宝する。 また、端末が2台になったことで、ガラケーの電源が切れた時は代替の情報収集手段や情報入力手段にもなる。 が、両方使ってみてやっぱり思うのは、これ、全然ガラケーとは用途もユースケ

  • トップページは誰のもの? 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum

    今回はトップページの位置づけについて調整しよう。 これまで何度も考察してきたとおり、実際にアクセス解析を行うと、最初にトップページを訪れるユーザーは、今やわずか25%程度しかない。言い方を変えると、トップページを入り口とする来訪者は25%程度なのだ。 そういった状況を理解せずに、これまでのようなトップページ偏重の考え方のままサイトを運営していては、機会損失の原因ともなってしまう。 解析結果の「1番上」だからこそ 気づきにくいトップページの盲点アクセス解析で「アクセスの多いページ」「入り口になることが多いページ」を調べると、解析結果リストの1番上には、たいてい「トップページ」が出てくる。いろいろな動向はあるが、いまだにトップページは非常に重要なページであることに変わりはない。これまで、「訪問者はトップページからやってくるから、そこからどう誘導するかが大切」とよく言われてきた。“見せたいページ

    トップページは誰のもの? 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum
  • ゲシュタルト心理学 - Wikipedia

    ゲシュタルト心理学(ゲシュタルトしんりがく、Gestalt Psychology)とは、心理学の一学派。人間の精神を、部分や要素の集合ではなく、全体性や構造に重点を置いて捉える。この全体性を持ったまとまりのある構造をドイツ語でゲシュタルト(Gestalt :形態)と呼ぶ。 ゲシュタルト心理学は、ヴントを中心とした要素主義・構成主義の心理学に対する反論として、20世紀初頭にドイツにて提起された経緯を持つ。精神分析学や行動主義心理学に比べると、元々の心理学に近いと言える。特にユダヤ系の学者が多かった事などもあって、ナチスが台頭してきた時代に、同学派の主要な心理学者の大部分がアメリカに亡命した(例外的にヴォルフガング・ケーラーのみはバルト・ドイツ人出身)。その後、同学派の考え方は知覚心理学、社会心理学、認知心理学などに受け継がれた。自然科学的・実験主義的アプローチや、全体性の考察に力学の概念を取

  • ユーザが大切? | 経験デザイン研究所

    今年の春に「Webゼミを見てくれ。」と言われて、腰掛程度のつもりで引き受けたのですが。そこでビックリしたのが・・・。学生達が皆「ユーザの為に」「ユーザのことを考えて」しか言わないことと、作ったWebが全てステロタイプのつまらないものであったことです。許せ学生達、今の君たちはもう違うからね。 誰にそう習ったのかは知らないが、ユーザの事を言う割には「ユーザのニーズ探索」の手法をまるで知らないのです。ただ自分でユーザを大切に思っているだけ。それってユーザじゃなくて自分だって。(笑) HCD(人間中心設計)プロセスの中には、上図のように各プロセス毎に様々なユーザ調査やユーザ評価の手法があります。なぜこうまでしつこくユーザを調べるのでしょうか? その答えは簡単、とことん自分の作りたいものを作る時に人間はユーザのことは考えないし、ユーザに聞いたところで新しいアイディアを教えてくれる訳でもありません。

  • [Think IT] 【見やすさと使いやすさ】Flashにおけるユーザビリティ

    数々のWebサイトプロデュース、情報設計、画面設計(UIデザイン)、Web制作/運用ガイドライン策定などを手がけ、現在はWebユーザビリティ向上を支援するサイト「Website Usability Info」を運営。 得意領域は、ユーザビリティ、アクセシビリティ、情報デザイン(インフォメーションアーキテクチャ)、Webライティング、といったあたり。 http://website-usability.info/

    chaws2004
    chaws2004 2009/07/02
    これは良記事
  • 謝ったら負け!? アイコンも使い方次第 (ユーザビリティ実践メモ)

    Webサイト上で、ユーザが目的の情報にたどり着きやすくするために、複数の条件での検索機能を提供することがあります。 たとえば、不動産業やCATVなど地域に関連したサービスで、ひとつのフォームから、郵便番号でも町名でも検索ができるような機能を実装しているような場合です。 この検索機能に関して、ユーザ行動観察調査を実施したところ、以下のような行動が見られました。 まず、ユーザは郵便番号を入れて、検索を行いました。 しかし、このユーザが入れた郵便番号が間違っていたため、次のようなエラーが表示されました。 すると、このユーザは即座に「あ、ダメなんだ」とこのサイトを離脱してしまいました。 実際には、正しい郵便番号を入れ直すか、町名を入れることで再度検索が可能なのですが、このユーザに再検索をしてもらうことはできませんでした。 この行動の裏には、以下のような心理の動きがあると考えられます。 アイコンを見

  • ブラウザは知るべき存在だと思う

    @zerobase「誰がインタビューを実施し、結果を公表したか(その意図は何か)」への批判的な考察も書かれたほうがよいかも > “回答者の多くの方が「ブラウザ=検索」という認識を持っているみたいですね” ぜひ石橋さんの意見を伺いたいところですが、私もほうも肯定的に「ブラウザは見えない存在になっているのね。良かったね!」と考えているわけではありません。 利用者がウェブから取得したデータをどのようにブラウザで表示されるかどうかといった仕組みは知る必要はありません。ただし、ブラウザが分からないとなると、セキュリティへの理解も低いのではないかという懸念もあります。特別な知識やセキュリティソフトがなくても、ブラウザという窓口を利用しているのだと理解しているだけで予防出来ることは少なくありません。例えば、アドレスバーの URL を見るとことを意識するだけでも違うでしょう。SSLのサインが表示されている

    ブラウザは知るべき存在だと思う