デザインとテクノロジーに携わる人なら誰でも、そしておそらく現代の世界に住む人なら誰でも、「ワールドワイドウェブ」から「モノのインターネット」などの用語の使用が迅速に進んだことに気付くでしょう。

短期間で、ブラウザを介してアクセスされる情報スーパーハイウェイの地図上のポイントであるWebページの設計と開発から、将来のUI（さまざまなフォームファクタ、解像度にわたってコンテンツとエクスペリエンスを提供する相互接続された膨大な数のアプリケーション）に移行しました。 、および相互作用パターン。

私たちが今日使用しているテクノロジーとスクリーンは、私たちの周囲に姿を消しつつあります。音声アシスタントを使用した人工知能（AI）と組み合わされた「モノのインターネット」（IoT）は、すでに私たちを取り囲んでいます。私たちは「アンビエントインテリジェンス」（AmI）の世界の幕開けです。そこでは、多数のデバイスが協調して動作し、人々が日常生活を営むのをサポートしています。個々の画面ベースのUIは徐々に姿を消しつつあり、設計者は断片化された設計コンポーネントのシステムに取り組む必要があります。

設計者はAI対応のためにどのように設計しますか アンビエントインテリジェンス 画面が消えた世界？これは彼らの役割をどのように変えるでしょうか？

明日のデザイナーの役割は変化しています

のオブジェクト デジタルデザイナー の慣例は、かつては複雑な一連のボックス、画像、テキスト、ボタンを比較的信頼性の高いブラウザ画面（そして最終的にはモバイルアプリの画面）に配置することでした。

2017年の化粧品業界の価値はいくらですか

これは人々に提供された経験の幅広さでした。しかし今、設計者は、製品が他の部品と相互作用し、情報を交換し、時には他の部品の後ろに消えるコンポーネントの複雑なシステム内の別個のエンティティとして存在することを考慮する必要があります。

インターコムのポール・アダムズが彼の作品に書いているように 私たちが知っているアプリの終わり 、 ' さまざまな画面やデバイスが存在する世界では、画面サイズやテクノロジープラットフォームに関係なく機能できるように、コンテンツをアトミックユニットに分割する必要があります。 「」

そして、これは単なるコンテンツを超えています。今日、 デザイナー 人々に提供されるすべての機能またはサービスが、複数のシステムおよびプラットフォームの他のコンポーネント内にどのように存在し、それらと連携するかを考慮する必要があります。

人々は明日、情報とどのように相互作用しますか？

モバイル革命の初めに、 デザイナー ウェブサイトと同様のエクスペリエンスを提供するアプリの作成に重点を置いています。ユーザーがコンテンツを消費したりタスクを実行したりするためにやり取りした、適切に設計および制御されたボックス化された環境です。

インタラクションのほとんどは画面の範囲内で行われ、設計者は配信をかなり制御できました。

ただし、モバイルデバイスの範囲は、画面ベースのミニコンピューターから、ウェアラブルの手首を包むメッセージセンターや、自宅のサーモスタットをリモートで制御するデバイスにまで拡大しています。今日、人々は通知やアラートを通じて配信される複数のソースからばらばらの情報スニペットを受け取ります。パラダイムは劇的に変化しました。

将来のUIはどのようになるのでしょうか？

多様な相互接続されたテクノロジーの急増は、単一の製品がさまざまなコンテキストでさまざまに体験され、相互作用することも意味しています。

メッセージへのアラートは、会議に向かう途中で人のスマートウォッチに表示される場合があります。

ユーザーは、メッセージングアプリを見つけて開くのではなく、通知内で応答し、ワンタップで事前に作成されたクイック返信を送信し、後で別のデバイスでメッセージをより深く操作することができます。

これが意味するのは、相互作用のマイクロコンポーネントであるアトミックユニットは、通信のコンテキストに合わせて調整されたさまざまなUI（およびユーザーエクスペリエンス）を介して配信される必要があるということです。

おそらく、ユーザーはジョギング中に長い形式の電子メール返信を作成していません。ウェアラブルで非常に便利なワンタップ応答を使用することだけを目的として、ラップトップを開くことはおそらくないでしょう。画面上の通知を読むことすらできないかもしれませんが、代わりに、音声で作動する仮想アシスタントにコンテンツを聞いてください。

ポールアダムズは書いています 、 ' 通知がそれ自体で完全な体験である世界では、アプリアイコンの画面はますます意味をなさなくなります。目的地としてのアプリはますます意味がなくなります。 TripItのような旅行アプリケーションがすべての情報を一度に表示でき、搭乗前のチェックインを完了できるのに、なぜ複数の目的地のフライトとホテル用に別々のアプリを一連のベンダーアプリで開くのですか？場合によっては、アプリの画面の必要性は、セカンダリナビゲーションとしてデバイスUIの奥深くに埋め込まれることを除いて、数年以内に存在しなくなります。 「」

