2カラム構成のリスト
・2行以上になった場合のレイアウト想定が必要。2カラムに限らずボックスを横並びにする場合も同様に柔軟な対応が必要。
エラーパターン
① 一定のclassが当てられる場合
・全てのページで同様のデザインになることを想定
② 自由なclassが当てられる場合
・必要なデザインを全て用意
どちらのケースも全ページにエラー表示を作成をすることは現実的でないため、作成は必要最低限に抑えつつ、エラー表示をしない箇所でも、エラーが入ることを意識してレイア
WF作成時の注意点②
属性による表示の有無
・ログイン前/後や、会員の属性によって表示が変わる要素があるか
商品スライダーのポイント
① スライダーが発動するアイテム数
・何件以上あるとスライダー表示になるか
② スライダーが発動しない場合
・左寄せで表示なのか、センタリングするか
③ スライドの動き
・矢印を押した時に1件ずつスライドするか、表示しているアイテム数分スライドするか
・ループするか
検索結果のポイント
① 並び順、表示切替
・各ボタンを押すと画面がリロード
WF作成時の注意点①
商品一覧のポイント
① 画像
・画像はすべて同じ比率か
・縦長、横長の画像が存在する場合の配置
・画像が必ず存在するか(NoImageの作成)
② タグ
・タグの最大表示数(1行に収まらない場合)
・タグのテキストが長く治まらない場合
・タグが1件も表示されない場合(下の要素を上に詰めるか)
③ 商品名
・商品名が短い場合、下の要素を上に詰めるか
・商品名が長い場合、全て表示するか
・商品名に任意の改行は入っていないか
④ レビュー
・★のデザイン