記事情報殿堂入り

実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート

実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート

リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。実装効率を...

更新日: 2017-02-04
記事の見出し
  • 実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート
  • ホバー表現を後から指示される
  • ツッコミ
  • メモ
  • 細かいアニメーションについて後から指示される
  • ツッコミ
  • メモ
  • 実際のデータによって出現したりしなかったりする要素で、カンプ以外のパターンのマージンなどが決まっていない
  • ツッコミ
  • カンプよりも長いテキストが入った時の挙動が規定されていない
  • ツッコミ
  • テキストに合わせて可変してもよい場合
  • 省略してカンプのレイアウト内に収める場合
  • カンプと違う縦横比の画像が入ったときの挙動が決まっていない
  • ツッコミ
  • メモ
  • リキッドレイアウトで要素の可変する挙動が決まっていない
  • ツッコミ
  • アニメーションするSVG要素の中身が、アニメーションの要件を実現できないパスになっている
  • ツッコミ
  • 長い時に途中から省略される要素で、省略するかどうかのしきい値が規定されていない
  • ツッコミ
  • バリデーションフォームのエラー文言の仕様が決まっていない
  • ツッコミ
  • Ajax部分のエラーメッセージが想定されていない
  • ツッコミ
  • 重そうなコンテンツなのに、ローディングのデザインが想定されていない
  • ツッコミ
  • レスポンシブレイアウトででPCレイアウトが固定幅設計
  • ツッコミ
テックブログ情報
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート
ブログWeb制作 - 株式会社LIG
ブログ概要
QiitaQiita::liginc
会社名株式会社LIG
会社概要