入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
フェイスブックが使いにくいみたいな意見はよく見かける ネット初心者・上級者・古参、関係なく見かける このひと、ネットのリテラシー高くて、ほかのツールはすぐさくさく使えてるのに、フェイスブックにはすごいダメ出してる、みたいな人いる でも、個人的な感覚として、そんな使いにくいインターフェースではない 慣れなのかなともおもったけど、いつまでも慣れないってひともよく見かける ということは、慣れとかリテラシーとかじゃない何かがある むしろ、既存のネットに慣れてたりリテラシーがあったりすると、それが邪魔をするような何かがある 例えば、ニュースフィードが投稿を間引いたり、並び替えたりするのを、すごい怒ってるひとをよく見かける 時系列で全部を並べろ、という でも、時系列で全部を並べられても読めないんだから、それなりのアルゴリズム（エッジランクという名前ついてて、自分に親しい友達がいいね！したエッジはランク
ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． サービス提供する側の立場では，新しいUIのほうが使いやすかったり，機能が増えたり，収益が増えたりするので，新しい方を多くの人に提供することに価値がある．使いやすいかとか，儲かるかとかは，リリースまでに調べておく必要があり，リリースの結果使いにくくなったり収益減ったりしたら，失敗ということになる． 一方で，ユーザーの立場からすると，前の方がずっと使ってて愛着があったとか，新しい方を覚えるのは手間とか，確かにという感じはする．また，ウェブサービスは最終的にユーザーの手元のブラウザで表示されて動くので，映画の結末が気に入らないから変えたいといった要望よりは，受け入れやすい．データ構造についての，サーバー側の処理についてのユーザーからの要望というのはあまりなくて，このボタンがどうみたいな，UIの要望が多いと思う． 全部置
It’s that time of year again, time for our “Best of…” series, where we look back over the past year and pick our favorite freebies and resources. For this week, we’ve went back through all the UI PSDs that we’ve covered over the past year and picked the ones that really stand out. Because there are so many very good ones to sift through, it’s always a difficult choice, but here are the ones we thi
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
You are here: Home » Inspiration » Design Elements » 25 Examples of Wireframes and Mockups Sketches 25 Examples of Wireframes and Mockups Sketches Written by Igor Ovsyannykov on Feb 14, 2011 | 0 Comments Would you start building a website without blueprints? If you said yes, good luck with that. If you said no, then you are 100% right! Before building any website you have to have an idea of how th
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
ひとつだけ挙げると、使い勝手の良さが圧倒的に違いました。Lingr は何度か使いましたが、どうも使い勝手がよろしくなかったです。 IRC も Twitter も専用クラアントが溢れんばかりに存在して、閲覧、入力、操作性など使い易さを切磋琢磨しています。 Lingr はあくまでブラウザだけで、グループチャットができるというのが最大の特徴であり、そのためのインターフェイスやテクノロジの研磨は類い稀なるものでしたが、逆にブラウザだけに絞ったことがあだとなってしまったのではないかと思います。 ブラウザはあくまで閲覧が主目的のソフトなので、入力には向いていませんし、ブラウザ自体が重くなると、操作がままならないという事態もありえます。 そんなブラウザに依存してしまった事が、Lingr の失敗だったのではないでしょうか。 そして、クライアントを自ら開発することなく、誰でも気軽に開発できるようにして人気を
At AzarAsk, we publish informative content on technology and psychology. We believe that real progress happens when people are informed and inspired. We work to bring our readers the latest information in these rapidly changing fields so that they can stay ahead of the curve. In addition to reporting on the latest developments, we also provide in-depth analysis and thoughtful commentary on the imp
このところ、“時間軸”を扱ういわゆるタイムラインサービスが、特に海外で元気があるように見えます。 日本では、@nifty TimeLine がこの手のサービスとして老舗的な存在だと思いますが、それぞれに工夫を凝らしながら新しいサービスが続々と登場しているようです。 時間軸を扱うサービスが出始めて、まだそれほど時間は立っていないと思うのですが、この間にもずいぶん進化をしているような印象を受けます。 ドイツ発の「TimeRime」 中でも、今年の３月にローンチされたというドイツの「TimeRime」というサービスが、とてもよくできています。 上は、ObamaさんとMccainさんに関してのTimelineが並んでいる図。 こうして、誰かの人生を並べてみるだけでも、なかなか興味深いです。 画像、出来事、所属情報、といった情報の要素別にエリアが整理されている点も、ちょっとしたことなのですが気持ち
「ページング」と「写真切り替え」のUIは、もっと良い表現方法があってしかるべきだと思う。 特に、前にミクシィ社の会社訪問の写真でも思ったが、CNET Japanのフォトレポートページはヒドイ。 フォトレポート：来た、見た、開けた--「MacBook Air」開封の儀 MacBook Airやミクシィというネームバリューを生かした、PV稼ぎ商法としか思えない。 まぁ現実には、如何に早く公開するか？ってのと、現状のCMSがそういうことしかできないからってのが正解なんだろうけど。 ページを切り替えるのが面倒すぎて、疲れてしまう。 なんで写真を見るだけなのに、面倒な気持ちにならなきゃいけないんだろう。 写真はサムネイルを並べてクリックするというのも面倒くさい。 現状写真切り替えで、一番楽しいのは、iPod touchや、Macに搭載されているカバーフローでしょう。僕はPicasaのスクロールUIは
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く