英国内務省 (UK Home Office) によるウェブアクセシビリティの「べき/べからず」ポスター | Accessible & Usable
公開日 : 2018年11月19日 (2023年7月19日 更新) カテゴリー : アクセシビリティ 英国政府 (GOV.UK) は、世界的に見てもっとも積極的にアクセシビリティに取り組んでいる中央政府のひとつという印象ですが (たとえば、「Make your public sector website or app accessible」というガイダンスを提供していたり、「Accessibility in government」というブログを展開していたりします)、先日 UK Home Office (英国内務省) が、ウェブアクセシビリティの「べき/べからず (Dos/Don'ts)」をまとめた啓発ポスターを制作していることを知りました。GitHub で公開されているので、ご紹介したいと思います。 ウェブアクセシビリティの「べき/べからず」ポスター (UK Home Office) 障
幸福のデザインを忘れていませんか
利潤の増大はあくまでもUCDやHCDの結果のひとつであり、主要な結果は人々の満足感や幸福であるはずだ。そのことを忘れてしまったように見える昨今の状況においては、本来、我々が目指すべき目標が何だったのかを改めて知らせることが必要だろう。 黒須教授 2019年5月20日 マーケティングに毒された最近のUXD 現在、UXD関係者の焦点は、より高いUX水準を持ち、その結果、より一層ユーザに受けいられる、つまり購入したり利用したりしてもらえる人工物(製品やサービスやシステム)の設計と提供に偏ってしまっている。これは世界中で同じような傾向が見られているが、果たしてそれで良いのだろうかという反省が見られない。少なくとも僕の耳には入ってこない。 資本主義の世界では、製造手段や提供手段をもつ人々(資本家)が、それを持たない人々に働く場や手段を提供したり、その結果として得られる産品を提供したりしてその代価とし
3万円でユーザビリティーテストルームをつくる - Blog.おにぎりたまごうぃんなー
ユーザビリティーテストの設計から実施までの仕事を受ける機会があり、テストルームの準備も行いました。 テストルームを借りるという選択肢もあったのだけれど、今回はデメリットのほうが大きかったので、自前で一番安くあげるテストルームを設計してみました。 都内でユーザビリティーテストができるスタジオを借りるとなると1日10万円前後くらいになると思うので、3万円で1回社内にテスト環境作っておいとくと、選択肢が増えて楽だと思う。 ( ※この記事はクライアントさんの了承を得て書いています ) ユーザビリティーテストを実施するにあたって必要な要素 接続概要図 部屋(テストルームと観察ルーム) それぞれ個室である必要はないが、テストルームは被験者の集中力を見出さないためになるだけ個室であったほうがよいと思う。 観察ルームである程度大声で話してもテストルームに声が届かない距離、仕切りは絶対にあったほうがいい。テ
タブ型 UI について考える | Accessible & Usable
公開日 : 2016年1月18日 (2020年8月30日 更新) カテゴリー : アクセシビリティ / ユーザビリティ タブをクリック/タップすると、JavaScript によって、そのタブに紐づいた情報 (タブパネル) が切り替わり表示されるユーザーインターフェース (UI) があります。限られたスペースで複数のコンテンツを併存させることができ、メタファとしてもわかりやすいと言えます。 タブ型 UI の例 今回は、このタブ型 UI について、ユーザビリティおよびアクセシビリティの観点から配慮したいことを考えてみたいと思います。 ユーザビリティの観点から配慮したいこと タブっぽく見えること 言わずもがなですが、タブ型 UI はユーザーにとって「タブっぽく」見えなければなりません。タブなのかボタンなのか微妙な UI を見かけることもありますが、仮にユーザーがそれをタブではなくボタンと認識して
別ウィンドウを開くことの是非｜ウェブユーザビリティ向上を支援するWebsite Usability Info
（2012年1月28日追記） この記事内容をアップデートした記事を、別途公開しました。「別ウィンドウを開くことの是非 (その2)」をご参照ください。 Webサイトを制作していると、<a href="xxx" target="_blank"> などとマークアップして、リンク先ページを別ウィンドウを開くようにしたいと思うことがあるでしょう。たとえば、以下のようなケースです。 別サイトにリンクする場合 (できれば 別サイトを回遊した後、自サイトに戻ってきてもらいたい) 開いたページであれこれ操作が予想され、その間、元ページは残しておきたい場合（ブラウザの [戻る] ボタンではすぐに戻れないケースなど） お気持ちはよくわかるのですが、ユーザビリティやアクセシビリティの観点で考えると、リンクは別ウィンドウを開くべきではないと考えます。理由は、以下の通りです。 初心者ユーザーやシニアユーザーは、別ウィ
Webならではの表現を見つけるために捨てるべきこと
面白いから実装で良いのか コンテンツや利用者体験を重要視する動きは Web でもネイティブアプリでも見られるものの、Web サイトデザインにおいては空回りしているように見えることがあります。ときには Web サイトよりネイティブアプリのほうが良いと思われてしまうような表現や手法が使われていることも少なくありません。 上から下へスクロールするという多くの利用者が期待するユーザビリティでさえ、パララックスデザインという表現によって破壊されていることがあります。パフォーマンスが重要視されているのかと思いきや、10 以上の JavaScript ライブラリを組み合わせた重たいサイトも未だにあります。それも「面白い表現」「ネイティブアプリのような見た目」を実現するためだけに実装されていることもあり、利用者には負荷がかかることがあります。日本人を対象にしていたとしても、誰もが高速回線でデータ量無制限と
UserZoom Platform | UserTesting | UX Research Capabilities
See what your customers experience. Get a video of a real person reviewing your website.
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
「記憶力」が衰えたユーザーにも優しいサイトにするための6つのポイント | マミオン有限会社-パソコン・数学研修、法人研修
加齢とともに衰える認知能力のひとつが、「記憶力」です。 次のグラフは、作動記憶（working memory）、短期記憶（short-term memory）、長期記憶（long-term memory）、情報の処理速度（speed of processing）、言語知識（verbal knowledge）の5つの認知能力の年齢による変化を調べたものです。 画像参照：記憶は加齢で衰える。知識は加齢で増す。｜しんりの手 :psych NOTe これを見ると、作動記憶、短期記憶、長期記憶の能力は、加齢によりほぼ一直線に下がっていることがわかります。またパソコン教室でシニア層の生徒さんに教えていても、やはり若い人と比べると、覚えるのに時間がかかったり、忘れやすい傾向が高いなと感じています。 今回は、誰もがなる「記憶力」の衰えに備え、そうした人でも使いやすいWebサイトにするためのチェックポイント
【介護サイト比較】情報を気持ちよく入力してもらえるか？ | マミオン有限会社-パソコン・数学研修、法人研修
サイトの使い心地に大きく影響を及ぼすのが、入力フォームの設計です。 ユーザーテストを観察していても、特に介護サイトのメインユーザーであるシニア層は、情報の入力を不得手とする方が多いです。 今回は、各サイトが入力フォームにどういった工夫や配慮をしているか確認してみたいと思います。 主要サイトの入力フォームのデザインをチェック！介護DB（Link） 上の図の赤枠部分を見るとわかる通り、『介護DB』では同じ入力項目内でフォームを分けてしまっています。このように「姓名」「郵便番号」「電話番号」のフォームを分けて設置しているサイトは、他でもよく見かけます。 特にパソコンに慣れてないないシニア層ユーザーは、「タブキー」を使って次のフォームに移動するという技は知りませんので、毎回キーボードとマウスを行ったり来たりしながら苦労して情報を入力することになってしまっています。 これに対処するためには、データベ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
