Anchor links1 may have a target attribute which controls what happens when that link is clicked. One of the possible values of that attribute is _blank, which tells the browser to open a new window (or tab, if that’s the user’s preference) when that link is clicked. This used to be “invalid” in HTML (maybe only XHTML?) but people used it anyway since it worked. It’s now perfectly valid in HTML5. B
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. This is a fairly old UX concept that I haven’t heard talked about in a while, but is still relevant in the case of multi-level dropdown menus. A fine-grained pointer like a mouse sometimes has to travel through pretty narrow corridors to accurately get where it needs to in a dropdown menu. It’s eas
Join Our Community of Science Lovers! Sign Up for Our Free Daily Newsletter I agree my information will be processed in accordance with the Scientific American and Springer Nature Limited Privacy Policy. We leverage third party services to both verify and deliver email. By providing your email address, you also consent to having the email address shared with third parties for those purposes. For d
Apple's new MacBook Air borrows a lot of things from the iPad, including hyperportability and instant-on flash storage. But the Air won't use an iPad-like touchscreen. Neither will any of Apple's laptops. That's because of what designers call "gorilla arm." And while Apple points to its own research on this problem, it's a widely recognized issue that touchscreen researchers have known about for d
ユーザビリティーテストの設計から実施までの仕事を受ける機会があり、テストルームの準備も行いました。 テストルームを借りるという選択肢もあったのだけれど、今回はデメリットのほうが大きかったので、自前で一番安くあげるテストルームを設計してみました。 都内でユーザビリティーテストができるスタジオを借りるとなると1日10万円前後くらいになると思うので、3万円で1回社内にテスト環境作っておいとくと、選択肢が増えて楽だと思う。 ( ※この記事はクライアントさんの了承を得て書いています ) ユーザビリティーテストを実施するにあたって必要な要素 接続概要図 部屋(テストルームと観察ルーム) それぞれ個室である必要はないが、テストルームは被験者の集中力を見出さないためになるだけ個室であったほうがよいと思う。 観察ルームである程度大声で話してもテストルームに声が届かない距離、仕切りは絶対にあったほうがいい。テ
ユーザビリティ本 ほんとに使える「ユーザビリティ」 「使いやすさ」という考えが異なるだけでなく、「明快さ」の表現も異なる日本。海の向こうの人々が考える理想を、そのまま押し付けるのではなく、本書から何を抜き取り、自分たちの仕事に合うように変形させるのかが課題です エリック・ライス氏が 2012 年に刊行した「Usable Usability」の訳書です。 この種類の専門書は原書で読むことが多いので、久しぶりの訳書になりました。訳書の魅力は、日本語で読めるのはもちろん、原作者の住んでいる国の文化やニュアンスを理解していないと、伝わり難い部分を補っているところです。世界中を飛び回っているライス氏なので、世界のユーザビリティに興味をもつ読者に向けて執筆しているはずです。しかし、それでも『日本から』という視点では見え難いこと、分かり難いことは少なくありません。そこを、訳者 浅野紀予 さんは工夫されて
カードローンを利用したいけれど、家族や会社の人にバレるのが不安で戸惑っている人もいるのではないでしょうか。しかし、カードローンの利用がバレやすい理由を知ってバレないように利用すれば、内緒で利用できます。 今回はカードローンをバレずに利用するコツとバレにくい借入先を紹介するので、ぜひ参考にしてみてください。 カードローンをバレずに契約するためのコツを確認 来店不要で借入ができる借入先を選ぶ 申し込みの際に来店が必要な場合、契約機や店舗に来店している時に人に見られる可能性があります。来店不要で契約できる借入先なら、人に見られる心配がありません。 以下の点に注意すれば、バレずに申し込みができます。 周りに誰もいない時に申し込む 家族共用のパソコンを使うなら履歴を残さない 人に見られるのは意識しても避けられない場合がありますが、自宅や外出先で申し込みをすればバレないように気を付けながら申し込めます
入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力フォームに関する資料をいろいろ読んだ。タブを閉じられないように、使いやすい入力フォームを考えたい。 入力フォームについて読んだもの 参考になったのはこれらの資料。どの資料も新しいものではないけど、参考になることはたくさんあった。 僕は英語が苦手で、そんな僕が読んだ感想を書くので間違いがあるかも。間違っていたら教えてください。詳細は原文を読んでください。 RIAC：RIAコンソーシアムユーザビリティガイドライン LukeW | Web Form Design Best Practices
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
2013-03-27 じーさんばーさんとタッチパネル http://mainichi.jp/feature/news/20130326dde012040063000c.html 読んだ。 洗濯物の乾燥が終わるまでヒマなので書いてみる。 常日頃じーさんばーさんの相手する商売やってるわけだが、ＡＴＭの操作なんかでもじーさんばーさんに教えるのはひと苦労である。まったく操作できない人というのがいるわけだが、また考えてもしゃーないのに「なんでこんなに使えないんだろう」というようなことはよく考える。 で、まず思いつくのは「そもそもタッチパネルというものの意味がわからん」ということがあるようだ。つまり「画面に触ると操作される」というのが、どうしても感覚的に納得がいかないらしい。操作体系ってのはなかなかに厄介なもので、たぶんその人が三十代とかそれくらいの年齢で「体系」まるごとが新しく入ってくる段階ってのは
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザイン まずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結
日本では未発売のMicrosoft Surfaceを購入し、イード社内で触ってみました。Windows 8/RTのメトロUIは、GUIクロームを極力排除したシンプルで平面的なUIが特徴的ですが、実際に触ってみるとユーザビリティ上の問題がいくつか浮かび上がってきました。 U-Site編集部 2012年12月21日 HCD新人部員のTです。 日本では現時点で未発売のMicrosoft Surface（RT、32GB、キーボードカバーなし）を米国法人経由で購入し、イード社内で触ってみました。通常、弊社では、クライアントからご依頼をいただいてからユーザビリティ評価を行いますが、今回はイードHCD部新人の私・Tを中心に、「勝手に」ユーザビリティを評価してみました。 なお、Windows 8/RTのデスクトップの機能はキーボードとマウスで操作する前提で設計されていると思いますので、いわゆるメトロUI（
見えない機能、低下した発見しやすさ、二重の環境による認知的な負荷、シングルウィンドウのUIからくる能力の低下、低い情報密度。ひどいものだ。 Windows 8 — Disappointing Usability for Both Novice and Power Users by Nielsen Norman Group on November 19, 2012 日本語版2012年12月6日公開 先日発売されたWindows 8とSurfaceタブレットでMicrosoftはユーザーインタフェース戦略を転換した。フィーチャークリープ訳注と言えるくらい、強力なコマンドを重視するGatesが主導した伝統的GUIスタイルからMicrosoftは軟化したが、今度は必要な機能を隠しながら、大きな色とりどりのタイルで画面を覆いつくし、ユーザビリティを妨げている（訳注： フィーチャークリープとは、電子機
プロトタイピングという技法は、ソフトウェア開発や機器デザインなどで、これまでもしばしば利用されてきた。完全な製品やシステムを作り上げてしまってから問題が発見されたのでは、手戻りが大きく、開発工程に大きな影響を及ぼす可能性が高い。そのためにその「原型」を簡単に作っておいて、まずその段階で動作チェックやユーザビリティ評価を行い、徐々に完成度を上げてゆき、そのたびに動作チェックやユーザビリティ評価を行うことによってじわじわと完成品に近づけてゆくというやり方が考え出されたのだ。 このやり方には、水平プロトタイピングと垂直プロトタイピングが区別されている。前者は盛り込みたい殆どの機能をプロトタイプに導入するが、その多くは実際にはほとんど機能しない。その意味では、インタフェース系のプロトタイピングでは、画面デザインやリモコンのボタン配置などで良く利用されてきた。後者は、盛り込む機能のうちの一部を特にき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon： ほんとに使える「ユーザビリティ」 -より良いデザインへのシンプルなアプローチ: エリック・ライス, 浅野 紀予: 本
[記]『ディフェンシブ・ウェブデザインの技術―「うまくいかないとき」に備えたデザイン、「上手に」間違えるためのデザイン』37signals, 吉川 典秀, ソシオメディア(毎日コミュニケーショ�![[記]『ディフェンシブ・ウェブデザインの技術―「うまくいかないとき」に備えたデザイン、「上手に」間違えるためのデザイン』37signals, 吉川 典秀, ソシオメディア(毎日コミュニケーショ�](https://cdn-ak-scissors.b.st-hatena.com/image/square/23e9a76b01a0ebd0e2762216d44b6d1dd8ac219a/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fm.media-amazon.com%2Fimages%2FI%2F41Q592E36CL._SL500_.jpg)
