設計1(レイアウト)


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

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

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

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

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

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です