良いUIデザインは、標準に準拠しなければなりません。 またはそれはすべき? 私のトップ10のUIデザインルール


どちらも私は、ユーザーインターフェイス(UI)開発にとって非常に新しいですしないも私はベテランと私はいつもそれを置くとして、私は後悔して、より多くのデザイナーに比べてUI開発者のプロファイルに適合します。 まあ! 私はについて何を書いていた? 私はUIデザイン(プロのデザイナーが休日になったとき)のビットに入るないとき...しばらくの間はすべての今して、現在(任意の小さくない年である必要があります)、私は常にカントストップは私のデザインは必要があるかどうかを考える正しくcomplientかどうかである(心から、私はあまりにたい場合は、100%の標準への準拠を逆説ことができませんでしたが)。 それから私は何がらくた、私を教えて! ...デザインが良い、シンプルで、主に使用可能なように見えるとすれば、訪問者が逃げるべきではありません...やbounce(技術的であるため)。 素敵なテーブルレスCSSレイアウトは、すべてのスマートハイパーテキストとウェブページの皮膚の下にカスケーディングスタイルシートを知らない訪問者、...大失敗するに良い何だろう!
それが格好よく見えて、使いやすいはず...そしてすべての規格のものを付属しています。

私はジェイソン·フリードによってaccrossこのブログのエントリをstumbbled 37 Signalsのほぼ5年、2004年に似たようなことを書いて、私を信じて(認識して37の信号はありませんBasecampやキャンプファイヤーなどのようないくつかの素晴らしいWebアプリケーションを作成しましたoncesている人の場合)、ずっとその...私は完全に彼はまた、事実を言うとしなければならないものに同意するとして、私は彼のポストを読むことが幸せだったので、変わっていないと、彼女はちょうど彼の直感について語っているかについて確認されていませんので、私のものです :)

ジェイソン·フリード: "あまりにも多くのCSSとXHTMLと規格の話とアクセシビリティと十分な人々について話をしない方法はありません。 CSSと標準準拠のコードは単なるツールです - あなたは、これらのツールを使用してビルドするかを知っている必要があります。 偉大な、私はあなたのUIは、テーブルを使用していませんうれしいです。 だから何? それはまだ人々が彼らの目標を達成することはできません、誰が気に。 Web標準は素晴らしいですが、人々の独自の基準(およびそれがオンラインで行うにはまだ難しすぎ)物事を成し遂げるが含まれています。

この時間を除いて、そのコード良く見える - UI設計者は同じ古い基本的なミス "の反対側の人間を忘れ"を行っています。 人間 - ないコードバリデータ - を使用するインタフェース "を参照してください。

レジに進むジェイソン·フリードの記事全文

DISCALIMER:これは、我々はすべてで基準について悩むべきではないという意味ではありません。 基準は、可能な限りを持ち、それらに固執してもいいです。 私たちは良いUIデザインは、常に100%の基準Complienceまたはその逆を意味するものではないことを理解する必要があります....

私の教訓の私のリストから、私はいくつかのUIの設計と開発ゴールデンルール... HERESにトップ10に従ってください...あなたがあまりにもそれに従っていないことを... :)

1。ユーザの注意を払ってください。 ユーザーがサイトを作るか、または壊すことができます。 ユーザーがウェブサイトを使用することの全くできない合計idoit、ように見えるようDONOT。 それはBADです!

2。シンプルさと、プライマリguidlinesを使用しての使いやすさを保持します。 画面上であまりにも多くのものは、ユーザーが混乱したり、元のタスクから気が紛れることが高い確率で。

3 LIMITSである... DONOTは、ユーザビリティ、アクセシビリティや標準にあまりにもお楽しみください。 事実上の標準を使用し、それらをチームに理解させる。 これは、製品の右側の一貫性を確保する

4要件をプロトタイプ。 ますので、ご使用のインターフェースが豊富で、これらの日、プロトタイピングは、常に単純なワイヤーフレームを作るよりも優れていると、後者はまともな相互作用は無効となり、それがクライアントに開発されている最終製品の鮮明な画像を提供するために失敗しました。 常に、それは最終的な成果にプロトタイプを変換する方が簡単です。 また! プロトタイピングで任意の相互作用の問題は、開発サイクルの早い時点で問題視することができます。

5。デザインとインタラクションの一貫性は非常に重要です。 予期しない相互作用およびギズモを使用してユーザーを混乱させるDonot。

6。あなたの"デザインのミッション·ステートメント"を理解する。 遠かっは、設計ページbeignの主な行動に焦点を当てています。 また、ページ上のsecondayアクションのリストを作り、それらに優先順位を設定します。

7。サイトのユーザーに適切なフィードバックを提供します。 AJAXの周りに設計されたウェブサイトのほとんどは、ページへの変更についてユーザーに視覚的な手がかりを提供しています。 ユーザは、彼が実行するすべてのタスクの完了の承認を与えなければなりません。 Donotは、例えばのために、ユーザーが待機して推測します。 ファイルuplaodsの進行状況インジケータを提供しています。

8。適切なコントロールを使用します。 例えば、使用するためのわずかなリストのリストをドロップダウンを選択し、donotは、ユーザーが選択ボックスを使用して、200都市のいずれかを選択することができます。 ボタンとリンクの違いを理解しています。 リンクやボタンが異なる目的を持っているdonotは、他のための1つを使用しています。 簡単にページと相互作用するように右のコントロールを提供しています。 2つのレベルの深さ以上あるメニューを、使用することは避けてください。 車輪を再発明しない。 標準コントロールを使用して、非常に必要に応じてカスタマイズすることができます。 それらが作成および使用accrossサイトの準備ができて、独立してテストすることができますので、あなたのサイトに最初に手に必要なすべてのカスタムコントロールを定義します。

9 Donotは、デザインにあまり反復します。 忘れないでください! 製品全体は、単独でより多くのその設計をされています。 設計の反復のためにプロジェクトのスケジュールに適切なタイムラインを構築し、それに固執する。 反復は、私たちが働き、どのような、問題点をピックアップしません何かを見つけるのに役立ちます。 良いインタフェースには時間がかかりますので、設計の繰り返しが直接リワークに等しく鞭ように、開発サイクルの冒頭の反復のための時間を提供しています。 あまりにも多くのリワークは、期限をjeopradize可能性があります。

10後ろに座ると、時にはユーザーのように考える。


良いUIデザイン "への1つの応答は、標準に準拠しなければなりません。 またはそれはすべき? 私のトップ10のUIデザイン·ルール "

応答を残しなさい

NDKホーム | ITを表現 | 表現口蓋 | Penmenshipを表現 | 表現する素晴らしい | 自分を表現