it-mure.jp.net

それは私だけですか、それともすべてのWebサイトのUIは似ていますか?

すべてのWebサイトの横または上部にナビゲーションバーがあるのはなぜですか?本当に革新的なウェブサイトのインターフェースをまだ見ていませんか?どうして?ほとんどのサイトがページをレイアウトするときに従う特定のルールはありますか?それらのルールは何ですか?

8
Moshe

「ルール」はなく、「ガイドライン」のみです。

つまり、理論的には、必要なインターフェイスの設計を妨げるものは何もありませんが、目標の達成を妨げる可能性のあるさまざまな要因があります。

  1. ブラウザは特定の方法で機能します。 HTMLはページのレイアウトを提案することしかできないため、紙の上で機能する優れたデザインがある一方で、一部のブラウザーでは一部の画面解像度で失敗する可能性があります。

  2. ユーザーは、特定の要素が特定の場所にあることを期待しています。これは必ずしも意識的な期待ではありませんが、他のアプリケーションへの露出などから構築されたものです。設計があまりに異なる場合、「理解」されず、不可能ではないにしても、アプリケーションの使用が困難になる可能性があります。

12
ChrisF

Webサイトの設計には、多くの一般的なガイドラインが遵守されています。 Webスタイルガイド はそれらの多くをカバーしています。そのようなガイドラインで使用可能なWebサイトを作成するために時々使用される別のリソースは、Sitepointによる sability Kit です。

親しみやすさは、お気づきのとおり、使いやすさのよく知られた側面です。ほとんどの人は、上部または左側のナビゲーションに精通しています。また、この時点では この調査 はやや古くなっていますが、目を細かくする調査を通じて、人々がサイトを「F」のパターンで見ていることが示されています。

3
ericawebdev

個人のWebサイトで必要なナビゲーションレイアウトを使用できますが、消費者、教育、連邦、または医療のサイトで作業している場合は、法律によるアクセシビリティ要件を満たす必要があるか、罰金が科される場合があります。これらの要件がある場合でも、ボックスから抜け出すために、ある程度の創造的な小刻みの余地がまだあります。

本当の課題は、人間は習慣を形成し、彼らが知っていることに慣れていて、あなたに彼らに考えさせたくないということです。良い例は、MicrosoftがリボンバーナビゲーションをOffice 2007に追加したことです。変更ははるかに効率的であると思いましたが、建物内の人々の90%は「新しいナビゲーションを学ぶのに忙しいため、古いバージョンを使い続けました。 "最終結果は失われた販売です。 Appleでさえも、その革新的なルールに従います。

2
user2453

ルールは次のとおりです:ユーザーの期待を台無しにしないでください

一部のデザインは、長期にわたって効果的であることが証明されており、効果的で標準になった場合、ユーザーに学習を要求する新しいデザインを作成するよりも、標準デザインに準拠してユーザーエクスペリエンスを向上させる方が適切です(ただし、新しいものはより効果的です)。

黄金比 と呼ばれるデザインの「ルール」があります。あなたはいつもこれを見ることができます。たとえば、一部のWebサイトでは、これに基づいてサイドバーがページ幅の約1/3になっています。

また、 960.gsBlueprint CSS 、および YUI Grid などのWebレイアウトフレームワークを使用するWebサイトもあります。開発者は、与えられたチュートリアル/テンプレートに従うだけで、Webサイトを同じように見せることができます。

もちろん、独自の革新的なユーザーインターフェイスを作成することもできます。私は、ページの下部または右側に常に表示されるナビゲーションバーのようにいくつか見ました。考え出すインターフェースが使用可能であり、ユーザーに不満を与えないことを確認してください。

2
Gan

テキストを検討してください。左から右、上から下へと読みます。 Scrollwheelマウスはこの概念を強化し、上下にスクロールします。このため、テキストの多いサイト(このような)は左上から配置されます。

有名な例外があります。たとえば、Googleホームページ。それは軽量のページなので可能です。

1
MSalters

あなたが目にするのは、目立つデザインであり、ユーザーをサイトに引き込み、一般に、形式、構造、およびメディアで複製されることに成功していると思います。

基本的に、プログラミングにパターンがあるように、Webデザインにもパターンがあります。非常に多くの類似した特性が見られることは理にかなっています。

1
IAbstract