良いか悪いかを変えますか? UXイノベーションのガイド

公開: 2022-03-11

「未来を予測する最良の方法は、それを作成することです。」 - アブラハムリンカーン

イノベーションは常に人間の経験の一部です。 それがなければ、人々はまだ狩猟採集民であり、洞窟に住んでいます。 しかし、初期の洞窟壁画から現代に至るまで、人間は絶えず革新を続け、その過程で生活の質を向上させてきました。

UXイノベーションは、新しいものを作成し、生活を楽にしたいという願望の自然な延長です。 デフォルトのブラウザ設定を超える実際の「デザイン」が事実上なかった初期のテキストベースのWebサイトから、マルチメディアコンテンツ、マイクロインタラクション、およびその他のユーザーエクスペリエンスの強化を特徴とする現在のサイトまで、デザインは一貫して進化し、改善されてきました(途中でいくつかの迂回があります) )。

しかし、慎重に考え抜かれたイノベーションは歓迎されることがよくありますが、すべての変化が良いわけではありません。 イノベーションのためのイノベーションは、多くの場合、ユーザーフレンドリーではなく、デザイナーのエゴを養うだけのWebサイトにつながります。

では、UXデザイナーは、いつ革新し、いつ確立されたデザインパターンに従うかをどのように決定するのでしょうか。 デザイナーが最初に革新的なUXデザインを実装することを選択するのはなぜですか? そして、プロジェクトで独創的で創造的な何かを試すことにしたとき、デザイナーは何を心に留めておくべきですか?

デザイナーがUXイノベーションを愛する理由

デザイナーが、より実証済みのデザインパターンに固執するのではなく、革新的なUXデザインの作成に引き寄せられる理由はいくつかあります。 それらのほとんどは、適切な状況下で正当化することができます。

革新的なUXデザインは、デザイナーが独自性を披露する絶好の機会です。 これまで誰も使用したことのない新しいデザインパターンを作成することは、従来のデザインにはない方法でデザイナーの専門知識を示します。

そのような独創性は、新しいクライアントやよりエキサイティングなプロジェクトを引き付けることができます。 これは、ほとんどの設計者が歓迎することです。 革新的な製品を作成する企業は、多くの場合、自社のWebサイトやその他のデジタルプロパティに同じ種類の革新を反映させたいと考えています。 彼らは、現状に沿ったプロジェクトを持つデザイナーではなく、すでに革新的なデザインを作成しているデザイナーを探しています。

UXイノベーション:アニメーションとビデオコンテンツは、革新的なデザインで引き続き使用できます。
Active Theoryは、グリッチアニメーションとビデオコンテンツを使用して訪問者を引き込みます。彼らのナビゲーションやその他のインタラクションは、新しいユーザーにとっても直感的です。

革新的なサイトをデザインするもう1つの重要な理由は、他のデザイナーに感銘を与えることです。 このようなバニティプロジェクトは、デザイン業界でデザイナーの知名度を上げることができます。 これは純粋にエゴブーストのように見えるかもしれませんが、より多くの機会につながる可能性があります。 デザイナーやデザインエージェンシーが革新的なプロジェクトに取り組み、追加のデザイナーを雇う必要がある場合、彼らは、効果的でありながらポジティブなユーザーエクスペリエンスを提供する方法で従来のデザインパターンを打ち負かす能力をすでに証明している専門家を探します。

さらに、真に革新的なものを作成するデザイナーは、デザイン会議で講演したり、主要なデザインブログの記事を書いたりするよう招待される場合があります。 これは、新しいクライアントにつながるパートナーシップと露出につながる可能性があります。

最後に、デザイナーは常に「デザイン」に没頭しているため、すべてのWebサイトとアプリが同じように見えるようになります。 何か違った革新的なものを考え出すことは、同じようなサイトを毎日デザインするという一見単調さを壊す可能性があります。

