ウェブサイト制作の基本的な流れではまず最初に、「ワイヤーフレーム」で骨組みを作ります。その骨組みを元に「デザインカンプ」と呼ばれる完成イメージを作ります。 ウェブの制作には混同しやすい用語が多くありますが、今回はこの２つに焦点を当てて１つずつご紹介していきます。 ワイヤーフレームとは？ ワイヤーフレームとは、どこに何を配置するかというサイトのレイアウトのことを示します。実際にデザインを決める前に作……
この記事はDropboxやGmailなどの実例を参考にしつつ、自然でさりげないUXを生み出すための実践的なガイドです。 ここ数年で最も成功しているインタラクションデザインの分析をしたとき、Gmailの自動保存機能やUberのクレジットカード入力フォームのような、基本的な機能を完璧に作り込む会社に軍配が上がります。彼らは人間の自然な行動を巧みに取り入れ、私たちが今まで気づかなかった障壁をひそかに取……
Webサイトやアプリは、もはや現代人の生活に不可欠です。Webサイトやアプリにおける「UIデザイン」は極めて重要で、玉石混交の「UI原則」や「UIテクニック」が数多く公開されています。しかし、UIデザインに関する膨大な情報を得ても、いざ自分のWebサイトやアプリ開発となると、「良いUIデザインは結局どうすれば作れるの？」と迷うことも多いのではないでしょうか。
本記事では、UIデザインとは何か、優れたUIデザインの原則・設計方法、成功事例などをわかりやすくご紹介します。無料でダウンロード可能なUIデザインに関する資料もご用意しておりますので、ぜひご活用ください。
【無料ダウンロード】UI改善の基礎
4つのデザイン構成要素を操り、優先順位をつけるための「レイアウト / 配置」「形」「色」「動き」について図付きで解説します（全45ページ）。ぜひUIの改善にご活用ください。
UX MILK編集長の三瓶です。この記事をもって、今年の配信は終了となります。皆さま、今年も毎朝たくさんの記事という名の牛乳を飲んでいただきましてありがとうございました。 おかげさまでUX MILKも2016年は大きく成長し、ようやくメディアとして顔を上げて歩めるようになりました。とはいえ、まだこの世に生を受けて２年目、まだまだ至らないところだらけですし、来年も1月4日から変わらず邁進していきま……
ニューヨークやロンドンに展開するコンサルティング会社、Conversion Rate Experts社が、UX（ユーザーエクスペリエンス）とCRO（Conversion rate optimization コンバージョン率最適化）のためのツールと27つのグロースハックテクニックをまとめたインフォグラフィックを発表いたしました。
27のグロースハックテクニックを紹介しているほか、各テクニックで使えるツールも紹介されており、グロースハッカーやUXデザイナー必見の内容となっています。
テクノロジーが進化を止めることはありません。それを脅威と感じる人がいる一方で、ビジネスをする人にはこの事実は喜ばしいニュースでしょう。 ブランド力を効率的に向上させたり、顧客に対しての価値を付加させたりするのに、これほどたくさんの機会に恵まれることはこれまでありませんでした。しかし、たくさんの機会に恵まれると同時に、最善の方法が何であるかを判断するのも難しくなってきています。 そんな中、今年になっ……
この記事は本日マイナビ出版から発売の『UX × Biz Book ~顧客志向のビジネス・アプローチとしてのUXデザイン~』の「Chapter2 UXと顧客エンゲージメント 」から、無印良品のUXにおける取り組みのインタビュー部分を抜粋したものです。 本著のこの章では無印良品がどうUXデザインをビジネスに活用しているかクローズアップしており、Webやソーシャルでのブランド・コミュニケーションの責任者……
カスタマーエクスペリエンスを可視化するには実に莫大な量のデータがあり、ビッグデータからスモールデータなどの形態を取り、且つそれらは質的データ・量的データの両方を含みます。 UXのよりよい理解や改善を追求するにあたって、データの可視化はその関係性やパターンを明確にする有効な手段です。今回は、データを可視化するための、５つのテクニックについて紹介したいと思います。 1. 親和図法 親和図法は、一見関……
あなたが広大な敷地で迷ったとしたら、真っ先に知りたいことは自分が今どこにいるかでしょう。一度自分の現在地を知ることができれば、目的地からどのくらい離れているのか見つける事ができます。ショッピングモールなどで「You are here（現在地）」と地図に表記するのも同様の理由からです。 ユーザーはサイト内で迷子になったとき、自分たちがどこにいるのか知りたいのです。ユーザーが自分の現在地を知るという……
