Blog
ブログで学ぶUX

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

Shneiderman氏の「インターフェイスデザインの8つの黄金律」とは

生産的でストレスのない、優れたUIをデザインしたいなら、Ben Shneiderman氏の「インターフェイスデザインの8つの黄金律」に従いましょう。Apple、Google、Microsoftは、Shneiderman氏のルールに沿った製品によって、大成功を収めた企業なのです。 Shneiderman氏の黄金律は、上記のような巨大企業が作成したさまざまなUIのガイドラインに見られます。これらの企業……

投稿日:

モバイルアプリにおける5つのアニメーションの活用法

10年前、ユーザーインターフェイスでアニメーションやモーションを使うことは、ユーザーのことを考慮するのではなく、むしろユーザビリティの低下につながりました。なぜなら、ピカピカする派手なWebサイトや立ち上がるポップアップ、点滅するボタンなどが多用されていたからです。 しかし、アニメーションやモーションに対する認識は、ここ数年で大きく変化しました。 iPhoneやモバイルアプリの導入以来、多くのデザ……

投稿日:

Webデザインのトレンドを採用するときの9つの注意点

音楽やアートなどのカルチャーと同じく、Webデザインにもその時代ごとの思潮があり、毎年新たなデザイン要素や機能、トレンドなどが発生します。また、デザインに対する考え方も、新しい技術の急速な発展に伴い急激に変化します。 Webデザインのトレンドの中には、時の試練に耐えられないものもあります。ユーザビリティを損なうトレンドやユーザーのサイト訪問を妨げるようなトレンドは避けるべきです。以下に挙げるトレン……

投稿日:

音声UIのデザインで気をつけるべきこと

音声UIに対する注目が高まっています。消費者は音声で何ができて、日常生活でどのように機能するのかを見ようと、ワクワクしながらGoogle HomeやAmazon Alexaのようなツールを調べたり使ったりしています。このブームを一時的なものだと軽視してはいけません。 主流メディアとして音声UIを利用することは、長期的な兆候になってきています。私がIAサミット`17でセッションを開いたとき、批評をし……

投稿日:

デザインの基本原則:シンメトリーとアシンメトリー

デザインにおける2つの重要な原則を見ていきます。これらは一見あまりに単純で当たり前のようで、考えるほどのことでもないように思えるでしょう。しかし私たちはその性質や効果を過小評価してはいけません。つねにシンメトリー(対称)とアシンメトリー(非対称)を心にとどめておくことで、デザインを計画して実行するときに、より良い判断を下せるようになるでしょう。 デザインを組成する個々の要素を、中心点や中心軸を基に……

投稿日:

アニメーションをWebサイトに導入するためのテクニック

機能的で楽しいアニメーションは、現代のWebデザインにおいて不可欠な要素の1つです。現代のWebサイトでは、細かなインタラクションのデザインが根本的な違いをもたらします。 アニメーションはユーザーに現状を伝えたり、注意をうながしたり、ユーザーの行動の結果を伝えたり、ユーザーのふるまいに影響を与えることもできます。 より良いUXを築くため、サイトにアニメーションを追加する例をいくつか説明していきます……

投稿日:

プロダクトリリース前に確認したい23のUXチェックリスト

ソフトウェアの設計プロセスではプロダクトの欠陥が見つからず、ユーザーが使う段階になって欠陥が明らかになりユーザー体験を損ねてしまうことがあります。 この記事では、そういった事態に陥らないようにチェックしておくべき事項をリストアップしました。ここで挙げるチェックポイントは一般的なものであり多くのプロダクトに適用可能ですが、例外もあることをご理解ください。 インタラクションデザイン 01 - 頻繁に……

投稿日:

理解するべきユーザビリティとデザイラビリティの違い

「デザイラビリティ(Desirability)とユーザビリティ(Usability)の違いとは何か」という質問はUXデザインの分野でよく見受けられるため、区別できることは重要です。 なぜなら、ユーザビリティはUXの基本であり、ユーザビリティ(使いやすさ)がなければ、価値のあるUXを作り出すことが難しいからです。一方で、デザイラビリティ(望ましさ,好ましさ)がなければ、ユーザーの心にいつまでも残るこ……

投稿日:

ネイティブ vs ハイブリッド vs レスポンシブ:どれが最適か?

モバイル向けサービスのデザインをしていると、ある段階でアプリをどのように開発するか決めなければならない局面にぶつかります。ネイティブアプリ、ハイブリッドアプリまたはレスポンシブWebサイトのいずれかを選ぶことになり、その決定は最終的な製品に影響します。 正しい決定を下すには、それぞれのタイプがどのように機能し、最終的な製品にどう影響するかを理解する必要があります。どれを選ぶかは、リソースおよび達成……

投稿日:

アイトラッキングにおける4つの視覚化方法とその特徴

アイトラッキングとは、多くの注目を集める方法です。 アイトラッキングは、ユーザーの視線を追う機械を使い、ユーザーがなぜそのような操作や行動をしたのかを類推する手法で、嘘発見器とMRIを融合したようなものとされています。 結局のところ、目は嘘をつかないのです。 しかし、アイトラッキングは必ずしも万能ではありません。多くのUXメソッドと同様に誤った使い方をしてしまう可能性があります。Jared Spo……

投稿日: