マイクロインタラクションを考慮すべき４つの理由
マイクロインタラクションは、私たちの周りに溢れています。これはユーザインターフェイスの特定の瞬間のやりとりに用いられるものです。たとえば、ユーザーがモバイルアプリのボタンをタップするとナビゲーションメニューが開かれるなど…
UI・UXのイロハ
188件待ち時間の体験を向上させるスプラッシュスクリーン
ロード時間でユーザーを待たせないことは、モバイルUXデザインの基本です。モバイルのデザイナーはこの原則をよく知っているはずです。しかしロード時間の点ではユーザーの求める水準に応じることが難しいときや不可能なときがあります…
クライアントにUXデザインを理解してもらうためには？成功事例を聞いてきた
「UXデザイン」という言葉を聞く機会は以前より格段に増えてきましたが、実際のビジネスにおいてUXデザインを実践するとなるとまだ課題が多いのが現状だと思います。特にクライアントやステークホルダーから理解を得ることに苦労して…
すべてのマネージャーが理解すべきUXに関する７つの事実
既存ビジネスにUXチームとして新しく加入する人には、いろいろな苦労があるようです。人々は少なくともUXが何の略称か知っていますし、UXが重要である理由も知っているかもしれませんが、良いUX達成のためになにが必要なのかを本…
優れたボタンデザインのための７つのガイドライン
ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタン…
登録フォームのユーザー体験のガイドライン
登録フォームには、いくつかのフォームフィールドと決定ボタンがあります。もっとも一般的なのは、メールアドレス、パスワード、そして奇妙な「パスワードの再入力」の３つです。この最小限の登録フォームにデザインにおいて、さらなる改…
Webサイトでブランドロイヤリティを築く方法
なにがWebサイトデザインを真に効果的なものにするでしょうか？ 外観でしょうか、それとも機能でしょうか？ 答えは、その両方です。Webページの美しさも機能も、UX全体にとって等しく重要です。実際、ユーザーがWebサイトを…
クリエイティブなタブバー型ナビゲーションを考える
モバイルナビゲーションの基本パターンを選ぶときに、プロダクトデザイナーは２つの選択肢から選びます。ハンバーガーメニューとしても知られるドロワー型か、タブバー型です。どちらのナビゲーションにも長所と短所があります。 この記…
EUにおけるGDPR施行とUXデザインへの影響
仕事や、勉強や、コミュニケーションなどの用途で、私たちはインターネットに多くの時間を使っています。実生活ではプライバシーや個人の生活に関して、非常に明確な法律や規制がありますが、Web上ではまったく異なります。 最近のユ…
今一度おさらいしたいAdobe XDのリピートグリッドの活用法
AdobeXDは「リピートグリッド」を含む独特の機能を発表し、大きな話題となりました。この魔法の機能を使えば、どんな要素も複製することができます。しかし、要素を複製できることだけが、リピートグリッドのもっとも優れた部分…
デザイナーからプロダクトマネージャーになるには？転職の実体験を聞いてきた
UX MILKでは、さまざまな角度からデザイナーのキャリアについて取り上げてきましたが、今回は「デザイナーからビジネスサイドへのキャリアチェンジ」をテーマにしたインタビューです。デザイナーからプロダクトマネージャーにな…
プロトタイピングで陥りがちな６つの落とし穴
プロトタイピングやテストを使わないで、現代のプロダクトデザインを想像することは難しくなっています。次の技を駆使することで、想像力を補うことができます。説明するな、見せろ今日では多くのプロダクト開発チームが、…
レスポンシブで軽量な20のCSSフレームワーク
良質でレスポンシブなCSSフレームワークを使えば、どんなWebデザインプロジェクトも有利にスタートできます。CSSフレームワークのなかには、Bootstrapのようにコードが多すぎて重いものもあれば、反応が遅いものもありま…
UIデザインにおけるイラストの活用法とは
絵には言葉1000個分の価値があります。大昔から、人々は複雑なアイデアをたった１つの絵を使って伝えることができると知っていました。[caption id="" align="aligncenter" width="60…
優れたWebのコピーライターが気をつけている７つのこと
ほとんどのWebサイトはユーザーを説得し行動を促すとき、キャッチコピーに頼っています。それにもかかわらず、多くの会社はキャッチコピーに投資したがりません。あなたの会社が成功するために、Webサイトはどれほど重要でしょう…
手軽にアイデアを形にするペーパープロトタイピングのすすめ
デジタルデザインの世界には、プロトタイピングのプロセスを簡単にするたくさんのツールがあります。しかしペンと紙は、今もなおUXデザイナーにとってもっとも便利なツールとされています。ペーパープロトタイピングは、概念化の初期…
「doda」のリブランディングの裏側、どのようにサイトのリデザインが行われたのか
社会人であれば転職サービスの「doda」は誰しも聞いたことがあるのではないでしょうか。そんな「doda」が最近リブランディングを行い、CMや広告などでもイメージを一新しています。今回は、「doda」のような大規模サ…
優れたダッシュボードをデザインするための10のガイドライン
もしあなたがプロの自転車競技に詳しければ、「アシスト（Domestique）」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Dom…
効果的なUXライティングのための16のルール
UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚…
無料のマテリアルデザインフレームワーク10選
デザイン原則に科学と技術のイノベーションを組み合わせたら、なにが起こるでしょうか？ まさにGoogleが実践し作りあげた、マテリアルデザインのコンセプトが創られるのです。マテリアルデザインとは、クラシックデザインの原理…
