入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
嫌われたデザイン要素を機能させることは可能か
ユーザーというのは、繰り返し酷い経験をしたことで、あるデザインテクニックを嫌になってしまうと、常にそれを避けるようになるため、ほぼ永久にそれを使えなくなってしまう。 Can Hated Design Elements Be Made to Work? by Jakob Nielsen on March 14, 2011 日本語版2011年4月19日公開 ユーザーから忌み嫌われているウェブデザインのアイデアというのはたくさんある。そのうちの最悪のもののいくつかについては、以下のリンクを参照してほしい： 最も嫌われる広告テクニックトップ11 読者を最もうんざりさせるウェブデザインの間違いトップ10 「ウェブユーザビリティの基本ガイドライン」セミナーで私がよく聞かれるのは、こういう問題のあるデザインというのは、なにもかもが悪いのか、ということである。ユーザビリティ上の問題を引き起こすことの多いも
A Case Study of “Designed By Developers�: Stack Overflow
Stack Overflow was set up by two successful high-profile businessmen, attracts over 7 million unique visitors a month, and has received $6 million in funding. So I found it a little jarring when I visited the site to see this: My eyes puked from the motion sickness of not-knowing-where-to-look-oh-my-god-everything-is-everywhere-ness of the page. It’s a typical case of ‘designed for developers,
iPadの使い心地 - ザリガニが見ていた...。
5月28日からiPadを使い始めた。iPadは、ハード仕様から考えれば画面の大きなiPhoneである。あるいは画面の小さなMacBook Touchとも言えるかもしれない。 iPhone iPad MacBook 本（プログラミングRuby） 画面px 480 × 320 1024 × 768 1280 × 800 画面アスペクト比 3:2 4:3 16:10 画面解像度ppi 163 132 113 画面対角インチ 3.5 9.7 13.3 画面サイズcm 7.4 × 4.93 19.71 × 14.78 28.65 × 17.9 本体重さg 135 680 2130 750 本体大きさcm 11.55 × 6.21 × 1.23 24.28 × 18.97 × 1.34 33.03 × 23.17 × 2.74 23.4 × 18.2 バッテリー駆動時間*1 9 10 3.5 参考：D
LinkedIn Help
Suggested articles You can manage the types and frequency of emails from LinkedIn and even choose to stop specific emails by unsubscribing. Learn more To manage emails: Click the Me icon at the top of your LinkedIn homepage. Click Settings & Privacy. Click… If you signed up directly through LinkedIn (desktop or mobile web), you can only cancel your LinkedIn Premium subscription from the LinkedIn d
ブラウザにローカルファイルを Drag & Drop でフォトライフにアップロードする Greasemonkey Script - 2nd life (移転しました)
HTML5 File API つかうとローカルファイルをブラウザに Drag したファイルをハンドリングして binary やら data スキームとして扱うことができ、Firefox 3.6 や Chrome 5 ですでに使えるというのを今さらながら知った*1ので、はてなフォトライフにローカルファイルをブラウザにドラッグするだけでアップロードできる UserScript を作ってみまんた。 http://gist.github.com/raw/406281/drag_drop_fotouploader.user.js WinXP + Firefox 3.6.3 で確認してますが OSX や Chrome5 などの環境で動くかは試してないので解りません。動作デモは以下の swf 動画を見てください。 http://rails2u.com/misc/fotolife_drag/ なんかすごい
Windows 7はVistaと較べて、さほど速くない | スラド
本家/.及びPC Worldの記事によると、PC World Test Centerのテストでは、Windows 7 Release CandidateはVistaと較べて、さほど速くないことが分かりました。 そのテストは、2台のデスクトップと1台のノートパソコンで両OSをインストールし、WorldBench 6（Microsoft Office、Firefox、Photoshop等含む）なるテストを行い、スピードを比較したもの。 PC Worldは、全体的にはWindows 7は若干速くなったものの、平均的ユーザがスピードに着目する閾値である（PC Worldが設定した）5％を超えていないと言っています。個別的には、Nero 7 Ultra Editionや WinZip等、ハードディスクを多用するアプリでは速度が改善したものもあります。これは Windows 7ではハードディスクドライ
道交法の改正をどう思います？ | スラド Slashdotに聞け
平成20年6月1日から改正道路交通法（道交法）が施行されました（改正道交法Ｑ＆Ａ、道路交通法施行令:新旧対照表（PDFファイル））。主な内容は、 ＜自転車関連＞ 自転車は原則車道を走る 13歳未満及び70歳以上の運転する自転車は、従来通り歩道を走れるものとする 児童、幼児が自転車を運転する場合はヘルメット着用の努力義務（罰則なし） 歩道に自転車通行帯がある場合、歩行者は出来るだけ避けて通らなくてはならない ＜自動車関連＞ 後部座席でのシートベルト着用義務化（一般道はしばらく罰則なし、高速道路は反則点1点、タクシーも同様、バスも高速バスの場合は同様？） 75歳以上が運転する場合の「もみじマーク」装着の義務 あたりだと思いますが、不足・間違いがあったらご指摘ください。 自転車だけ、シートベルトだけならぱらぱらとは見つけられるのですが、「改正全体」のポイント掲載しているサイトが見つからないのは、
ユーザーはいかにテキストを読まないか
月並みなWebページの場合、平均的アクセス中にユーザーが読むテキストの量は多くても全体の28％にすぎないという分析結果が出た。より現実的には、20％程度とみられる。 How Little Do Users Read? by Jakob Nielsen on May 6, 2008 Webユーザーによるテキストの読み方を調べ始めた当初から目に付いたのは、彼らが大してテキストを読まないものだという事実である。テキストを流し読みするのは、リテラシーが比較的高いユーザーにきわめてよく見られる行為だ。最近実施したアイトラッキング調査でも、それを一段と裏付ける結果が出ている。 これまで唯一欠けていたのは、ユーザーがどれだけ多くの（またはどれほどわずかな）テキストをオンラインで読むのかを正確に割り出す公式だ。新たなデータのおかげで、それもやっと用意できた。 調査研究データ すべての調査結果を詳しく見たい
ケータイ族の特性を生かしたケータイサイトの作り方 [絵文録ことのは]2006/10/26
前回の記事「ケータイ文化圏とネット文化圏の深い溝」は、かなりの反応があった。ネットを使いこなしている人と、ケータイメインで使っている人では、行動パターンが大きく違っている――この事実を再認識して、何か面白いことができそうだとか、商機がありそうだと思ってもらえれば、書いた甲斐があったというものである。 さて、前回の記事は、その行動パターンの違い＝メディア特性の違いが存在している、という事実を指摘することが中心だった。ネットを使いこなしている人の論理をそのまま移行しても、ケータイメインの人の行動パターンから言って便利なサイトになるとはいえない。では、ケータイサイトはどのような特性を持っているのか。それを探れば、使いやすいケータイサイトが作れるのではないかと思う。 今回は、そのケータイサイトの特性を探るために、いろいろ寄り道してみたい。 ■最初に、いくつかの反応について 404 Blog Not
Joel on Software -
プログラマのためのユーザインタフェースデザイン 第 1 章 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 第 7 章 第 8 章 第 9 章 ストラテジーレターV 2002年6月12日 ミクロ経済学の補完財の原理について考えていて、私はオープンソースソフトウェアに関する興味深いあることに気がついた。それが何かというと、オープンソースソフトウェア開発に多額の資金を使っている企業の多くは、それが彼らにとって良いビジネス戦略だからそうしているのであって、突然資本主義を信じるのをやめて、「言論の自由と言うときの自由」に浮かれるようになったわけではないということだ。ストラテジーレターⅤ 5つの世界 2002年5月6日 5つの世界：すべてのソフトウェア開発が同じではない。 追記：インターナルシステム、コンサルウェア、パッケージソフトの間には大きなグレーゾーンがあり、この3つの世界はしばし
ウノウラボ Unoh Labs: Webデザインの「カン」を養うためにしたら面白いかもしれないこと
こんにちは。yamazakiです。今回はちょっと趣向を変えて、技術や手法ではなくて、デザイナとしての「カン」を養うために個人的にやっていること、やったらいいと思うことを簡単にまとめてみました。 左利きになったつもりで、左手をメインに使う生活をしてみる 例えば駅の改札口で、切符を入れるところはなぜあの位置にあるのか、自動販売機の硬貨投入口はなぜあの位置なのか。カメラのボタンの位置はなぜあの位置なのか。普段何気なく使っているものにもやはり「そうしたほうがよい理由」が潜んでいます。その「理由」を発見する上では、マイノリティの立場になってみると面白いです（海外に行くと逆に日本のことがよくわかる、というのと同じようなものかもしれません） というわけで、簡単なところで、左利きになったつもりになって行動をしてみると色々な発見、気づきがあります。 何かを買ったら取扱説明書を見ずにどこまで使いこなせるか試
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン
2011-03-04 pixiv × UI の話
UX Myths
「こんな企業サイトはイヤだ」ベスト20
UIパターンいろいろ - DesignWalker
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
IDEA * IDEA