公開日 : 2010年2月11日 (2011年1月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ このところ、Web以外での、リアルワールドにおけるプロダクトのユニバーサルデザイン（UD）関係者とお話をさせていただくことが何度かあり、その中で、久々に「Ronald Mace（ロナルド メイス）のユニバーサルデザイン7原則」に触れる機会がありました。古くからある有名な原則なので、すでにご存知の方も多いと思いますが、今見ても興味深い内容なので、この場でも採り上げてみたいと思います。 当サイトでは度々、WebサイトやWebアプリケーションのアクセシビリティについて扱っていますが、Mace の7原則は、こういったソフトウェアベースのものにとどまらず、ハードウェア的なもの、さらにはもっと大きな施設（たとえば建築物）なども包含した上で、ユニバーサルデザインのありかたについて、簡潔
こんにちは。10月からブロググループのディレクターをしている真田 (さなだ) です。 これまで私はマークアップエンジニアをしていましたが、コンテンツの設計段階から参加できることは多くありませんでした。ディレクターとなったからには、根本からHCD (人間中心デザイン) を意識したコンテンツ作りをしていきたいと思っています。 そこで今回はまず、ユーザーエクスペリエンス (以後UX) とユーザビリティの基礎についてまとめてみたいと思います。 UXってなに？ なかなか明確に定義することが難しく、さまざまな解釈がなされているUXという言葉。 直訳すると「ユーザー体験」となりますが、国際規格のISO 9241-210の中では、「製品やシステム、サービスを使用、あるいは使用を予想した時の、人の知覚と反応」とされています。 それを利用したときに感じるあらゆる感情、また「使用を予想した時の」とあるように、製
1978年早稲田大学大学院博士課程単位取得満期退学。同年(株)日立製作所入社、中央研究所に勤務。1988年同社デザイン研究所に異動。1996年より静岡大学情報学部教授。2001年9月、文部科学省メディア教育開発センターに教授として赴任。ヒューマンインタフェース、特にユーザビリティを研究するなかから、ユーザー工学や人工物発達学を提唱するに至った。現在、学校法人放送大学 メディア活用・遠隔教育センター 教授、国立大学法人総合研究大学院大学 学長特別補佐、文化科学研究科 メディア社会文化専攻 教授 先生が研究されているユーザビリティとユーザーエクスペリエンス（UX）の違いについて、まずは、定義していただけますでしょうか。 ユーザビリティとUXという概念は、世間で混同されている傾向があります。そもそもUXとは何に関するものであるか、ということを考えるとその辺が整理されます。まず、ユーザビリティとい
第40回 そもそもの台頭 2010年2月 9日 （これまでの増井俊之の「界面潮流」はこちら） 30年ぐらい前の家にはたいてい応接間というものがあり、ピアノや百科事典や家具調ステレオが置いてあったものですが、最近は応接間がある家はほとんど無くなり、WikipediaやiPodが使われています。 超音響ステレオ「響」 ブラウン管テレビやモニタはほとんど消滅しましたし、無駄に大きなデスクトップパソコンも消えつつあります。LANや電話などのケーブルも減ってきました。街中からは公衆電話が少なくなり、都会の駅では切符が消えつつあります。新しい製品やサービスが沢山出現している一方で、以前は普通に存在したものがどんどん消滅してきています。 そもそも物件 そもそもステレオというものは音楽を聞くために開発されたものであり、外見が立派である必要はありません。そもそも百科事典というものは様々な知識を得るためのもの
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
また、電卓など標準アプリケーションに入っているのも昔のまま。AppleのCMでクールなアプリケーション(笑)として挙げられているのをご存知の方も多いと思う。過去との互換性もあるので(別のアプリケーションから起動している可能性がある)変更が難しいのかも知れないが、どうせ変えるならとことんWindows Vista風にして欲しかった。 電卓 これも3.x以前から存在する標準アプリケーション。何1つ仕様は変わっていない Windows史上初？ 大きく変わった「電卓」 誰もが一度は使ったことがあるWindows付属アプリケーションの筆頭と言えば、やはり電卓だろう。ごく単純なメモリー機能付きの四則計算に使うのが一般的だろうが、2／8／10／16進数を扱う関数電卓にもなる。Windowsの電卓は「あって当たり前」の空気のような存在で、Windowsが手を変え品を変えて進化してきても、電卓だけはほとんど
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Janko Jovanovic氏がSmashing Magazineにおいて10 UI Design Patterns You Should Be Paying Attention Toのタイトルのもと、ユーザインタフェースに関するデザインパターンを紹介している。UIデザインパターンは一般的なユーザインタフェースの問題を解決するためのデザインパターン。繰り返し表れるような一般的な問題に対して効果がある。次のUIデザインパターンが紹介されている。 遅延レジストレーション サービスを使うにあたって最初に登録作業が必要になるのは、ユーザにいらだちを感じさせる。できればユーザ登録作業は必要になるまで遅延させてお
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
Search Engine Journalのエントリー「50 Questions to Evaluate the Quality of Your Website」から、あなたのウェブサイトの品質を判断する50のチェックポイントの意訳です。 50 Questions to Evaluate the Quality of Your Website アクセシビリティ ナビゲーション デザイン 内容(コンテンツ) セキュリティ その他：テクニカル その他：マーケティング 法関連 アクセシビリティ コンテンツは、ナビゲーションから独立していますか？ ウェブサイトは、クロスブラウザに対応していますか？ ウェブサイトのコードは、正しいHTML/CSSを使用して、W3Cに準拠していますか？ Altは、画像にありますか？ 画像などマルチメディアで構成された箇所に、代替となるテキストベースの要素がありますか？
セキュリティに優れたSSLサポートは重要だが、問題がない状態が分かるよりも、“問題が起きている状態が分かる”方が重要なのだ。 Webブラウザは、現在において重要度の高い成熟されたアプリケーションである。そのエラーメッセージは完璧なものだろうと考える読者もいるだろう。しかし現実には、ブラウザの解釈はかなりお粗末なのである。アドレスの入力ミスといったエラーでさえも、初心者にとっては意味不明のメッセージが表示されるのだ。すべて正常に動作している場合、Webは単純明快だ。もちろん、いつもそのようになるわけではない。 このような問題が生じた場合、その状況を最も説明しにくいブラウザ機能の1つがSSLサポートである。IE 7では、この点に関してある程度の改善が施されている。一方、Mozilla Groupは、Firefox 3でエラー発生時の対処を容易にしようとしている。 両ブラウザは、SSL証明書の新
It's my honor to announce that John Carmack and I have initiated a friendly bet of $10,000* to the 501(c)(3) charity of the winner’s choice: By January 1st, 2030, completely autonomous self-driving cars meeting SAE J3016 level 5 will be commercially available for passenger use in major cities.I am betting against, and John is betting for. I have another long-term bet: I bet @codinghorror $10k that
入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
ヒューマンエラー学 ヒューマンエラーは、なぜ起こる？どう防ぐ？ 産業技術総合研究所 デジタルヒューマン研究センター研究員 中田 亨 toru-nakata@aist.go.jp 2006年12月8日更新 (2005年5月27日書き始め) おみやげ (1)このページをダイジェストにしたパワーポイント (2)ダイジェスト版「ヒューマンエラー抑止 医療版テキスト」(PDF) (3)ダイジェスト版 安全化技術の展望(PDF) ヒューマンエラーとは？ ヒューマンエラーとは、人間の過誤（ミス）のことです。人為ミスとも呼ばれます。不本意な結果を生み出す行為や、不本意な結果を防ぐことに失敗することです。 特に、安全工学や人間工学では、事故原因となる作業員やユーザの過失を指します。 下手や無駄だけど事故にならない操作や、機械設計者の設計ミス（＝操作者以外の人的過誤）は、普通はヒューマンエラーには含めませ
６月１５日と１６日の２日間わたって開催した“インタビューとシナリオ”のセミナーには８名の方々が参加してくださいました。今回は製品企画担当の方が多かったので、インタラクティブシステムの設計を前提とした内容に最初はちょっと戸惑われたようですが、すぐに自分の仕事への応用の可能性に気付かれたようです。インタビューの実習やシナリオ作成の宿題にも熱心に取り組んでいただきました。特に福岡、大阪、愛知から参加された皆さんは、遠路お疲れ様でした。 インタビューのコツ ところで、コンテキスト調査の初心者の人がインタビューしているのを見て、私がいつも感じるのは「随分と質問しているな」ということです。もちろん、インタビューアが質問しない限りユーザから回答は引き出せません。しかし、一問一答形式に陥ってしまっては、もはやコンテキスト・インタビューとは言えません。 ＜会話例１＞ インタビューア：「○○さんは普段、どんな
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
