5

私はソフトウェア開発者であり、ASP.NET（3.5 / 2008、Webクライアントソフトウェアファクトリーを使用）を使用してWebサイトを実装するプロジェクトに取り組んでいます。私はプロジェクトのUI/UXデザインドキュメントの作成を任されていますが、どこから始めればよいのかよくわかりません。

私は3年間、レイアウトとスタイルのガイドライン/ルールを含む正式なUIデザインドキュメントがあった1つのプロジェクトに参加しました（たとえば、アプリケーションにはヘッダー、ナビゲーションなどがあり、リンクはカラーAである必要があり、ポジティブアクションのボタンである必要があります）右側にある必要がありますなど）。後から考えると非常に役に立ちました。ドキュメントでCSSクラスを定義することさえ、誰かがそれだけの努力を払ったことを感謝します。ただし、ドキュメントは既存のアプリケーションに基づいており、ビジネスの全体的なコーポレートアイデンティティに準拠しています。

現在のプロジェクトは新しいプロジェクトであり、現時点では明確に定義された要件がありません（はい、私は知っています...要件があまりないときにどのように設計しますか...私は逸脱します）。どの機能が正確に必要になるかを知るのは難しいです。2つの異なるユーザータイプ/ペルソナがありますが、このドキュメントでは正式な調査は行われません。また、企業のアイデンティティについてはよくわかりませんが、ロゴの使用に関してビジネスにいくつかのルールがあります。これについては、数日以内にさらに詳しく説明します。

だから私は少し暗闇の中にいて、最後にきれいな写真が撮れることを期待して、キャンバスに絵の具を投げています（私がジャクソン・ポロックだった場合のみ）。

このドキュメントには何を含めますか？これは、開発者だけでなく、ビジネス（クライアント）も対象としています。私は以下だけを考えることができます：

  1. レイアウト-ヘッダー、フッター、コンテンツ、ナビゲーション
  2. スタイル-予想されるさまざまなコンポーネントのカラーパレットとスタイル
  3. ユーザーインタラクション-ユーザーがアクションを実行し、モーダルダイアログによって通知されるのを待つ必要がある場合、検証はAJAXを使用して行われ、ナビゲーションはコンテキストに依存する必要があり、タスクは最小限のクリック/ナビゲーションなどで実行される必要があります。

誰かがそのようなドキュメントを作成した経験、またはUIデザインのための既知の、試行され、テストされたプロセスを持っていますか？

ありがとう、

ジェームズ

4

3 に答える 3

2

このような一連のドキュメントに含めることができるあらゆる種類の要素があります。

  • 視覚スタイルガイドライン（色、書体、サイズ、アイコンなど）
  • ブランディングガイドライン（企業のロゴ、色、メッセージなど）
  • 著作権スタイルガイド（用語、適切なメッセージ、適切な音声など）
  • ペルソナ/人口統計ターゲティング
  • ページレイアウトガイドライン
  • CSSガイドライン/標準
  • JSガイドライン/標準
  • ユースケース
  • アクセシビリティの問題
  • 使いやすさの問題
  • 実装例
  • IAパスフロー
  • ワイヤーフレームコンポーネント
  • 等

あなたがこれについて考えることからあなたに始めることができるならば、私はこの本を手に入れるでしょう：

http://www.amazon.com/Web-Anatomy-Interaction-Frameworks-ebook/dp/B002ZY5FCW/ref=sr_1_2?ie=UTF8&s=books&qid=1262983955&sr=8-2

于 2010-01-08T20:52:48.867 に答える
1

計画ドキュメントの他のすべての明らかなコンポーネントとともに、UIの一部を、図示されている特定のユースケースの付随する説明とともにスケッチすることをお勧めします。

UIのアイデアを伝えようとしたときに、過去に問題が発生しました。ダイアログボックスと一連のアクションのスケッチを作成すると便利なことがよくあります。それらのスケッチがあまりにも「リアル」に見える場合、それらが最終製品の仕様になる傾向があります。

これを軽減するために、私はBalsamiqMockupsで遊んでいます。ナプキンの裏側が編集可能で、すべてのオブジェクトと画面レイアウトを手描きの感覚で意図的にレンダリングするという優れた特性があります。小規模な社内プロジェクトで達成した結果が気に入っています。私は（まだ）多くの外部の利害関係者がいる大規模なプロジェクトにそれを使用する機会がありませんでした。

于 2010-01-15T00:16:41.627 に答える
0

ヒューマンインターフェイスガイドラインに関するウィキペディアの記事には、私が提案しようとしていたいくつかのすばらしいリンクがあります。それらのいくつかはあなたが必要とするよりはるかに多くの情報を持っているかもしれません、しかしそれらはあなたがどんな種類のものを加えるべきかについてあなたに良い考えを与えるはずです。

私はいつもAppleのガイドラインが非常に完全で有用であると感じていますが、それらは間違いなく非常に完全であり、多くの読書を必要とします。

于 2010-01-08T20:50:55.063 に答える