送信ボタンの上にリンクがあればtabindex=-1に | ランサーズ社長日記
いいね！ 1 ツイート B! はてブ 86 Pocket 8 入力フォーム間の移動はマウスで行いますか？tabで移動しますか？ 例えばtabでログインフォームを移動していて、IDとパスワードを入力して、送信ボタンを押そうとする時に、送信ボタンの上にリンクがあって、間違ってリンクを押してしまい、とてもストレスを感じたことはありませんか？ 年始に興味がわくような話題ではないかもしれませんが、ちょっとしたTIPSに。。 ライブドアさんを例に出して申し訳ないのですが、ライブドアさんのログイン画面には「ID・パスワードを忘れた方」というリンクがあります。 パスワードを入力した後にtabを押すと、このリンクにカーソルが当たります。フォーム間の移動をtabで行い、最終フォームに来ると「tab + Enter」が癖になっている人に取って、このリンクを間違って押してしまうことが結構あります。リンク後に戻って
第25回 ユーザは使いよう | WIRED VISION
第25回 ユーザは使いよう 2008年7月22日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 近年のユーザインタフェース開発では「ユーザ中心設計」（User-centered Design）を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発することが可能になります。 ユーザビリティの専門家のJakob Nielsenは以下のような5個の要素を使いやすさの目標としてあげています。 1. 学習しやすさ （Learnability） 2. 効率 （Efficiency） 3.
デスクトップアプリケーションは死んだ - Kentaro Kuribayashi's blog
"Ev's Rants: Desktop Applications are Dead"が面白かったので、翻訳してみた。というか、「超訳」だが。 原著者: Eugueny Kontsevoy 超訳者: kentaro a.k.a. id:antipop 原文のURL: http://kontsevoy.blogspot.com/2007/08/desktop-applications-are-dead.html いまさらその話かよ、って？そんなこといっても、「デスクトップアプリケーションは死んだ！」とか、いまもみんなそこらを叫んで回ってんじゃん。 その連中の多くは、いわゆる「ウェブアプリケーション」の開発者どもだ。誰があんな連中のいうことを聞くんだ？やつらは本物の開発者なんかじゃない。だよね？全然ものがわかってないし。あいつらときたら、malloc()やfree()すらまともに使えないんだか
blog.bulkneets.net : えいごばんにあたって、草稿、その1
bulkneets運営者のメモとか色々 blogって単語は好きぢゃ無いけどスクラッチ代わりに使います。 最速のインターフェースというやつがある。俺がいつもいってるやつだ。最速ってのはこれ以上はやくできないってことだ。あるいは速くしても意味がないってことだ。俺がコードを書くときはいつもその状態を目指す。例えばフィードリーダーにとっての最速というならば、それは人間が文字を読むスピードのことだ。LDRはそれを目指す。だから、人によって評価が異なるのは当たり前のことだ。 その人の文字を読むスピードは人それぞれだからだ。以前にもかいたように、10や20や、100や200読んでるぐらいなら、何を使おうとたいした違いはない。そういった比較に意味はない。1000や2000読んでいるのであれば、確実に違いが分かるだろう。 それでは市場を狙えないよ、などと言う人がいるのはわかるし、それはもっともなことだ。10
Alertbox: 改善すれば利益があがる〜見直すべき10のポイント（2007年3月12日）
ユーザビリティの知見をいくつか取り入れることで、売り上げを伸ばし、カスタマーロイヤリティを向上させることができる。Webサイトを更新するときに最優先で検討すべきポイントを紹介しよう。 10 High-Profit Redesign Priorities by Jakob Nielsen on March 12, 2007 ウェブサイトのデザインに共通して見られる間違いについてはよく書いてきたが、もっと稼ぐためにできることにはどんなことがあるだろう？ 特に高い投資対効果（ROI）を見込める10のポイントを紹介する。 1. ニュースレターのメール配信 ニュースレターのメール配信を使えば顧客との関係を維持できる。顧客がウェブサイトにアクセスしているときに限らず、顧客とつながっていられるのだ。多様なユーザ・ニーズに応えられるニュースレターは、ウェブサイトにとって貴重な相棒である。顧客に継続して情報
視覚障碍者向けソフトUI雑考
(0)はじめに ここでは「視覚障碍者向けソフトUI雑考」と題して、私が視覚障碍者向けソフトの開発に携わってから考えてきた"ユーザーインターフェースはどうあるべきか"というところを思いつくまま書いていこうと思います。同じように障碍者に配慮したソフトウェアを作成しようというかたの参考になればと思いますし、あるいはパソコン利用をサポートする立場のかたが、障碍者のパソコン利用上どのような困難があるのかについて知るためのヒントになればと思います。あくまで個人的な見解ですし、間違いもあるかもしれません。また既存の方式や特定の製品をおとしめようという意図は全くありませんので、その旨、ご承知置きください。また、ここに書く文章で、OS環境に依存した具体的な記述をする場合には、実際の視覚障碍者のかたがたの利用状況に合うように、Windowsを対象とすることにします。 (1)メニューバーについて 最初のテーマと
「進む」ボタンを「戻る」ボタンより左に置くのが正しいと宣うバカ対策準備 - [ぴ](2007-03-06)
_ [システム運用] 「進む」ボタンを「戻る」ボタンより左に置くのが正しいと宣うバカ対策準備 とりあえずメモだけしておきますよ OK キャンセル GUI 左 右 - Google 検索 OKボタンの位置はどこが適切? 「左右分離した配置では右ボタンへ編重」という結果から、画面デザインにおいて、「肯定系・前進系のボタンを右端に独立して配置しておくと、ユーザは認識しやすい」と考えられる。 この考察を基にシステム運用側は、「ユーザを誘導したいボタンを画面右端に単独配置しておくと有効な手段となる」という画面設計の考え方が成立する。 [OKボタンの位置はどこが適切?より引用] そもそも Web アプリの画面遷移はダイアログボックスではなくてウィザードに近いのだから、「Windows のダイアログボックスは OK が左でキャンセルが右なのでそれに合わせました」という発想がそもそもおかしいんですが。 (
](https://cdn-ak-scissors.b.st-hatena.com/image/square/d228e8be070c32c738781e15c25aeb18f4dc6807/height=288;version=1;width=512/https%3A%2F%2Fpmakino.jp%2Ftdiary%2Ftheme%2Fogimage.png)
黒須教授のUser Engineering Lecture - 新しいインタフェース技術の原型は身近なところに
近年、HCI研究の牙城であったACM SIGCHIの大会はいささか低調になっている。本年のSIGCHI2006でも、実際的な面でのHCI技術の適用、すなわちユーザの分析やユーザビリティ、社会との関連性、組織的なHCIの推進などに重点がシフトしてきた傾向がある。以前のように、新しいコンセプトが参加者をワクワクさせることが少なくなってきたように思えるのだ。これはちょっと悲しい。以前から、どのようなうれしさをユーザに与えるのかをあまり考慮していないように見える技術中心のアプローチには批判的だった筆者であるが、ここまで低調になってくると「敵ながら」塩を送りたくなってしまう。 そこで、ここでは新しいインタフェース概念が、実は身近なところにある物事の概念化の結果であることを指摘して、新たな概念の発掘の後押しの一助とすることにしたい。 これまでにでてきた新しいインタフェース概念の例として、MITのSDM
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
そろそろまたJavascriptオフの時代が来た
Google Maps以前のころ。ヘビーユーザーのあいだではJavascriptオフが常識になっていた。度重なる時計の再発明に業を煮やし、IEのActiveXに警戒心を抱き、不安定なOSをさらに不安定にするため暗躍するのがJavascriptでありJScriptだった。 Google Mapsがあれだけのインパクトを与えたのは、ひとえに、こういった先入観を打ち砕いたからに尽きる。信じられないことに、Javascriptって便利なのだ。実に見事な枯れた技術の水平思考である。 Ajaxという言葉が帰納され、ライブラリがぼこぼこと発表される。ネイティブオブジェクトの拡張と、クロスブラウザのための供物ラッパー集合体たるprototype.jsを筆頭に、様々なものが世に出、様々なアプリケーションがより手軽に実装できるようになった。 script.aculo.usやLightBoxやmoo.fxといっ
Main Page - IndieHIG
indiehig.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、indiehig.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
「一般人は常にお気に入りを表示している」かどうかの調査です。…
「一般人は常にお気に入りを表示している」かどうかの調査です。 （参考：http://plaza.rakuten.co.jp/catfrog/diary/200701140026/） 貴方はブラウザの左サイドバーとしてお気に入り(もしくはFFなどではブックマーク)を常に表示していますか？
ISO13407：人間中心設計: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日の「アイトラッキング」というエントリーで、Webユーザビリティを考える上で、ユーザーがサイトを利用するシチュエーションを把握することが、ユーザー中心デザインを行なう上ではとても重要だと感じたと書きました。 で、今日、気づいたのは「シチュエーション」って、まさにISO13407で定義されている「利用の状況の把握と明示」そのものだってことです。 ISO13407はユーザビリティに関する国際規格ISO13407は、前に紹介したISO9241-11と並ぶユーザビリティに関する国際規格で、正式な規格名は"Human-centred design processes for interactive systems"（インタラクティブシステムの人間中心設計プロセス）です。 「人間中心
Seeing is Wheeling: ホイールで動くハイライトによるリーディング支援
Seeing is Wheeling: ホイールで動くハイライトによるリーディング支援 WISS 2003 のデモセッションに参加しました。 概要 近日和訳予定。 Some people follow text with a pen or their finger when reading a paper document in order to keep track of where they are. Physical pointing is awkward when reading on desktop computers and some people highlight the text being read using a mouse dragging operation. We propose a simple interaction technique Seeing is
映画に見るインターフェース -- 10の間違い
Useit.com に、こんなネタ記事がありました。ネタとはいえ、なかなか面白いのでちょっとご紹介を。 ■ Usability in the Movies -- Top 10 Bloopers (Jakob Nielsen's Alertbox) 「映画内に登場するユーザーインターフェースの誤りトップ10」ということで、以下の10コが取り上げられています： どんなインターフェースでも使いこなす主人公 現代のデザインを使いこなす、タイムトラベルで過去から来た人物 3Dインターフェース（※実際には2Dインターフェースの方が操作性に優れている/例：『マイノリティ・リポート』のコンピュータってカッコいいけど、あれって本当に使いこなせるの？） どんな機器とも相互接続して、どんなデータでも読み取れる端末（※例：『24』のジャック・バウアー） 不要な「アクセス完了」メッセージ（※正しいID/パスワードを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://white.s151.xrea.com/wiki/index.php?script%2FLDRize
http://www.yasuhisa.com/could/entries/001143.php
http://hil.t.u-tokyo.ac.jp/~galatea/index-jp.html
caramel*vanilla » フォームのユーザビリティ向上 - Tooltip for forms
http://rryu.sakura.ne.jp/gui-book/index.html