web-dev-qa-db-ja.com

ビジュアル言語開発

私はUIをかなりまとまりのない方法で設計していました。すぐにページのモックアップから始めて、それらを詳述し、なぜ私のデザインがほとんどがらくたなのか疑問に思いました。アランクーパーの「About Face」を読んだので、現在のプロジェクトから始めて、これに終止符を打つつもりです。

バックグラウンド

(そして、私のための迅速な健全性チェック。)

  • ビジュアル言語はインターフェースの「スタイル」です。色、タイプなどのプロパティが含まれ、「全体的なルックアンドフィール」と呼ばれることも多いと思います。
  • インタラクションデザインは、インターフェースの動作を記述します。このボタンまたはそのボタンを押すとどうなるか、何かを行うために必要なアクションなど。

インタラクションデザインとは関係なくビジュアル言語を開発することは良い習慣のようです。これにより、柔軟性が高まり(動作の変更によってスタイルが損なわれないように)、これらの各タスクに完全に集中して、より良い結果を得ることができます。 2つのチームがある場合、それらは同時に作業します。その後、インタラクションデザインプロセスの終わり近くに、ビジュアル言語がスケッチと「マージ」されます。

問題

私が理解しているように、インタラクションデザインの結果は通常、一連のスケッチです。

しかし、ビジュアル言語をどのように表現できるのでしょうか?それを抽象化して、インタラクションデザインから独立させるにはどうすればよいですか? 「メニューはこのように表示され、パンくずリストチェーンはそのように表示される必要があります」のように言うことはできません。スタイルは一般的なものであり、インターフェースの特定の機能要素やデータ要素に関連付けられていないためです。同時に、利害関係者と話し合うのに十分な「ルックアンドフィール」を提供します。どのようなプラクティス/ワークフローが存在しますか、推奨される読み取りは何ですか?

ここでのドメインは、重要な場合、ほとんどがWebサイトとアプリケーションです。

PS。ここで根本的な問題が発生している場合は修正してください。私はこれにかなり新しいです。

PPS。 x.se にも投稿されています。

2

それを行う1つの方法は、ムードボード(詳細はこちら: http://www.viget.com/inspire/getting-moody/ )を使用して、カラーパレット、タイポグラフィ、画像を表示することです。サイトに関連するもの。

1
Liviu A