ボタンのない将来のUIデザイン

公開: 2022-03-11

ボタンとは何ですか?本当に必要ですか?

グラフィカルユーザーインターフェイスの黎明期から、ボタンを使用してきました。 Xerox PARCの元のGUIは44年前のものですが、それでもユーザーインターフェイスは非常によく似ています。 最近、ドリブルタイムラインを作成して、ボタンスタイルの履歴を追跡しました。 ボタンは現在のトレンドと同期してテクノロジーとともに進化しましたが、その起源は間違いなく過去の実際のオブジェクトに触発されています。

シアーズファーストエレクトリックブザー1897秋のカタログからスキャンした画像
右下隅–シアーズファーストエレクトリックブザー1897秋のカタログ。

10年以上の間、私たちは物理的なインターフェースのないデバイスを作成してきました。これは人間のタッチに依存しませんが、音声やジェスチャーでアクティブにすることができます。 私たちを取り巻く身近なオブジェクトに基づいて、相互作用する形状を作成し続けるのはなぜですか? デジタルボタンの形状は、19世紀に開発したツールとメカニズムをモデルにしています。

私たちはまったく新しいスマートな電子機器を作成しました。選択したほとんどすべての方法でそれらを処理できますが、怠惰や習慣の力から、ユーザーに幅わずか数ピクセルのトリッキーな小さな領域をクリックするように強制し続けています。

それについて何かをする時が来ました—ボタンなしで考える時が来ました。

「ボタンレス」UI–すべてが相互作用する場所

「ボタンのないユートピア」とは、これまでの130年以上のやり方を持ち続けようとする試みが、完全に打ち砕かれるという概念です。 未来は今です—私たちは先に進み、前任者の時代遅れの解決策から自分自身を売却しなければなりません。

ボタンがまったくないインターフェースを想像することは可能ですか? とても直感的な何か、それを見るだけで、あなたは行動する方法を知っていますか? それはもはや私たちの想像の中にある必要はありません—これらのインターフェースはすでに存在しています。

ARのMicrosoftHoloTourアプリ
Microsoft HoloLens:HoloTour。

崇拝されたボタンを完全に排除することはできますか? マイク、カメラ、タッチスクリーン、バイブレーション、加速度計、ジャイロ、GPS、エクステンデットリアリティ、バーチャルリアリティ(リストは続きます)など、これらすべてがスマートフォンまたはPCから処理されます。 ユーザーにその1つの小さな長方形を押すように強制し続ける理由はもうありません。

UIのボタンを削除しましょう

インターフェイスにグラフィック要素がなく、重要なのはコンテンツだけである書体デザインを読んだことがありますか? 多くの人が「ボタンはどうですか?」と尋ねました。 もう必要ありません。完全に排除しましょう。

ここにいくつかの興味深いアイデアがあります:

Facebookは「あなたの気分はどうですか?」と尋ねました。 ボタンを押して答える必要はありません。声を使って、気分がいいと言ってビーチに向かいましょう。 次に、Facebookが認識するテキストを、応答から表示する場所にドラッグします。

音声インターフェースのアニメーション
音声で検索します。

Mediumの記事のように? Mediumに戻ってしばらくすると、記事を単に「推奨」することができます。 今日は「クラップ」をクリックします。 だから「拍手」。 この奇妙な小さなボタンをクリックする必要がなく、文字通り拍手する必要がなかった場合はどうなりますか?

Mediumの記事に拍手する男
Wojciech Dobryによるボタンレスコンセプト(…あまり真剣に受け止めないでください)。

より複雑なアクションはどうですか? オンラインストアでのチェックアウトなど。 アイテムをショッピングカートにドラッグアンドドロップし、スワイプしてチェックアウトに進み、指紋で確認します。 簡単に簡単。

UIアニメーション
ASOS-ZacharyZhaoによるカートアニメーションに追加します。

コンテンツと画面全体を考える

アクションを実行するために現在タッチしているサーフェスから始めましょう。 現代のグラフィカルユーザーインターフェイスの大部分がタッチスクリーンディスプレイであり、多くの場合、親指で処理されることを考えると、そのようなインターフェイスが長期間使用されるのは当然のことです。 そして、私たちは間違いなくその魅力的なタップの衝動を持っています。結局のところ、タッチは私たちの最も重要な感覚です。 表面に触れることで、実際の行動、コントロールの感覚が得られます。 特定のポイントをクリックする代わりに、ユーザーにサーフェス全体を操作するように教えたのはどうでしょうか。

Instagramがどのようにそれを行うか見てみましょう:

Instagramストーリーナビゲーション
Instagramストーリーナビゲーション。