イノベーションは、自分の仕事に不満を感じているかもしれないデザイナーを、デザインに再び夢中にさせる可能性があります。 情熱的なデザイナーは、確立されたデザインパターンに従っている場合でも、全体的に優れた作品を作成するため、これは大きなプラスです。

Aは、アルバートがアニメーションと独自のインタラクションの形で革新的なUXデザインを使用するためのものです。
Aは、Albertがアニメーションやその他の革新的なインタラクション要素を使用してユーザーを引き付けるためのものです。

しかし、デザイナーが革新的なUXデザインを愛しているからといって、それらがエンドユーザーにとって有用であるとは限りません。

訪問者が革新的なUIデザインを好まない理由

訪問者にとって、革新的なUXデザインはナビゲートするのが難しく、混乱とフラストレーションにつながる可能性があります。 人々は通常、何かを学ぶ、何かを購入する、または楽しむために、アクションを完了するためにWebサイトにアクセスします。 探しているものが見つからない場合は、サイトを離れて他の場所を探すことがよくあります。

設計者は、設計に含める革新がユーザーエクスペリエンスの向上につながることを確認する必要があります。 それができないと、ユーザーはデザインに躊躇し、サイト自体(そしておそらくそれが提示している情報や製品)への信頼を失います。

革新的なデザインは、チャットボットを含むさまざまな形で提供されます。
Insomnobot-3000は、革新的なチャットボットテクノロジーを使用して、ユーザーが不眠症になっているときに会社を維持することで、ユーザーの生活を改善します。

潜在的なナビゲーションの問題に関連しているのは、革新的なデザインの他の領域で確立されたパターンの一般的な欠如です。 Webサイトへの訪問者は、そのサイトがどのように機能し、何を含めるべきかについて、意識的または潜在意識のいずれかで一定の期待を抱いています。

ベストプラクティス、インタラクションデザインの原則、UX法、ユーザビリティ基準などが逸脱すると、訪問者は不安になり、混乱する可能性があります。 彼らは、ヘッダー、フッター、ナビゲーションなどが表示されることを期待しており、それらがないとユーザーエクスペリエンスが損なわれます。

ユーザーが探しているものを見つけることができない場合、ユーザーはサイトに到着したときに意図したアクションを完了できません。 それは彼らが購入をすることができないか、彼らが探している情報を見つけることができないか、さもなければ彼らの意図を完了するのを妨げられることを意味するかもしれません。 それが起こると、サイトへの訪問者は跳ね返り、競合するWebサイトに目を向けます。

大多数のサイトでは、ユーザーはイノベーションや見栄えのするデザイン(デザインが悪くない限り)にあまり関心がなく、到着したタスクを簡単に完了できるサイトに関心を持っています。実行するサイト。 確立された設計原則とベストプラクティスに従うことは、一般的にその目的のためによりよく機能します。

革新的なUXデザインが正しい選択となるのはいつですか?

確立されたデザインパターンに従うことでユーザーエクスペリエンスが向上することがよくありますが、それはイノベーションが常に悪いことを意味するわけではありません。 イノベーションがユーザーに歓迎される例は数多くあります。

イノベーションがなければ、Webサイトは次のようになります。

革新的なデザインがなくても、Webはこのようになります。
IMDBの最も初期のバージョンの1つ

イノベーションは、CSS、アニメーション、ストリーミングビデオ、HTML5、およびデザイナーやユーザーが毎日依存している他のすべての機能などのテクノロジーをもたらしました。 ユーザーエクスペリエンスを向上させる革新的なデザインは、ほとんどの場合、歓迎すべき進歩です。 設計者にとって重要なのは、これらの革新が説明されていることを確認して、ユーザーがそれらとどのように対話するか疑問に思われないようにすることです。

革新的なUIデザインでは、コンテンツの操作方法をユーザーに伝えるためのヒントが必要になる場合があります。
キャプション:L2Dは、役立つテキストヒントを使用して、革新的なデザインを操作する方法をユーザーに示します。

