web-dev-qa-db-ja.com

UIをよりプロフェッショナルで洗練された外観にするためのヒントは?

現在、完全にカスタマイズされたUIを使用してWPFアプリケーションを開発しています。 UIを一意にするためのヒントはありますか?.

8
James Ludlow

一貫性は、プロフェッショナルで洗練されたものへの大きな指針です。

  • すべてのアイコンが同じサイズで、適切に並んでいることを確認してください。
  • 全体で一貫したフォントとテキストサイズを使用します。
  • フォントサイズを変更するオプションがある場合、すべてのテキストアイテムに影響することを確認してください。
  • カラースキームを変更すると、すべてのアイテムに常に影響が及ぶことを確認してください。

それはあなたのアプリケーションをユニークにするものではないことは知っていますが、UIはユーザーが最初に目にするものであり、ユーザーがそれを使用するたびに何と対話する必要があります。

9
ChrisF

経験則として、プロとはクリーンでシンプルなことを意味します。

アニメーションに関して-それは本当にアプリケーションに依存します。アニメーションは、よりカジュアルなアプリケーションを意味することが多いため、ゲームやコンシューマーアプリケーションに最適です。エンタープライズソフトウェアの場合は、適切ではない可能性があります。

http://soluto.com/ は、リファレンスとして使用できる優れたデスクトップアプリケーションだと思います。無料でダウンロードして、どのPCにもインストールできます。

4
Dan Barak

すでに指摘したように、一貫性は重要です-外観の観点だけでなく、動作の観点からも重要です。

ただし、整合性を意図的に解除することが良い考えではなく、必要な場合もあります。

「プロフェッショナルで洗練された」外観を実現するには、いつこれを行うべきかを知ることが重要です。

例:

StackExchangeサイトでは、各画面の上部にある[Ask a Question]リンクは、他のボタンのシーケンスの一部ではありません-右揃えになっており、視覚的に分離されています。

Microsoft Outlook 2007では、Sendボタンは他のすべてと一緒にリボンに含まれていません。個別に保持され、いつでもアクセスできます。

2
Bevan

アニメーション効果は大きな違いを生みます。これは、iPhoneを非常に滑らかに見せるための大きな部分です。

すべての遷移がどこかから移動または成長しているように見えるはずです。決して現れたり消えたりするものはありません。

1
Mongus Pong

勉強、勉強、勉強。
競合または類似の製品を観察します。

UIの最も優れた点の1つは、物事を再発明しないことであり、私見ではすべきではありません。あなたの質問はデスクトップアプリケーションに関するものであることは承知しておりますが、Googleの画像(適切なキーワードに基づく)を実行しても、これまでの一般的な状況がどのように設計されているかを示す多くの例が出てくるはずです。

そして、ぜひ、候補ユーザーでUIをテストしてください。これを行うのに時間がかかるDEVがどれほど少ないかは注目に値し、通常、リターンは非常に貴重です。

0
CSSian