web-dev-qa-db-ja.com

スケルモーフィズム、フラットデザイン、マテリアルデザイン、次は何ですか?

しばらくの間、マテリアルデザインの次のデザインスタイルはどうなるのかと考えていました。

スキューモーフィズムはそれをやり過ぎただけであり、その結果、反動フラットデザインが生まれました。フラットなデザインはシンプルさを取り戻しましたが、やりすぎでもあります。単純化しすぎると欠点があります(クリック可能なものは!?)。材料設計は深みを加えますが、それでもいくつかの 欠点 があります。

私は主に物事の視覚的なクリック可能性に興味があります。 クリック可能なものを知るにはどうすればよいですか?カーソルを移動するのではなく、見ているだけです。

古いトリックを使用することで非常に実行可能ですが、デザインは4年前に行われたように見えます。 これを解決する方法の例はありますか?

例: enter image description here

2
Martyn

私は本当にトレンドのファンではありませんが、ゴーストCTAがトレンドになっています。また、特にモバイルアプリ全体では、一部のボタンのアウトラインさえありません。コンテキストやおなじみのパターンに応じてクリック可能であるか、それほど大きくない場合、ユーザーがそれを理解している

enter image description hereenter image description here

2
Ameen Akbar

Skeuomorphismが言及されるたびに、これを取り上げる必要があります。

スキューオモーフィズムは、フラットデザインの反対ではないことに注意してください。フラットなデザインは、他のビジュアルデザインスタイルと同じように変形することができます。

「リアリズム」はおそらく使用する用語です。

簡単な例は、iOSの電卓アプリです。

iOS3の計算機は、リアルな視覚スタイルを備えています。 iOS7の電卓はフラットなデザインスタイルです。

Bothは、実際の電卓のボタンとLCD画面での動作と相互作用を模倣しているという点で、変形的です。

何かを「クリック可能」にするものについては、すべてがビジュアルデザインのより大きなコンテキストに依存します。通常の重要な点は、操作できるアイテムが何らかの方法で視覚的に区別できることです。

1
DA01

マテリアルデザインがすぐにどこかへ行ったり、他のトレンドに置き換わったりするのではなく、複数のプラットフォームで急速に成長していると思います。 Googleはそのガイドラインを常に修正しています。

使いやすさの問題について言えば、ユーザーが何かがクリック可能かどうかをどのように認識するかです。フラットデザインには当初、このような使いやすさの問題がありましたが、Flat 2.0はこれらの大きな時代を乗り越えており、それがマテリアルデザインが行っていることです。また、Googleはそれらがルールではなくガイドラインであるとは決して言いませんでした。何かが不適切だと感じたり、ユーザーがそれに苦労している場合は、その場所のガイドラインを破って、アプリとユーザーに適したものに従うことをお勧めします。前述のように、テキストは全体的なユーザビリティシナリオでも重要な役割を果たします。

この驚くべき article をnngroupでチェックして、Skeuomorphism、Realism、FlatおよびFlat 2.0について議論してください。

1
Aman

スキューオモーフィズムは、それがかなりミニマリストで、クリック可能、ドラッグ可能などのアフォーダンスのみを表示する場合に適しています。上から完全に移動して、現実世界のオブジェクトのようなものに不必要なスタイリングを開始すると、悪い状態になります。

ここに関する素晴らしい記事: http://gizmodo.com/skeuomorphism-will-never-go-away-and-thats-a-good-thin-164208931

フラットなデザインは、アフォーダンスを表示する方法が残っている限り問題ありません。アフォーダンスが表示されない場合は、使用できなくなります。

マテリアルデザインは、スキューモーフィズムとフラットデザインの中間的な家のようなものです。

https://www.google.com/design/spec/material-design/introduction.html#introduction-principles

http://designmodo.com/flat-vs-material/

1
Yvonne Aburrow

クリックされるものとしてCTAを認識可能にするための非常に重要な側面は、ボタンのテキストです。第二に、ユーザーをどこへ/どこに連れて行くかなどのヒントを与えます。これは、CTAの外観よりもはるかに重要です。

したがって、あなたの例では、より良いボタンテキストを使用することで、CTAボタンを改善できます。経験則として、通常、ボタンのテキストは動詞で始まる必要があります。

したがって、代わりに、

a)カレンダー-使用、View CalendarOpen Calendarなど(コンテキスト駆動)。

b)トップ20フィルム-使用、使用されているコンテキストに応じて、トップ20フィルムなどを参照してください。

繰り返しになりますが、アイディアはCTAでユーザーを支援することに焦点を当てることであり、CTAを美しく見せようとするだけではありません。 CTAの前後にコンテキストを配置し、いくつかの優れたプラクティス(以下のリンクを参照)を使用するというこの意図で、クラックするのは難しいことではありません。

いくつかの良い読み物:

1) http://www.uxbooth.com/articles/good-call-to-action-buttons/

2) https://www.uie.com/articles/trigger_words/

3) https://www.newfangled.com/ctas-and-user-experience/

0
Amit Jain