web-dev-qa-db-ja.com

マルチシェイプボタンがユーザーエクスペリエンスやユーザーインターフェースに影響を与える

これは私が過去数日間考えてきた質問です。ソーシャルアプリを作成しています(FacebookやInstagramなどに似ています)。私がデザインに取り組み始めたとき、私は疑問に思いました。

問題は次のとおりです。**異なる種類の形状は、アプリの外観やエクスペリエンスを変更したり、損傷する可能性がありますか? **

これが私のアプリの例です:これは単なるスケッチですSigns)については---(buttonsのみを参照してくださいSign In私はこれを使うことに決めました:

enter image description here

そして、アプリ内のテーブルビューにはこれを使用します:

enter image description here

どう思いますか?

17
Roi Mulia

形状のスタイルは、アプリケーションのルックアンドフィールを変更し、ユーザーエクスペリエンスを変更する可能性があります。

Appleは、丸みを帯びた角の動きが異なるスタイルの形状がユーザーエクスペリエンスの向上につながることを高く評価しました。例を見てみましょう

フォローしやすい画像はどれですか?

enter image description here

どちらの画像を見たいですか(別名:目に優しい) enter image description here

これは、丸みを帯びたコーナーや異なるスタイルの形状がユーザーエクスペリエンスの向上につながる方法の最も良い例の1つです。

enter image description here

この記事は、角の丸い方が目に優しい理由を説明しています 。この記事のハイライトは次のとおりです。

Angular edgesを使用して、丸みを帯びた形状を比較できます

先のとがった機能を持つオブジェクトは、連想処理に関連する脳の領域でより強い活性化を引き出しました。つまり、angularオブジェクトはあまり好まれなかったものの、輪郭のあるオブジェクトよりも深いレベルの処理を引き出しました-それらは効果的で、より興味深く、考えさせられる

角のあるオブジェクトは、注意を引き、思考を引き付けるのにより効果的です。輪郭のあるオブジェクトは、感情的で審美的な印象を与えるのにより効果的です。

次の2つの例は、この 同様の質問から得られました。

ボタンとして機能するさまざまなタイプの形状については、以下を参照してください

この[記事]は、興味深い見識を提供しました。

  • ボタンをボタンのように見せます(つまり、人々が見慣れている形です)。

これら

enter image description here

下の画像よりボタンのようです。 (形状の違いに注意してください)

enter image description here

6

ただし、エクスペリエンスの変更においてオブジェクトの形状がどれほど重要であるかを測定することははるかに困難です。私は個人的に、アマゾンメカニカルタークで形状デザインを使用してA/Bテストを行い、安価で汚れた方法で人々が何を好むかを確認しました。

コンターバイアスの詳細については、これらのトピックのいくつかについてさらに説明します 以下は、その記事の2つの画像です

輪郭バイアスは、鋭い角度やポイントを持つオブジェクトよりも、曲線の輪郭を持つオブジェクトを優先する傾向です。 潜在意識レベルで考えると、これは非常に理にかなっています。 鋭利で先のとがったオブジェクトは、突き刺して切断するために使用できます。これらは、物理的に私たちにとって潜在的な脅威です。それらは、扁桃体と呼ばれる脳の領域で恐怖の潜在意識の処理につながります。

enter image description here

enter image description here

29
Frank Visaggio

ボブは正しい答えだと思います。

あなたのサイトに特化した2つの考慮事項を追加します。

  • それが消費者向けの新しいサイトである場合、消費者はあなたのサイトを理解することで登る習得曲線をすでに持っているでしょう。非標準/異常な制御設計を導入してその曲線をより困難にすることは、学習体験を悪化させます(したがって、おそらくソーシャルネットワークに必要な粘着性が低くなります)。

  • このガイドラインにはいくつかの例外があります。たとえば、より広いサイトのブランディングに六角形の形状を使用している場合、六角形のボタンは、使いやすさと、ブランドと共感するか、またはブランドを強化する形状を使用することの利点との間の許容できるトレードオフを提示します。

7
tohster

新しい形状やフォームを導入すると、認知の負荷が高まり、ユーザーを先延ばしにします。
丸みのある外観-知覚は連続性の法則によって駆動され、丸みを帯びていることは非常に役立つため、常に良好です
ボタンの画像のような「実世界のボタン」の方が優れています-心がそれ自体にあるボタンの画像にマップできるためです(従来のアイコンがすぐにヒットする理由がわかるでしょう)

1
emeralddove