お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
プログラマーが電子書籍のデザインを台無しにしている? | スラド
プログラマーが電子書籍のデザインを担当させられ、結果として電子書籍の質が下がっているというお話が 本家 /. 記事で紹介されている (元ネタ: The Toronto Review of Books の記事より) 。 大手出版社は iPad などで読める電子書籍に本腰を入れておらず、デザイナーや編集者ではなくプログラマーが突如書籍デザインの主導権を握るという事態が発生してしるとのこと。出版社には当然ながら紙媒体に対する敬意が根付いており、このため電子書籍を軽んじる傾向があるのではないかとのことだ。 元記事は iPad 登場時に大きな話題となった「不思議の国のアリス」の開発者である Chris Stevens 氏のインタビュー記事となっている。電子媒体だからこそ可能なデザインは追求されておらず、素人によるレイアウトとデザインが蔓延っていると Stevens 氏は述べている。
ユーザビリティ - Wikipedia
ユーザビリティ（英語: usability）は、「使いやすさ」を示す言葉。国際規格のISO 9241-11では、「ある製品を、特定の利用者が、特定の目的を達成しようとするにあたって、特定の状況で、いかに効果的に、効率的に、満足できるように使えるかの度合い」[1]。 他にも「使い勝手が良い」「可用性」「有用性」などの意味がある[2]。 ユーザが目標を達成するためにシステムを利用するとする。例えば紙を切るためにハサミを利用する。このハサミは切れ味が良く、気持ちよく短時間で紙が切れた。すなわち高い満足感で高いパフォーマンス[3]を発揮し目標を達成できた。この「つかえる」「有用である」という特性をユーザビリティという。もしハサミの切れ味が悪く、時間をかけてなんとか切り終えたとすると、前者に比べてユーザビリティは低いといえる。 定義[編集] use（使う）と able（できる）から来ており「使えるこ
日本でFacebookの普及を妨げているのは、実名主義ではない、かもしれない - in between days
ちょっと前からFacebookについて感じていたことを脳科学者の茂木さんがいみじくも語ってくれていた。ブクマのコメントでもそれに賛同する意見が多数寄せられているので、合わせてリンクを貼っておく。 茂木健一郎 クオリア日記: Facebookの謎 そのブクマ おそらく話のポイントはココだとおもう。茂木さんのブログを引用する 日本でFacebookが伸びない理由を、日本のウェブの匿名文化と結びつけて論じる人もいる。しかし、私には、それが本質だとは思えない。 Facebookのインターフェイスが、まず私にはよくわからない。一時期のウィンドウズに対して抱いていた違和感と同じように、「ごみごみした」「整理されてない」印象を受ける。 前半はまさに同意見だ。匿名／実名は実はそれほど大した問題ではない。Facebookをしばらくやっていればわかるが、実名主義を徹底して主張しているのは、つまり際限のない匿名
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
パスワードを隠すのをやめよう
ユーザがパスワードを打ち込んでも、黒い点の列でしかフィードバックが返ってこないとき、ユーザビリティは損なわれている。パスワードを隠したからといって、セキュリティは強化されないことが多く、逆に、ログインの失敗によって、あなたのビジネスに悪影響を及ぼす。 Stop Password Masking by Jakob Nielsen on June 23, 2009 ユーザがパスワードを打ち込んでいるとき、ほとんどのパスワードをはっきりとテキストで示すべき時期が来ている。フィードバックを提供し、システムの状態を視覚化することは、常にもっとも基本的なユーザビリティの原則の１つである。ユーザが複雑な暗号を入力している間、どれも同じ形の黒い点を見せるというのは、間違いなくその原則に違反している。 ほとんどのウェブサイトは（そして多くのアプリケーションでも）ユーザがパスワードを入力している最中、パスワー
新iGoogleのインターフェースがスゴイ！Web OSの時代が来るかも！ | Google Mania - グーグルの便利な使い方
新iGoogleのインターフェースがスゴイ！Web OSの時代が来るかも！ 管理人 @ 10月 23日 10:42pm iGoogle まだテスト中のiGoogleサービスがスゴイんです！ ちょっとアドレスバーにおまじないをするだけで、それを利用することができます！ ↓ サイドメニューで、コンテンツをサクサク切り替えたりできます。 ↓ 購読しているフィードは、Googleリーダー形式で読むこともできます。 ↓ カレンダーもiGoogle内で十分に使えます！ ↓ Googleノートブックもいい感じです。 ↓ YouTubeも再生可能 ↓ タブの位置を変えたり、コンテンツの追加・削除が簡単に設定できます。 ↓ モバイル版iGoogleの並び替えも簡単。プレビュー表示までできます。 私の方では確認できませんが、Gmailを大きく開いたり、サイドメニューにGoogleTalkを表示したりもできるよ
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング―: 樽本徹也: 本
UIパターンいろいろ - DesignWalker