登録フォームのテキストフィールドにはオフホワイトを
アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこちに散らばった、登録のモチベーションを掻き立てないフォームです。もしあなたのフォームがそんな状態であれば、改善の余地ありです。 あなたのアプリを使いたいユーザーはフォームの見た目に関わらず登録はしてくれるでしょう。しかし、まだ決めかねているユーザーは事務的なフォームを見て辞めてしまうでしょう。第一印象で多くの見込み顧客を失っている可能性があるということです。もっと機能的で魅力的なフォームにすることで、ギリギリで決めかねているユーザーの背中を押すことができます。 ビジュアルがユーザーを後押しする ある調
トグルボタンが混乱を招く理由
すべてのボタンがアクションを実行するわけではありません。たとえばトグルボタンなどは、アプリの状態を変えるために使われます。１つのコントロールで複数の機能をもつので、UIのスペースを節約することができます。トグルボタンは押すと状態が瞬時に切り替わりますが、それ故に正しく設計しないと問題が発生します。 反転したカラースキーム vs 通常のカラースキーム トグルボタンの課題は、現在の状態をいかに明らかにできるかというところにあります。視覚的な手がかりが明確でない場合、ユーザーはアクティブな状態を認識できないことがよくあります。これにより、誤ったオプションを選択してしまい、意図しない状態を引き起こしてしまう可能性があります。 特に混乱が起きやすいのは、現在の状態を示す視覚的な手がかりが反転色である場合です。このトグルボタンは一般的ですが、最適解ではありません。ユーザーには、暗い色のボタンがアクティ
キャンセルボタンに「キャンセル」と書いてはいけないとき
キャンセルボタンには、さまざまなラベリングがされます。 「今はしない（Not now）」と「あとで（Maybe Later）」などは、その場しのぎのキャンセルボタンの例です。 しかし、ときにはキャンセルボタンが明確に「キャンセル」と書くことが難しかったり、その場しのぎすらもできないときがあります。このようなときにCTA（コールトゥアクション）が成り立たなくなります。 誤キャンセルの防止 たとえば、サブスクリプションサービスをキャンセルするための確認画面には「サブスクリプションのキャンセル」というラベルの付いた破壊的なCTAボタンがあります。このボタンをキャンセルボタンの横に配置するのは混乱しますし、この確認画面から離脱しようとキャンセルしようと思って誤ってサブスクリプションをキャンセルしてしまう恐れもあります。 「キャンセル」を「今はしない」や「あとで」などのその場しのぎなキャンセルラベル
Webサイトの読み込み速度を向上させるための６つのポイント
Robert Moseley氏は、デジタルマーケティング技術、分析、最適化、およびパーソナライゼーションの専門家で、ウェブ開発と分析の技術面において経験が豊富です。 Moseley氏はCloudinaryの上部ソリューションエンジニアです。 Webサイトへの訪問者や、オンラインで買い物をするユーザーたちに、ページの表示速度に対する忍耐力を求めてはいけません。なぜなら彼らがページに滞在するか否かは、たった数秒間のうちの判断によって決まってしまうからです。 Kissmetricsの報告によって、ページの読み込み速度がユーザーの離脱率に大きな影響を及ぼすことがわかりました。一般的なWebサイトへの訪問者は、ページの読み込み時間に対する忍耐力が低いので、読み込み時間が１秒かかるごとに離脱率も１％増加してしまいます。 同調査には、10秒後には40％近くのユーザーがページを離脱するというデータがありま
セレクトメニューの多用はNG！Webフォームの離脱を防ぐためには
新規会員登録などのフォーム入力の途中でユーザーが離脱してしまうことがあります。 サービスに興味のある熱心なユーザーだとしても、フォームを最後まで入力する前に離脱してしまうことも少なくありません。 セレクトメニューがユーザーを離脱させる よくある理由の１つとして、フォームに複数のセレクトメニューがあることが挙げられます。セレクトメニューのあるフォームでは、ユーザーが離脱しやすいことが調査によってわかっています。 これは、セレクトメニューを選択することが、ユーザーに多くの時間と労力をかけさせるからです。 では、セレクトメニューはどのようにユーザーの離脱を促してしまうのでしょうか？ フォーム入力のフローを阻害する ほとんどのフォームは、ユーザーが文字を入力するテキストフィールドから始まります。しかし、セレクトメニューが表示されると、ユーザーは選択肢を選ぶためにキーボードからマウスへと手を移動させ
Flashはなぜその役割を終えたのか
デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webページの表現を広げてくれる日本語のWebフォント10選 | UX MILK
Gitを一度はあきらめた人のためのわかりやすいスライド９選