システムレベルのインタラクティブな通知により、通知をゲートウェイとして使用してアプリを開く必要がなくなり、ユーザーはあるコンテキストから別のコンテキストに突然引き込まれます。

インタラクションのパラダイムシフトが将来のUIを変革

人気のWeChatのようなアプリを使用すると、送金、タクシーへの電話、到着時間の最新情報の受信、レストランの検索とテーブルの予約、近くのホテルの検索などをすべて、テキストベースのインターフェースを介して行うことができます。一連のタスクを実行するために、ユーザーが個々のアプリに移動する必要があります。

に UIの未来は？オールドスクールのテキストメッセージ 、Kyle Vanhemertは、グラフィカルユーザーインターフェイスの必要性を頻繁に置き換えるテキストベースのプラットフォームの急増に注目しています。アプリが提供するサービスは、アプリ自体の外部からますますアクセスされるようになります。

の世界のためのデザイン IoT これは、インターフェイスの制御をさらに放棄することを意味します。つまり、画面からまったくアクセスできない可能性のある製品やサービスを作成します。

タッチベースの画面がモバイルデバイスに革命をもたらしたとき、 デザイナー 突然、スワイプ、ピンチ、タップ、ダブルタップ、ロングタップ、タップアンドドラッグなど、ポイントアンドクリックをはるかに超えた新しいインタラクションモードの宝庫ができました。

今、人々はスワイプして 空中でつまむ または、センサーを備えたデバイスの前でタグ付けされたアクセサリを振って、設計者が標準の視覚的な手がかりでそれらを明示的にガイドできない場合、設計者は今何をしますか？

ある意味で、これは予測可能で再利用可能な相互作用パターンを設計することを意味します。

これにより、製品の実装方法はどのように変わりますか？

デザインの単位としてのモバイルアプリは、少なくともこれまでの見方では、姿を消しつつあります。

スタンドアロンアプリケーションは、製品が提供するコンテンツやサービスを受け取るための2番目、または3番目の宛先になりつつあります。デザイナーは、人々のニーズを最もよく満たすために、どのようにアプローチを再調整できますか？

ピクセル用に設計するのではなく、コンテンツのビットと相互作用の瞬間用に設計することが新しいパラダイムです。

利用可能な情報の量と競合するサービスの数が指数関数的に拡大している世界では、影響を与える最善の方法は、質の高い情報をさまざまなプラットフォームやコンテキストで共有および配布することです。

これが意味することは、理想的には、人々は正確に制御できない方法で、多くの場合複数のラッパー内でコンテンツを受け取ることになるということです。

デザイナーは、まったく新しい一連の質問をします。

• 一連のビューポートや画面最小のデバイスに合わせてコンテンツをフォーマットするにはどうすればよいですか？
• 他の場所に存在する可能性のあるサービスの主要な機能をパッケージ化する方法はありますか？
• 通知内で実行するアクションとして提供できる最も適切で有用な対話パターンは何ですか？

人々がモバイルアプリなどの目的地内で過ごす時間が少なくなっているので、どうすればよいですか デザイナー 他の場所で相互作用して完了することができるエクスペリエンスを作成しますか？

今後のカレンダーイベントのプッシュ通知により、ユーザーがアプリ自体を開かなくても、フライトの予約、旅行の提案、花の注文を行うための一連の標準コントロールを利用できますか？

デザイナーは、他のアプリと連携して特定のサービスを人々に提供するだけでなく、競合他社を超えるほど魅力的なアプリ機能をどのように作成できますか？

明日のデザインプロセスはどのように見えますか？

経験の瞬間がデバイスからデバイスへと非線形に移動するにつれて、 成分 新しいデザインの単位は何ですか、デザイナーの実践の新しいオブジェクトはどのように定義されていますか？ UIではなく、エクスペリエンスの設計がますます重要になるでしょう。

ザ・ 成分 問題の定義はそれぞれの場合で異なり、製品ごとに異なる意味を持ちます。役立つかもしれないいくつかの例を見てみましょう デザイナー 彼らの製品をシステムとして考えるとき コンポーネント 、きちんと箱詰めされた目的地としてではなく。

人々はどのような状況で通知を受け取りますか？

簡単なパターンとしての通知から始めましょう。

複数のデバイスにエコーし、レンタカーの位置、到着予定時刻、遅延に関する豊富なプッシュ通知を介して人々に通知するライドヘイリングサービスアプリ（LyftやUberに類似）の設計を想像してみてください。このシナリオでは、ユーザーはiPhone、Apple Watch、およびイヤホンを耳に接続しています。

まず、ユーザーはAppleWatchで音声操作を介して車を注文します。彼は手首を上げて時計を起こし、Siriに車を要求し、イヤホンを介して車が進行中であることを確認する音声を受け取ります。

