インクルーシブデザインの原則（「Inclusive Design Principles」日本語訳）
この「インクルーシブデザインの原則」は、利用者を最優先に考えることです。永続的な障害がある利用者、一時的または状況的な困難に直面している利用者、あるいは能力が変化してゆく利用者 (つまり、私たちみんな) のニーズに合わせてデザインすることです。 ここに掲げた原則は、デザイナー、ユーザーエクスペリエンスの専門家、開発者、プロダクトオーナー、プランナー、イノベーター、アーティスト、思想家など、ウェブサイトやアプリケーションの設計と開発に携わるあらゆる人に向けて、インクルーシブデザインに対する幅広いアプローチを提供することを目的としています。 あなたの作ったインターフェースがすべての人に同等の体験を提供できるようにして、利用者がそれぞれのニーズに合った手段を用いても、コンテンツ品質が損われることなくタスクを達成できるようにしましょう。 詳しい説明 置かれている状況、選択する手段、利用する文脈など
横柄なパスワード – パスワード認証に関する改善策 | POSTD
パスワードにはうんざり。改善しましょう。 誰もが経験するあの瞬間。新しいサービスに登録し、パスワードを選んで入力する。でも、入れません。選んだパスワードは十分安全なはずなのに、使いたいサービスが独善的にそれを拒むのです。 記号、数字、大文字、小文字を少なくとも１つずつ使用しなければなりません。 小文字の長いパスワードの方がドルマークだらけの短いパスワードより安全だということを証明する、 XKCDの有名なコミック のことは忘れましょう。まず、あなたの主力パスワードが $$ICECREAM$$ だとします。アイスクリームは、恐ろしい人生の希望の灯火とも呼べるほどの大好物なので簡単に思い出せます。そして、このパスワードにはブートのための特殊文字が入っています。 残念なことに、 $$ICECREAM$$ には小文字と数字がないので、客観的に見れば安全ではありません。そこで、このサービスのためのパス
最悪のユーザ体験 | スパ帝国
Webサービスの使い勝手を限界まで悪くするとどうなるかという思考実験 公共料金のプランをWeb上で変更したいと考えたとしよう。まずGoogleで社名を検索して一番上のページへ行く。すると会社情報やら投資家情報やらそれが提供する謎のサービスについての情報が並んでいるが、問題の料金に関するセクションは見当たらない。検索ボックスにキーワードを入れても的外れなFAQばかり出てくる。散々格闘した挙句にようやくそれが目的の会社でなく一切情報を共有しない関連会社のページである事に気づく。 そこで書類束をひっくり返し、数ヶ月前に送られていたと思しき葉書を発掘してアドレスを手打ちする。ところが生憎いつも利用するサイトと前半部分が同じなのでオートコンプリートが発動する。リターンキーを押したら違う場所へ行ってしまいやり直しだ。言うまでもなくoか0か、1かlか、2かzかさっぱり分からないフォントが使用されており正
航空会社のサイトはどうして乗り方を説明してないのか
先日、ちょびっと夏休みを頂きまして、北海道へ行ってきたのであります。その際は、とりあえず往復AIRDOだったのですけども、まー、飛行機に乗ること自体がほんと稀でして、この時も一体何年ぶりなのか？というくらいで。 で、たまにしか飛行機に乗らない人にとって、空港とか飛行機とか、わからんことだらけすぎると思うのですよ。チケットを買うところから、もうわからない。 まず「eチケット控え」って何なんすか。もうこれがわからない。深く読み解けば、「eチケット」てのはたぶん物理的な航空券の電子版で、それの複製を印刷してるから、eチケット控えなんですかね。わからんけど。しかし最後まで控えだけでやり過ごせるんで、これはもう控えじゃなくて本物といってもいいのではないか。登記簿謄本を法務局へとりにいっても実際に持って帰ってくるのはその控えだ、っていうくらいの控えなのだろうか。「eチケット控え」じゃなくて「eチケット
デザイニング Web アクセシビリティ – nishimotzの日記
2015年7月に出版された「デザイニング Web アクセシビリティ」を紹介します。 私が開発・翻訳に関わっているオープンソースのスクリーンリーダー NVDA は、アクセシビリティに関わる開発者・制作者のためのツールになってほしい、そして日本でもこういう「Web アクセシビリティの定番教科書」（になるはずです、この本は）が取り上げるソフトウェアにならなくてはいけない、という思いを私は持ち続けてきました。 手元に届くまで、もし NVDA の N さえ出てこなかったらどうしよう、とドキドキしていたのですが、心配無用。 冒頭の「スクリーンリーダー」の説明： 「日本国内では PC-Talker, JAWS, NVDA などがよく使われています」 なんと「日本国内でよく使われているスクリーンリーダー」とまで言っていただきました。 たいへん光栄です。 まだまだ「よく使われている」かどうかは私自身が疑問で
ユーザーを嫌な気持にする製品 - 山下泰平の趣味の方法
使うと嫌な気持になるプロダクト 最近は物を購入すると、嫌な気持になってしまうことが増えてきている. 例えばだけど、これは世界のソニーが発売している DSC-QX100 というカメラである。 スマートフォンと連動して動くデジタルカメラで、変った形をしている。とってもユニークな商品なんだけど、これを使うと私は絶対に嫌な気持になる。嫌な気持になるタイミングをリストアップしていくと、余裕で20項目くらいある。真面目に考えると、50項目くらいは達成できると思う。 例えばなんだけど、3枚くらい撮影すると、スマートフォンとの接続が切れることが多い。相性があってスマホの機種によってはこういうことが起きるらしい。これは予算やら技術の問題で、仕方ないと納得できなくはない。嫌な気持にはなるが、我慢することはできる。 ただし接続が切れた後の挙動が最低で、すごく嫌な気持になる。なぜ嫌なのかというと、考えれば出来るこ
Private Presentation
Private content!This content has been marked as private by the uploader.
気遣いのあるデザインの裏にある努力 - ワザノバ | wazanova
http://paulstamatiou.com/twitter-video/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 38分前 フレームワークやツールが進化することで、そこそこのスキルがあれば比較的短い期間でもそれなりのプロダクトをつくれるようになるという恩恵を世の中全体が享受できますが、一方で才能のある人たちは、その便利になった道具を利用して、更に先に進みます。そしてUIの競争は際限なく続きます。 一つの目のパターンは、意外なところまで気遣いをしているので、それを発見したときにポジティブな喜び、驚きを感じるところ。 Slackを使っていると、 登録済のパスワードの入力を求められる画面で、スマホキーボードでのパスワード入力を面倒に思う人、もしくはパスワードが長い人に配慮して、「パスワードを入力する替わり
制限の話 - 神社
一応先に言っておくと、僕はそりゃもうビジネスはからっきしで、全然なんもわかっちゃいない。 昨晩、ちょっと友人と課金の話になった。課金ってのは、つまりネットビジネスの課金の話。で、僕は『制限をかけて解除したけりゃお金払ってね系のスキームがどうも好きじゃないんだよね』という話をした。今日はその話。 一言に制限って言ってもいろいろある。 僕の Github アカウントはこの前 Micro から Small になってしまった(恥ずかしいコードを非公開にしたくて)。これは制限がかかってて、プライベートなリポジトリを作りたければお金を払ってください。というモデルだ。 プライベートリポジトリ 5 つで $7 (Micro Plan)、10 個で $12 (Small Plan)を払ってね、と要求される。大体、1 つのプライベートリポジトリごとに $1 ちょっと払う感じだ。あんまり詳しくないが、こういうの
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
髪を切るということ - I believe in IA
2013-10-09 髪を切るということ 「今日、どうします？パーマでもかけてみます？」 「任せますよ。」 先週末、とある美容室で、ぼくがした会話です。 美容室は、生活に密着しているものにも関わらず、「髪はどうせ伸びてしまうもの」と、あまり意識することのない人も多いでしょう。その「どうせ伸びてしまうもの（切っても、しばらくしたら元に戻ってしまうもの）」に、お金をかけることをもったいなく思う人もいます。 しかし、美容室のサービスこそが、いちばん身近で誰にでもわかりやすいUXデザインの良い例だと思いました。 ふと、そろそろ髪を切りたいと思い、美容室に電話をかけます。電話の対応は温和丁寧、 「お待ちしております」 電話は終了します。 お店に行くと、スタッフ一同で 「いらっしゃいませ」 歓迎してくれます。 シャンプー時にはこまめに声をかけてくれます。 「お湯加減いかがですか？」 「力加減はどうです
第7回 明日からできるビギナー向けUXへの第一歩 - 秋葉秀樹の人に伝えるデザイン - MdN Design Interactive
第7回 明日からできるビギナー向けUXへの第一歩 2013年10月2日 TEXT：秋葉秀樹 今回はアプリだけでなく、Webデザイン業界でも徐々に浸透しはじめているUX（ユーザーエクスペリエンス）において、実際に取り組んでいる考え方の一部を紹介したい。 ユーザーとの対話が多いWebサイトやアプリのデザインを「インタラクティブデザイン」と呼ぶが、マルチデバイス化やクラウド化にともない仕様が複雑化したことがひとつの要因となり、近年UXデザインの需要が増えたと考えられる。 UXの仕事内容とは？ 「UXの案件」とは、新規サービスなどに使われるアプリの仕様やUI設計を決定する前に「ユーザーにどう使ってもらうか」「使いにくさや、離脱率を高める可能性がどこにあるか」のストーリーをつくりあげていくことがおもな作業となる。 ビジュアルデザインやUIを設計するために重要かつ密接な関係性をもつのだが、作業自体はP
アフォーダンスからシグニファイアへ - A Successful Failure
2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基本的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された（主に）視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている（下図）。トゲゾーはトゲという視覚的なサインによって、踏んではい
スキューモフィズム終息論への疑問、あるいは門外漢による周回遅れのイチャモン - とかいろいろ
Windows PhoneやiOS 7が採用したことで知名度の上がった*1フラットデザインですが、これまでのスキューモフィズムUIを廃してそちらに移行する理由が私的にはどうも納得がいかないでいます。 そんなところにこんな記事が。 日経BP社 ITproより iOS 7がフラットデザインを採用した理由、「既存のメタファーでは表現できない時代に」 スキューモフィズムの背景ですが、元々コンピュータは、現実に近づけることで使う人に分かってもらう、という考え方あった。例えば電子書籍は木目調の本棚にないとその概念が伝わらない、日めくりカレンダーを見るとカレンダーを連想する、コンピュータに不慣れな人からすればゴミ箱の方が実際の書類を捨てることに近くて分かりやすい、というところから始まっています。 とはいえ今はデジタル化が成熟し、もともとメタファーにしていたものが、それを比喩として使う必要がなくなっている
10代のユーザビリティ： ティーン向けWebサイトのデザイン
ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ
電子書籍「エクスペリエンス ポイント」
この書籍について この書籍は、過去 4 年間にわたり Web と体験について扱ったコラム・エッセーを 34 集めました。概念だけでなく、コミュニケーションの糸口、啓蒙するためのヒントなど、明日から考えを行動にうつすためのヒントが掲載されています。 近年、よく耳にするようになった【体験】。何気なく使っている心地の良い言葉ですが、漠然な表現であることから、つかみ所がない表現です。そもそも体験とは何なのでしょうか。私たちは何を体験として見なしているのでしょうか。どのようなきっかけで記憶に残る体験になっているのでしょうか。 体験について考えてみることで、私たちは体験の何をデザインしようとしているのかが見えてきます。この書籍は「体験はなにか？」という疑問に対して明確な答えを出しているものではなく、様々な角度からの考察を通して、体験の輪郭を示しています。書籍の内容が、今後の Web デザインと向き合う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
心地よいUIの温度 - 言葉と気遣いで高めるUI -
楽しいBADUIの世界
デザイン言語とは 一般の人気・最新記事を集めました - はてな