インラインバリデーションがフォーム入力の妨げになるケース
フォーム入力におけるインラインバリデーションはユーザーの入力完了を妨げている恐れがあります。 インラインバリデーションは問題のあるフィールドのインラインにエラーメッセージを表示します。ユーザーがフォームを送信する前にこれ…
UI・UXのイロハ
188件フォームをより幅広いユーザーや文化に対応させるためには
現在のWebサイトは整然としていてモバイルフレンドリーで、さまざまな手段で来訪する方のアクセシビリティを考慮したデザインをされています。しかし、ユーザーから情報を集めるフォームの作成においては、自分たちの選択が間違ってい…
Webデザイナーがやめるべき非生産的な５つのこと
Webデザイナーでいることは、時には狂気の沙汰であるように思えます。いつだってとんでもなく忙しいか、ただただ何かが起こるのを待っているかのどちらかです。当然、お金の状況は混沌としています。 ですから、クライアントを満足さ…
デザイナーの意見はユーザーの意見よりも大切か
あえて言わせていただきましょう。デザイナーは自分のデザインに縄張り意識を持ち過ぎています。もちろん、それは自然なことです。何年もかけてデザインスキルを磨き、理想的なユーザーのために理想的なプロセスを作り上げることで、ユー…
初心者のためのユーザージャーニーマップの使い方
プロダクトクリエーターは「人々がプロダクトを実際にどのように使っているのか」といった本質的な問いに答えなくてはなりません。 そのためには、ユーザーの視点からユーザー体験全体の本質を理解する必要があります。 ユーザージャー…
ユーザーがアイコンを誤タップするのを防ぐためには
これまでにモバイルアプリをデザインしたことがある人なら、アイコンボタンがどれだけ便利で普及しているかはお分かりかと思います。しかし、それらが近すぎる位置に配置されたとき、どれだけユーザーの誤タップを招いているかご存知でし…
Webサイトの専門家でもユーザーテストが必要な理由とは？
UX MILK特派員のポップインサイト池田です。今回からUXの第一線で活躍されている方々へのインタビュー＆対談し、最新のノウハウをお届けする「UXリサーチ最前線」という連載企画をスタートします。 第一弾では、BtoB領域…
複数事例から見るコンバージョンにつながるランディングページとは
ランディングページの指標改善に、銀の弾丸はありません。すべての状況に対して有効なアプローチはどこにもないのです。 しかしながら、適切なUX戦略があれば、優れたランディングページを簡単に構築することができます。この記事では…
UXデータを用いなければ、それはUXデザインではない
UXデザイナーはさまざまな問題解決の手法を思うままに使うことができます。しかしその手法は、ユーザーリサーチに裏付けされたインサイトに基づいて発揮されなければいけません。ユーザー中心のデータがなければ、UXデザイナーは直感…
キャンセルボタンに「キャンセル」と書いてはいけないとき
キャンセルボタンには、さまざまなラベリングがされます。 「今はしない（Not now）」と「あとで（Maybe Later）」などは、その場しのぎのキャンセルボタンの例です。 しかし、ときにはキャンセルボタンが明確に「キ…
プロダクトの開発現場でストーリーボードはどう役立つのか
次の話は、現在のIT企業ではよくある場面です。 マーケターのMaryには新プロダクトの案がありました。このプロダクトは大成功を収めると考えたMaryは、技術部にシステム構築を依頼しに行きました。開発者のDianeは、Ma…
デザイナーがWebサイトのパフォーマンスに対してできること
現在では、Webサイトの割合のおよそ50%を画像が占めるようになっています。パフォーマンスの低下は収益やユーザー満足度の低下と密接に結びついているため、私たちデザイナーはサイト上の画像の扱いにもっと責任を持たなくてはなり…
他のデザイナーとの差別化に役立つ「USP」の考え方
まず初めに１つ質問させてください。生活の中で使う歯磨き粉、デオドラントやシャンプー、または自動車のオイルに好んで選ぶブランドはそれぞれいくつありますか？ それらのブランドのうち、特定のブランドが他と異なっていたり優れてい…
ドラマチックなスプラッシュスクリーンの参考例10選
Webサイトの導入部分をよりドラマチックな演出にしたくありませんか？ 目を見張るようなアニメーションや、ハイエンドなライブラリを駆使した実験的で独創的なデザインなどで訪問者の心を掴みたいと思いませんか？ そのようなときは…
何のために「UXデザイン」をするのか
UX MILK編集長の三瓶です。皆さんいつも飲んで（読んで）くれてありがとうございます。 実は最近UX MILKを取り巻く環境が少し変わり、改めてこれって何のためにやっているんだっけなどと、色々と考えをまとめたりしていま…
人に教えることこそが最高のデザイナーへの第一歩
人に教えることによって、自分自身がより学ぶ事ができるというのはよく知られた事実です。 弟子、見習い、生徒など、その呼び名が何であれ教わる事に感謝し、またあなたの知識を評価して吸収してくれる存在がいることによって、単なる自…
ARにおけるUXデザインの参考になる６つのコンセプト
AR（拡張現実）は、テキストやグラフィックオブジェクトがリアルタイムに現実世界を補完する技術です。 この記事では、AR体験を用いた革新的かつ参考になる事例を紹介していきます。これから紹介するすべてのコンセプトには、あるこ…
UIでアイコンを使用するためのチェックリスト
アイコンは、GUIで最も頻繁に使用される要素の１つです。 どの様な要素があれば、よいアイコンなのでしょうか？ この記事ではあなたが使うアイコンがユーザーにとって機能するものとなるための簡単なチェックリストを紹介していき…
固定ナビゲーションにおけるベストプラクティスとは
おそらく固定ナビゲーションという仕組みはよく目にするものだと思います。固定ナビゲーションとはユーザーがスクロールしても、ナビゲーションバー（またはその一部の要素）が画面に表示されたまま残る状態のことです。 「スティッキー…
活用事例からみるマウスインタラクション
マイクロインタラクションは2017年のもっとも大きなトレンドの一つとして、ビットコインと同様に話題になりました。デベロッパー達は進んでユーザー体験をよりよいものにしようとし、熱意を持ってこの仕事に当たりました。私たちは少…