デザイン内のさまざまな要素に指示を追加すると、訪問者はサイトのコンテンツをナビゲートして操作する方法を簡単に理解できます。

イノベーションと確立されたパターンを組み合わせることも、訪問者を安心させることができます。 機械学習に関するR2D3インタラクティブインフォグラフィックサイトは、確立されたパターン(スクロール)と、提示されている概念を示す革新的なアニメーションを組み合わせたものです。

革新的なUI要素を確立されたパターンと組み合わせて、よりユーザーフレンドリーなデザインにすることができます。
革新的なアニメーションを組み合わせて、スクロールのような確立されたパターンで情報を提供すると、魅力的でユーザーフレンドリーなサイトになります。

革新的なデザインを作成したいデザイナーは、優れたデザインを作成するための基本をマスターすることから始める必要があります。 デザインとUXの原則、ベストプラクティス、確立されたパターンはすべて、ユーザーフレンドリーなデザインを作成するための重要な構成要素です。

パブロ・ピカソは、彼を有名にする抽象的な作品を作成するために革新を始める前は、マスターペインターでした。 彼は革新的なことをする前に伝統的な技術を学び、その上に画家としての確固たる基盤を持っていました。 設計者は、すべての作業で優れたUX原則を念頭に置くことができるように、同じことを検討する必要があります。 その根拠がなければ、革新的なデザインがユーザーを喜ばせることはめったにありません。

革新的なウェブサイトをデザインしたいデザイナーは、ピカソのようなマスターから学ぶべきです。
画家としての彼の進化を示す、ピカソによる2つの自画像。

イノベーションのためのイノベーションが良いことになることはめったにありません。 しかし、ユーザーエクスペリエンスを念頭に置いてイノベーションを行うと、Webテクノロジーの飛躍的な進歩と、Web全体でのさらなるイノベーションにつながる可能性があります。

たとえば、ハンバーガーとケバブのメニューを考えてみましょう。 それらが紹介されたとき、一部のユーザーは、テキストラベルが付いていないと混乱することに気づきました。 しかし、それらがより一般的になるにつれて、ユーザーはそれらがラベル付けされていなくてもそれらを識別し始めました。 それらは確立されたウェブデザインパターンになりました。 ユーザーは、これらのアイコンをクリックすると、追加のメニューオプションが表示されることを知っています。 これらのタイプのメニューは、インターフェイスを簡素化および整理することで(特にモバイルサイトで)、UX全体に貢献するようになりました。

革新的なデザイン:ケバブメニュー
Mediumは、ケバブメニューを使用して、メインUIを最小限に抑え、整理された状態に保ちながら、追加の編集オプションを提供します。

テクノロジーの変化は現代の生活に欠かせないものになっているため、ほとんどの人はテクノロジーの変化にすばやく適応します。 時々、新しい技術の進歩が日常的に起こり、それらの変化が彼らの生活に何か前向きなものをもたらすとき、人々は革新に対してはるかにオープンになりました。

革新的なUIデザインを作成する場合、デザイナーが考慮すべき点がいくつかあります。

  • サイトのオーディエンスは一般的にイノベーションを受け入れていますか?
  • 提案されたイノベーションはユーザーエクスペリエンスを向上させますか?
  • ユーザーはサイトの使い方を直感的に知っていますか?
  • そうでない場合、サイトのインタラクションオプションを説明するためにどのようなヘルプを提供できますか?

これらの4つの質問を念頭に置くと、デザイナーはサイトへの訪問者が受け入れる革新的なデザインを作成するのに役立ちます。 これらの質問を考慮に入れたUXイノベーションは、最終的にデザインコミュニティ全体に受け入れられる新しいデザインパターンを作成する可能性が高くなります。

•••

Toptal Designブログでさらに読む:

  • 未来をデザインする:私たちを待っているツールと製品
  • ボタンのない将来のUIデザイン
  • Webフォームの終わり
  • 新しい現実:VR、AR、MR、そしてデザインの未来
  • ビジネスにおけるデザイン思考の価値