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

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外

[pokotanu]

俺「ふふっ♪こんなカッコいいアニメーション実装したんだから絶対すげーってなるぞ（ﾜｸﾜｸ」クライアント「こんなの頼んだ覚えないです。本日中に直していただけますか？」

[take-it]

最初のホバー後の画像なんて遙か太古からある問題だし、それを踏まえてなぜこういう変化を想定しないデザインが上がってくるのか謎い。コーディングまでやらないデザイナなのか、面倒臭いのか。

[nokogiring]

もうデザイナーが実装するか、プログラマーがデザインしたほうがいいんじゃない？

[tohokuaiki]

こんなん設計書に書いてらんないからさ、もうよしなにやってくれるデザイナー・コーダーはホンマ貴重でありがたい。

[dikn]

怨念をこめて同意したいエントリー

[shields-pikes]

「当然そこまでやっといてくれると思ってました」と「こんな仕様お願いしましたっけ？」のせめぎ合い。伝言ゲームになりがちな孫請けは辛い。クライアントの決裁権を持つ人間に会えない案件は受けるべきじゃない。

[Olein]

僕の周りだけかもしれないけど、ここまで考えてくれるデザイナーさん見たことない。逆に自分がデザインするときはしっかりわかるようにしておかないとね。

[otakumesi]

両方をやってるからこそ、忘れることがあって助かるシートだ

[turanukimaru]

デザイナーはドット単位の見た目にこだわるのに整合性にはこだわらないのは本当に不思議。

[marony0109]

ハイ！ロールオーバーはイマジンです！まぶたを閉じて想像してみてください！

[winterfall]

これだ

[tpex_ovon]

話の通じない相手にも通じそうな図解つきじゃないか！！

[y-kawaz]

チェックシートはチェックシートの利用者がチェックしたいのに最初からチェック入れられてたら使えなくね？（クソリプ

[masa8aurum]

かなり役に立ちそう。

[n314]

昔からエラーメッセージのような例外的デザイン用意してくれない問題あるけど、これ解決されないよね…。

[primedesignworks]

いくら合意を取ったところで、クライアントやデザイナは気が変わりやすい。むしろさらなる変更を頼まれるときの口調の方が心理的に影響する。

[vvakame]

インターネットは大変そうだなぁ

[monomoti]

染みる。

[igrep]

つらそう

[makky55makky55]

いくつか自分も経験した。ブコメ見ても、それでも残念なコメントがあるのも、他社さんも似たようなものなんだなと思った。

[akky_orange]

大事

[toksato]

思うところあるけどとりあえずブクマ。

[jshimazu]

“引き受ける前に詰めて”

[shinagaki]

最初からチェックされてる・・・

[h5y1m141]

既存画面の改善作業でデザイナー担当とコミュニケーションとりながら今まさにやってる。システム的に必須項目な所とかあるのである程度動作するのを仕上げてDeploy＆作っていて気になる所をフィードバックもらう感じ

[camel-balon]

最近いろいろと思うところあり。デザインの仕様決めって難しい。

[masayoshinym]

事前に詰めて合意を得てかつそれが覆らないということが不可能な点を除けば良エントリだと思う。

[fujii_yuji]

ブコメトップ見て、あーってなったw

[nisisinjuku]

「後から支持されると困ること」なんだけど、最初から詰められる可能性は0に等しい件多杉ｗ

[yutailang0119]

Webフロントエンドじゃないけど、まったく同じお気持ち

[feb223]

「出来た物見てみないと分からない〜」って言われるから参考ならない言うてる人もいるけど、その場合は見せる箇所先に作って見てもらい、その間に他の実装すればいいだけだよ。臨機応変大事

[happy00sunnyday]

すごくわかりやすい[Web]

[hopekuson]

図がわかりやすくて超使える…LIGはなんやかんや実力者揃いのイメージ

[takkpapa]

これは社内に共有 ／

[rgfx]

あるある

[kaipu1224]

業務だと設計書に書かれるレベルなんだよなぁ

[uturi]

イラストが非常に分かりやすい。確かにこれらは何気なく見てるサイトでもありがちな問題かも。