Instagramのストーリーを閲覧して前のストーリーに戻ることができるボタンを見たことがありますか? おそらくそうではありません。必要なのは、画面の左端に触れてそれを実現することだけだからです。

ユーザーは、当社のデジタル製品と対話するための新しい方法を期待するようになり、ボタンを必要としないことがよくあります。 カードはすべての面で反応します。 任意の単語をクリックすることで、その定義を見つけることが期待されます。 写真に触れることで、私たちは何らかの行動を期待しています。 ユーザーは、領域全体がタッチに反応するという事実にすでに慣れています。

ジェスチャ認識

ジェスチャーは私たちにとって自然であり、私たちの身体的行動に反映されているため、私たちはジェスチャーを非常によく理解しています。 現在、ほとんどすべてのアプリケーションがナビゲーションを高速化するためにそれらを使用しています。 ボタンのように押す代わりに、写真をダブルタップすることができます。 スワイプしてギャラリーを閲覧できます。 またはピンチしてコンテンツをズームします。

タッチスクリーンにハートを描くUIアニメーション
ウェルギリウスパナ。

UIインターフェースUIインターフェース

Ramotion&JarekBereckiによるユーザーインターフェース。


フラットなタッチスクリーンだけでなく、全身でナビゲートできるARやVR空間でもジェスチャーを行います。

拡張現実でジェスチャーを使用する男
MicrosoftによるHoloLensのジェスチャー。


ジェスチャ認識を使用してIoTを制御する男性ジェスチャ認識を使用してIoTを制御する男性

iPhoneでの粘土VRジェスチャ認識。

音声インターフェース

Siri、Cortana、Alexa、Googleアシスタントはすべて稼働しています。 多くの人が音声インターフェースは未来であると主張しています。それらの潜在的な用途は数を超えているため、異議を唱えるのは難しいでしょう。 実在の人物と話すのと同じように、車、スマートビルディング、機械を話すだけで制御できます。 人工知能と機械学習により、機械は私たちの言語をますます正確に理解できるようになりました。 私たちはもはや、注意深くスクリプト化された「魔法の呪文」を発音することに限定されていません。 全文で話すことができます。

OKGoogle広告
OK、Google…

音声を使うことで、送金の世界を自由に移動できます。 現在、Siriでは、「Siri、PayPalを使用してXYZに200ドルを送金する」という1つの簡単なリクエストを使用して、PayPal経由で別の人に送金することができます。 ボタンはありません。必要な確認とセキュリティチェックはTouchIDだけです。

iPhoneでのPayPal転送に使用されるSiri

物理的アクション、接続されたデバイス、およびビデオ認識

笑顔で支払いますか? ここにあります! アリババとKFCは共同で、カメラに微笑むだけで支払いができるシステムを立ち上げました。ボタンを押す必要はありません。 このシステムは顔認識で機能し、現在中国で利用可能です。

KFCとアリババは支払いシステムに微笑む

これは、潜在的な用途の1つにすぎません。 私たちのデバイスにはすでに多数のセンサーが装備されており、全身を監視できます。 スマートフォンで1本の指を使ってアクションを実行することを妨げるものは何もありません。

MacBookProのロックを解除するために使用されるiWatch

ボタンの消滅を早める物理的なアクションの別の例は、単にデバイスに近づいていることです。 たとえば、iWatchを見てみましょう。ラップトップとペアリングし、待機してMacBookのロックを解除します。 ウェアラブルデバイスは、私たちの身元を確認するだけでなく、場所とセンサーデータに基づいて私たちのニーズをインテリジェントに予測するために使用できます。 それらのおかげで、私たちはすでに多くのインターフェースでボタンを使用することを避けることができます。

デバイスの制御に使用されるジャイロスコープデバイスの制御に使用されるジャイロスコープ

数年前から広く利用されている技術を忘れないでください。 1つはジャイロスコープです。ほとんどすべてのスマートフォンで利用できますが、インターフェースで使用されることはめったにありません。 上に、PatrykAdasによって作成された実験的なインターフェースを見ることができます。

UIデザインの未来

非常に多くの異なるオプションを利用できるため、ユーザーが操作するための一般的な長方形のボタンの使用を忘れることができます。 今日のテクノロジーを使用すると、次のことができるまったく新しいインターフェイスを作成できます。

  • ユーザーの時間を節約
  • エラー、スリップ、ミスを防ぐ
  • 偶発的な行動を補償する

UIの概念UIの概念

CosminCapitanとRamotionによるコンセプトインターフェース。


時が来ました—テクノロジーが私たちを追い抜いています。 私たちデザイナーはそれを追求しなければなりません…そして必ず追いつくようにしてください!