apeescape2.com
  • メイン
  • リモートの台頭
  • ライフスタイル
  • 製品の担当者とチーム
  • 投資家と資金調達
Uiデザイン

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

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

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

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

右下隅– シアーズファーストエレクトリックブザー1897秋カタログ 。

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



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

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

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

「ボタンのないユートピア」とは、これまでの130年以上のやり方を持ち続けようとする試みが完全に打ち砕かれるという概念です。未来は今です。私たちは先に進み、前任者の時代遅れのソリューションを放棄しなければなりません。

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

ARのMicrosoftHoloTourアプリ

Microsoft HoloLens:HoloTour 。

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

次のうち、欠落している要素の間違いと見なされるのはどれですか?

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

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

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

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

音声インターフェースのアニメーション

音声で検索します。

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

Mediumの記事に拍手する男

ボタンレスコンセプト Wojciech Dobry (…あまり真剣に受け止めないでください)。

不動産ファンドとは

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

UIアニメーション

ASOS-カートに追加アニメーション ザカリー趙 。

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

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

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

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

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

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

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

ジェスチャ認識

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

タッチスクリーンにハートを描くUIアニメーション

ウェルギリウスパナ 。

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

Javaの例でメモリリーク
によるユーザーインターフェイス Ramotion & Jarek Berecki 。


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

拡張現実でジェスチャーを使用する男

MicrosoftによるHoloLensのジェスチャー 。


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

iPhoneでのクレイVRジェスチャ認識 。

音声インターフェース

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

OKグーグル広告

OK、Google ..。

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

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

どのタイプのLLCが私ですか

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

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

KFCとAlibabaが笑顔で支払いシステム

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

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

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

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

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

UIデザインの未来

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

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

UIの概念 UIの概念

によるコンセプトインターフェース コスミンキャピタン そして Ramotion 。


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

Ionic2とIonic1:パフォーマンスの向上、新しいツール、そして大きな前進

モバイル

Ionic2とIonic1:パフォーマンスの向上、新しいツール、そして大きな前進
やるべき仕事:顧客のニーズを製品ソリューションに変える

やるべき仕事:顧客のニーズを製品ソリューションに変える

Uxデザイン

人気の投稿
AWSを使用した柔軟なA / Bテスト[メール保護]
AWSを使用した柔軟なA / Bテスト[メール保護]
なぜこれほど多くのPythonがあるのですか?
なぜこれほど多くのPythonがあるのですか?
Firebase認証を使用してロールベースのAPIを構築する方法
Firebase認証を使用してロールベースのAPIを構築する方法
適切に構造化されたロジック:GolangOOPチュートリアル
適切に構造化されたロジック:GolangOOPチュートリアル
ApeeScapeは、スタートアップ起業家に低コストでエリートプログラミングの才能を提供します
ApeeScapeは、スタートアップ起業家に低コストでエリートプログラミングの才能を提供します
 
スケッチとルーパーを使ってすぐに心を曲げるイラストを作成する
スケッチとルーパーを使ってすぐに心を曲げるイラストを作成する
ミニチュートリアル–Figmaボタンコンポーネントの操作
ミニチュートリアル–Figmaボタンコンポーネントの操作
Android開発者が犯す最も一般的な間違いトップ10:プログラミングチュートリアル
Android開発者が犯す最も一般的な間違いトップ10:プログラミングチュートリアル
最高のデータ視覚化ツールの完全な概要
最高のデータ視覚化ツールの完全な概要
将来のUIとデザインサンドボックスの終了
将来のUIとデザインサンドボックスの終了
人気の投稿
  • トップ100シングルファミリーオフィス
  • s corp vs c corp llc
  • レスポンシブデザインの一般的な画面サイズ
  • ロボットの制御に使用されるプログラミング言語は何ですか?
  • ビジュアルデザイナーvsグラフィックデザイナー
  • erc20トークンとは
  • phpmysql出力を個別の配列に
カテゴリー
アジャイルタレント 投資家と資金調達 エンジニアリング管理 Uiデザイン トレンド モバイルデザイン プロジェクト管理 製品ライフサイクル アジャイル 革新

© 2021 | 全著作権所有

apeescape2.com