人々がアプリを開いて画面を継続的に監視する可能性はほとんどありません。そのため、接続されたデバイスを介してオペレーティングシステムとユーザーにプッシュするには、通知をパッケージ化する必要があります。

数分後、彼はiPhoneをチェックして、地図上の車の位置と待機時間を確認します。車がわずか1分先にあるとき、アプリはイヤホンに音声通知を送信し、AppleWatchに振動通知を送信します。彼は自分のiPhoneをちらっと見て、車とドライバーの情報を確認します。

このアプリは、オペレーティングシステム内のコンポーネントのように見えます。

人々が私たちのアプリを開かない場合、私たちは何を設計していますか？

コンポーネント オペレーティングシステムとやり取りするだけでなく、他のアプリに取り込まれることもあります。

たとえば、ユーザーが遅延の影響を受ける可能性のある旅行日程を持っているシナリオでは、次のような旅行アプリがあります。 TripIt ユーザーがアプリ自体を開かなくても操作できるリッチプッシュ通知を管理できます。

旅行アプリに旅程を共有する他の人がいる場合、通知は、遅延が発生した場合に空港で待機している友人に更新されたETAを送信するオプションをユーザーに提示するように設計できます。

モバイルデバイスの通知コンポーネントは旅行アプリの通知システムと統合され、ユーザーのアクションはチェーンにカスケードされ、ユーザーが旅行アプリを開かなくても、旅行アプリのステータスが変更されます。

このステップをさらに進めて、音声アシスタントのようなものを含める場合（ 楽しい ）、画面ベースのインタラクションが予期できない場合、通知とアクションはどのようにパッケージ化および配信されますか？

アプリは、他の生物と相互作用する大規模な生態系の生物になりつつあり、それに応じて適応する必要があります。

デザインのUXコンポーネントは将来のUIで再定義されました

Webページやサンドボックス化されたアプリケーションなど、ターゲットの宛先からの設計単位は、相互に、および人と相互作用するシステムコンポーネントに再定義されています。

多くの場合、これらの相互作用はほとんど目に見えない形で起こっています。コンセプトとしてのアプリは排除されていませんが、もはやメインのイベントや目的地ではありません。

設計者は、複数のエコシステムで繁栄するように適応する製品とサービスを作成するために、焦点を進化させ、ピボットし、リダイレクトする必要があります。将来のUIは、予測不可能なコンテキストやデバイスの配列全体に広がり、拡大する アンビエントインテリジェンス 世界には、デザイナーが考えることがたくさんあります。

•••

ApeeScapeデザインブログの詳細：

• Webフォームの終わり
• ボタンのない将来のUIデザイン
• 世界は私たちのインターフェースです–UIデザインの進化
• モノのインターネットのための楽しい体験をデザインする方法
• タッチの力–ボタンデザインの進化（インフォグラフィック付き）

基本を理解する

設計データとは？

データ駆動型設計では、データがいくつかの設計上の決定を左右します。その目標は、ユーザーの典型的な体験をデザイナーに知らせることです。デザイナーは、直感だけではユーザーが何を望んでいるか、何を必要としているかを知ることはできません。そのためには、適切なユーザー調査、実際のユーザーテスト、またはデータが必要です。

モバイルアプリは未来ですか？

IoTとその幅広いリーチは、モバイル市場を牽引しています。アプリは今後も存続しますが、進化しています。将来のUIは変更する必要があり、モバイルアプリが提供するサービスは、アプリ自体の外部からアクセスされることが多くなります。これらのサービスは、デバイスがすでに行っているのと同じように相互に「話し合い」ます。

アプリデザイナーは何をしますか？

アプリデザイナーは通常、ユーザーエクスペリエンス（UX）デザイナーやユーザーインターフェイス（UI）デザイナーと緊密に連携して、デザインをモバイルインターフェイスに適用します。彼らの主な焦点はネイティブモバイルアプリケーションですが、モバイルアプリやハイブリッドアプリのデザインも作成できる必要があります。

コンポーネント設計とはどういう意味ですか？

コンポーネントベースのデザインは、UIが明確に名前が付けられた管理可能な部分に分割される場所です。レイアウト：空白、グリッドなど。アイデンティティ：タイポグラフィ、色など。コンポーネント：ナビゲーションメニュー要素：ボタン、リンクなど。構成：場所複数のコンポーネントが収集されますページ：構成とコンポーネントの配置

UIコンポーネントとは何ですか？

UIデザインコンポーネントは、アプリやWebサイトのユーザーインターフェイスを構築するために使用される要素です。これらは、ユーザーがデジタル製品をナビゲートするときに対話する一貫した要素を提供します。たとえば、テキストリンク、ボタン、ドロップダウンリスト、スクロールバー、プログレスバー、メニュー項目、チェックボックス、ラジオボタンなどです。