Blog
ブログで学ぶUX

カテゴリ: UX/UIデザインの記事

Webデザインにおける配色の重要性:色で共感を得るためには

人の感情は「色」によって刺激されると言われています。ここでは、Webデザインにおいて色が重要である理由について考察していきます。 どうしてWebデザインにおいて色は重要か Webデザインにおける配色は大抵の場合、個人の好みに左右され、後から付け加えていくものという印象があります。もしプロダクトのディレクターがオレンジ好きなら、そのプロダクトのロゴはオレンジになるでしょう。 しかし色には見た目以上……

投稿日:

誰のためのUI? Dropboxのデザイナーが語るUXライティング

Windowsに「My Computer」のアイコンがあった時代を覚えていますか? あなたのコンピュータ上にある、すべてのアプリケーション、ファイルやその他のデジタルコンテンツを詰め込んである、小さなアイコンのことです。 後のバージョンのWindowsでは、Microsoftはこのアイコン名を「Computer」へと変更、さらには「This PC」へと変更しました。その理由は何だったのでしょうか?……

投稿日:

ボタンデザインの歴史と進化から学ぶベストプラクティス

ボタンは私たちにもっとも身近な、ごく普遍的なインタラクション要素です。とてもシンプルなUI要素でありながらも、ここ数十年でそのデザインは大きく変化しましたが、いつの時代も大事なのはその明確さと認知性でした。 この記事では、ボタンデザインの進化を振り返り、効果的なボタンを作るための方法論について見ていきたいと思います。 スタイルの進化 立体的なボタン 昔からOSのボタンデザインは、周りの要素からボタ……

投稿日:

映画とデザインに共通する「意識されないこと」の重要性

デザインに関わる仕事をしていると、奇抜で目を引き、ユーザーの世界を変えるくらいに強いインパクトを与えるクリエイティブに憧れることがあります。一方でデザインを「課題解決」と解釈すると、必ずしも目立つことが正解ではありません。 今回は「映画」と「Webサイト」という2つのメディアに共通する「意識されないこと」の重要性について、考えていこうと思います。 没入しているユーザーは「考えない」 突然ですが、僕……

投稿日:

Google提唱のマイクロモーメント:「瞬間」を捉えるための消費者行動モデルとは?

近年のマーケティングや商品開発の場面では、「消費者(ターゲット・ユーザー)」の気持ちを考えるためにフレームワークを活用することが多くあります。 今回はGoogleが提唱する「マイクロモーメント」に触れつつ、「瞬間」や「データ」を意識した消費者行動モデルについて考えていきます。 様々な消費者分析の方法 消費者の行動分析をするためのフレームワークは実に多数存在しますが、最近ではデジタル技術の進歩による……

投稿日:

ケーススタディ:ヴァージンアメリカ航空を上場に導いたUXデザイン

今やWebデザイン業界のスタンダードとなっているレスポンシブデザインですが少し前は違いました。 今日は2014年に航空業界初のレスポンシブデザインを取り入れたVirgin AmericaのWebサイトについて、デザインからローンチに至るまでを詳しく見ていきたいと思います。 過去数年で最も影響力のあるWebプロジェクトのひとつとなったこのプロジェクトの、成功までの軌跡を細かく見ていきましょう。 V……

投稿日:

多くのサイドバーが役に立っていない理由とは?

Webサイトにおいて、サイドバーは必要でしょうか? 情報交換をとても重要視している業界ですから、サイドバーが流行してスタンダードな手法となったのはある意味必然といえば必然です。ですが、サイドバーはつまるところただのリンク集でしか無く、補足的な情報を入れておく程度の場所です。 これを言い切ることで私を嫌いにならないで欲しいのですが、UXデザイナーはサイドバーに頼りすぎなのです。 例えばUXデザイナー……

投稿日:

InstagramやAirbnbなどのUIデザインに見る新しいトレンド

ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう? ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクシ……

投稿日:

ユーザビリティテストとは?基礎知識や評価項目・やり方を解説

ユーザービリティテストは、UXやUIデザインの検証に、欠かせない調査方法の1つです。一方で、「どんな調査か分からない」「大事なことはなんとなく分かるけど、しっかり説明できない」といった方が多いのではないでしょうか。

本記事はユーザビリティテストの基礎知識や具体的なやり方、現場での活用について、順を追って分かりやすくご紹介していきます。事例やユーザビリティテストに関する資料もご用意しておりますので、ぜひご活用ください。

投稿日:

魅力的なイラストを活用したアプリのUIデザイン7選

Appleは完璧を追い求めることで有名であり、それは 私たちがUpLabsで称賛しているところでもあります。 Appleはとりわけインターフェイスに関しては常に境界線を押しひろげ、 他社にとっては高いハードルを作りあげてきました。彼らはスキューモーフィズムを世の中に広めた企業であり、彼らの方針にコミュニティ全体を従わせたのです。 フラットスタイルの時代となった今もなお、彼らはなんとか自分たちに忠実……

投稿日: