ユーザーインターフェイスデザインの5つの革新的な例

直感的なタッチスクリーンとインテリジェントな最近 iPhoneアプリ 、あなたの聴衆はあなたの製品、アプリ、またはオペレーティングシステムの使用に何の仕事もするつもりはありません-彼らはそれが明白であると期待するでしょう。長くて詳細な取扱説明書を読む人は誰もいません。代わりに、 UIデザイン ユーザーが目標を達成するために、すべてのハードワークを実行するように顧客をガイドする必要があります。

小鳥の描き方

あなたにインスピレーションを与えるために、それを正しく行うユーザーインターフェイスの最近の例をいくつか集めました。シンプルに保つ(最も象徴的なものとは異なります) 映画の歴史におけるユーザーインターフェース ...)そして機能から気をそらさないでください。

だから、読んで、デザインを通して素晴らしいユーザーエクスペリエンスを作成することに焦点を当てた最先端のよく考えられた製品、アプリ、およびオペレーティングシステムを発見してください...



01. iOS

林檎

Appleは、デスクトップコンピューティングとモバイルコンピューティングの両方のユーザーインターフェイスに革命をもたらしました

Appleは最近、次のような理由で攻撃を受けた可能性があります。 マップの大失敗 、およびその使用に関する継続的な議論 スキューモーフィズム 。しかし、立ち止まって全体像を見るのは良いこともあります。それ以降、Appleがどのようにコンピュータのインターフェースに革命を起こし、それ以降のすべてに影響を与え、形作ったのか。

同社は1983年のリサコンピュータの導入でGUI(グラフィカルユーザーインターフェイス)の使用を開拓し、その後1984年のマッキントッシュのリリースでそれを主流にしました。その後、2009年にiPhoneを導入したとき、それはユニークなものをもたらしました携帯電話市場へのユーザーフレンドリーな体験。

何年もの間、携帯電話のユーザーは、スクロールホイールまたは矢印ボタンだけで電話をナビゲートして管理してきました。 iPhoneのタッチインターフェイスとアプリケーションアイコンは、機能し、使いやすかったため、ゲームを変えました。

2009年以降、iOSプラットフォームのコア機能に関してはほとんど変更がなく、「壊れていない場合は修正しないでください」という古い言い回しを繰り返しています。一方、Appleは、iOSをiPadとiTouchに適応させて、製品の提供を拡大し続けています。

02. Windows 8 Mobile

マイクロソフトは

モバイルユーザーインターフェイスに対するマイクロソフトの新しいアプローチは、市場を再形成しますか?

マイクロソフトは、アップルとグーグルが数年前に中心的な舞台に立って以来、スマートフォン市場で追い上げを続けてきました。 2012年、マイクロソフトは最新の携帯電話オペレーティングシステムであるWindows 8を、同様のデスクトップバージョンとともに発表しました。 Windows 8 for mobileは、ライブインタラクティブタイルの使用を特徴としています。これは、携帯電話のホーム画面を見ると、情報で常に更新されている複数のアプリケーション「タイル」が表示されることを意味します。

最新のツイートやテキストメッセージを一目ですべて1か所で確認できます。タイルの配置と重要性は完全にカスタマイズ可能であることは言うまでもありません。

全体的な外観は、静的アイコンを使用してナビゲートし、通知のようにポップアップして受信データをキャッチすることに焦点を当てているiOSとは明らかに異なります。 Windowの8つのモバイルインターフェースは、現在ほぼ一定のデータストリームをどのように表示するかを再考しているため、群衆から際立っています。

03。 ネストサーモスタット

最高の種類のユーザーインターフェースはプロセスを簡素化します-Nestサーモスタットはその好例です

最高の種類のユーザーインターフェースはプロセスを簡素化します-Nestサーモスタットはその好例です

多くの場合、誰かがやって来てそれを改善するまで、従来の製品のユーザーエクスペリエンスがどれほど悪いかさえわかりません。適切な例として、家庭用サーモスタット。

デジタルエッジへの移行は、あなたの家のサーモスタットを改善するのにあまり効果がありませんでした。実際、新しいデジタルサーモスタットは、複数のメニューシステムと複雑な表示を混乱させるため、プログラミングがはるかに難しい傾向があります。そのため、Nestサーモスタットの設計者は、プロセスを簡素化しました。

熱くしたいときは上げ、冷たくしたいときは下げます。サーモスタットは、調整を行うたびに学習し、変更に基づいて冷暖房スケジュールを作成することで、残りの作業を行います。 Wi-Fi経由でスマートフォンから制御することもできます。

これを見て!ネストサーモスタット:

04。 任天堂のマリオカートの歴史

任天堂

任天堂のサイトは、コンテンツを進めるための新しいアプローチを採用しています

大きなものの1つ ウェブサイトデザインのトレンド 現時点ではの使用です 視差スクロール 。基本的に、これは、マウスのスクロールホイールを使用して、サイトが3次元に見えるようにWebサイトを進むことができることを意味します。

デジタル一眼レフでアダプター付きのmicrosdカードを使用できますか

この3D効果は、Webサイトの背景を前景に設定されたオブジェクトよりも遅い速度で移動させるいくつかの凝ったHTML5およびCSS3コーディングを使用して作成されます。

これにより、ほとんどのWebサイトで見られる従来のフラットな2次元の上下スクロールよりも視覚的に興味深い独自のユーザーインターフェイスが作成されます。このサイトは、視差スクロールの優れた例であり、独自のユーザーエクスペリエンスをどのように作成するかを示しています。

05。 世界自然保護基金のiPadアプリ

WWF

WWFのエレガントなアプリインターフェースにより、革新的な方法でコンテンツを発見できます

ユーザーインターフェイスデザインの進歩が見られるのは、消費者向け製品とWebサイトだけではありません。 iPadアプリの開発者は、ユーザーが指をスワイプしてページを変更するだけでなく、iPadを操作できる新しい方法を継続的に試しています。

世界自然保護基金は、WWF Togetherと呼ばれる無料の新しいiPadアプリをリリースしました。これは、ジェスチャーベースのインタラクションでできることの素晴らしい例です。

指を使って氷山を動かしたり、画像を消去して、世界の野生生物に関する重要な情報を明らかにしたりできます。これらすべてが、わかりやすく情報を提供するエレガントでシンプルなインターフェースにまとめられています。

これを見て!動作中のWWFアプリ:

言葉ベンホワイトセル

Ben Whitesellは、伝統的な印刷ページレイアウト、ポスターデザイン、イラストなど、さまざまな種類のコンテンツ作成を専門とするメディアデザイナーです。

これが好きですか?これらを読んでください!

  • 次のことを発見する 拡張現実
  • 見事な iOSアイコン
  • 私たちのお気に入り Webフォント -そして彼らは一銭もかかりません