Home > 設計1(レイアウト)

設計1(レイアウト)

  • 2012-06-22 (金) 23:12

今回は画面のレイアウトを決めましょう。
UIの設計ですね。

あまり煩雑すぎると使う人からブーイングが発生します。
なので、今回はシンプルに必要最小限のレイアウトとします。

また今回は機能重視のWEBサービスを目標とする為、
CSS、Javascript、HTMLで複雑なことは行いません。

シンプルにわかり易くをモットーとします。
文字では説明が難しいため図を用います。

【検索画面】
図1
 ①AMAZON商品検索機能

【一覧画面】
図2
 ①AMAZON商品検索機能
 ②AMAZON商品一覧表示機能
 ③詳細画面を表示する。

【詳細画面】
図3
 ①AMAZON商品詳細表示機能
 ②AMAZON商品画像サイズ変更機能

上記の機能実装さえ守ってもらえれば、
どの様なレイアウトにしてもかまいませんが、
まだPHPやHTMLに慣れてないうちは
上記のレイアウトを真似して下さい。

最初はとにかく最後まで作る!というのが重要です。

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

このエントリーのトラックバックURL
http://oraclemaster.boo.jp/%e8%a8%ad%e8%a8%88%ef%bc%91%ef%bc%88%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%ef%bc%89/trackback/
Listed below are links to weblogs that reference
設計1(レイアウト) from オラクルマスター11g ブロンズ&シルバー ~取得のためにすべきこと~

Home > 設計1(レイアウト)

検索
フィード
メタ情報

Return to page top