入力フォームのプレースホルダーを使ってはいけない

入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

[kksg]

このサイトの右上、最悪な例のプレースホルダテキストがラベル代わりに用いられているけど

[tripleshot]

全然関係ないし日本特有の問題だと思うけど、入力欄にフォーカスするたびにインプットメソッドのオンオフや半角全角をいじってくるフォームは完全に余計なお世話でありはらわたが煮え繰り返る。滅びろ！！！！

[BRITAN]

関係ないが、そろそろ全角半角の指定入力要求やめてもらいたいんですけど。住所欄の数字が全角指定でエラーとか鬱陶しい。お前が自動変換しろっちゅーの！

[rgfx]

つまりクレームや退会フォームにそういう設計を積極的に使うべきであると

[lenore]

使い方に依る。例えば「小数点以下二桁まで可能」とプレースホルダに書くのは直感的ではないが「0.00」と表示しとくのはわかりやすい。

[TakamoriTarou]

とりあえずプレースホルダ"テキスト"と書いている場合と、単にプレースホルダとしている場合があって、その区別に意味があるのかと思ったが全く意味が無くて、とりあえず重箱の隅より用語統一とか王道をと思いました

[Lian]

Twitterとかgoogleの検索フォームみたいな、何度も利用されていて入力するものがユーザに自明なところとかならいいんじゃないのかな

[J138]

じゃあ、このサイトの右上にあるのはなんだｗｗｗ

[haruten]

入力フォームの最優先事項にデザイン性とか格好よさを持ってくるのって何なの。「オレのセンスを理解する奴だけ入力しろ、理解できなくても入力しろ」って何なの。

[wisboot]

たまにiPhoneのSafariで入力しようとするも、プレースホルダテキストが邪魔でフォーカス当てるのに失敗することがままある。邪魔なので止めて欲しい

[sinnra0]

へー

[efcl]

プレースホルダーを`<label>`の代わりに使わないという話。問題について

[yatmsu]

調べたらこんなに理由あった

[fanjak2]

ホント？

[amels]

"入力フォーム内のプレースホルダはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。"

[redmagic1417]

プレーホルダーはダメという印象操作。アクセシビリティの件以外は、単なる作法じゃないか… (ここにD&D) とか、事前にその場所の機能を「感じさせる」くらいで済むときだけ使えるよって話であって

[kakku22]

参考になった

[dev2]

これは納得、完全に同意。作り手側は情報を全部認識しているから、スッキリするように見えるが、ユーザ側に立ってないUI。

[momontyo]

ラベル代わりのプレースホルダに初期フォーカスあたってて意味不明なシーンがあった。

[remcat]

「学術情報の利用に関する調査 2014」に回答したんだが、いろいろ技術的におかしいぞ。特にプレースホルダ

[sadakoa]

多分これ新規登録とログインじゃ話変わってくるわ

[gabuchan]

1.　消えるプレースホルダテキストはユーザーの短期記憶に負荷をかける

[bleu-bleut]

ラベル（パスワードなど）やヒント（6文字以上など）をプレースホルダーにすると、ユーザの短期記憶に負荷をかける。

[oitch01]

まじか。金曜日に出したの修正しなきゃ。

[iR3]

ふむふむ

[kanu-orz]

確かにそうかもしれない

[naga_sawa]

プレースホルダを項目のラベル代わりに使うのはユーザに負担を強いる

[kasumani]

入力フォームのプレースホルダを使ってはいけない 入力フォームのプレースホルダテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や

[takuya_1st]

なんでやPlacehodler 便利やん。「会員登録フォーム」だけを想定した議論はナンセンスだ

[tiadeen2]

結論がタイトルになっている良記事。結局、プレースホルダって使えないんだよねー。

[burnworks]

挙げられている例はラベルが適切でないだけで、それとプレースホルダを使用してはいけないという話はイコールではない。プレースホルダをラベルの代わりにしないなんて当たり前のこと。

[s99e209]

入力フォーム内に薄い色のテキストでプレースホルダを表示するのではなく、きちんと入力欄の付近にテキスト記載するほうがユーザービリティが高い。

[hidex7777]

リアルタイムバリデーション最強

[masapon49]

やっぱり外に書くのがベストか

[warriorking]

入力フォームのプレースホルダを使ってはいけない – U-Site

[teppeis]

言ってることはまともなのだが、結論で提示したサンプルUIがなんとも野暮ったいために読者の納得感を損なっているような。

[saharamakoto]

使ったこと無しww

[securecat]

知ってた。ちなみに右上のは入力内容に制限がなく、検索というボタンが備わっているので、まあこれはいいだろって感じですね。

[Kesin]

状況によると思う。このサイトの右上の検索バーのように入力欄が1つしかない場合はここで言ってるデメリットもいくらか関係なくなり、デザインもすっきりする。

[youg0717]

ほぅ / 入力フォームのプレースホルダを使ってはいけない – U-Site