URL

「ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog」のグラフ

ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogiloghttp://baigie.me/sogitani/2016/04/goodbye-wireframe/
月のグラフ

コメント

(2018/08/21 15:16:55 更新)
  • なんかこれはこれで大変なんだなあ、って印象が残りました。:yomikodesign2016-05-18 18:41:59
  • 僕もそういえばHTMLで作る派だった:yo_waka2016-04-19 14:47:07
  • なぜパワポを叩くのか、、、可哀想すぎる。パワポでも画面設計やるけどね?論点はツールではないよ。制作サイドのリテイクを減らす苦労は至極分かるが、結局ゼロにはならないので、どこで刻むかというだけ。:hiddy2162016-04-17 22:33:02
  • “「完成したデザインを見なければ判断できない」というクライアントも多く、結局はビジュアルデザインが仕上がってから設計に関するフィードバックが来ることが多かった”:inouetakuya2016-04-16 02:05:21
  • “一見レイアウトが完成しているように見えるため、デザイナーがそれに引っ張られて、安易にそのレイアウトを踏襲するという「完成度の高いWF」と同じ問題が起きがちだった。” あるあるw:sumege2016-04-15 19:53:40
  • 設計者が HTML + CSS + JS までできるなら、規模によっては良さそう。:hama_shun2016-04-15 19:17:38
  • こういうのをやるためには、社内もクライアント側もワークフローを色々変えないといけない。でも、やりたいなー:motofu2016-04-15 12:02:47
  • Web制作屋がパワポ・・・「それはすごいですね」みたいな真顔棒読みするしかない感じ:k12u2016-04-15 01:49:35
  • ちょっとだけ立場は違うけど、答えはひとつだ。:niseissa2016-04-15 01:00:21
  • HTMLプロトタイプは細かい角丸とかに突っ込まれ出すと泥沼に陥るので、けっきょくは進め方だよなあと思う。WFは企画段階であーでもないこーでもない言うときには良いものよ:sigwyg2016-04-14 15:08:56
  • クライアント案件だと難しい:sometk2016-04-14 14:19:46
  • だんだん時代が変わってきたなぁ。:Kmusiclife2016-04-14 13:57:01
  • 優秀なディレクタとある程度の能力のプログラマと優秀なデザイナがいないで単純に真似したら大火傷するなと思いました(小並感):teracy_junk2016-04-14 13:49:28
  • “HTMLプロトタイプにしろ、WFにしろ、未完成のものから完成品を想像するのは結構リテラシーが必要”:ikosin2016-04-14 13:48:01
  • パワポ芸でやっちゃってる。10年ぐらいこれでやってるから、そのほうが早いと思っちゃうんだよなあ。今まさにリンクの指示書いてるけど、HTMLならそもそもリンク入れてるよね。。慣れるまでの時間がなあ。。:utility12016-04-14 12:38:40
  • 素朴な疑問。パワポやexcel資料を嫌う人は、お客さんからパワポやexcelで資料をもらったときはどうしてるんだろうか。自分たち用に作り直すのかな。:kamayan19802016-04-14 12:18:28
  • 直接当該箇所にコメント出来ないと フィードバックする方は負担が大きくなるなあ(小並感:Dursan2016-04-14 12:15:41
  • “プロトタイプにすることでビジュアルデザイン以降の差し戻しが減るんじゃないか、というのはあまり期待しない方がいい”これはどうやってもなくならないので割り切った方が良さげ。:masayoshinym2016-04-14 11:58:17
  • “AdobeからXD”:shimanto402016-04-14 11:44:44
  • "結局はビジュアルデザインが仕上がってから設計に関するフィードバックが来ることが多かった"が"作り直しなどの手間は増え"ず"恐れることはまったく"ない,との事.でもこれ請負契約じゃない気がする:vanbraam2016-04-14 11:39:08
  • 「先日AdobeからXDというプロトタイピングツールがリリースされたように、今後はプロトタイピングツール多様化・充実が予想されます。私たちも将来、ツールを使うワークフローに移行するでしょう」:itouhiro2016-04-14 11:30:57
  • 「プロトタイプは、あくまでプロトタイプである」という共通認識があれば上手くいくケースもありそう。雑につくったプロトタイプに引っ張られてプロダクトコードの質が低下するのが怖いな、という懸念がある。:june292016-04-14 11:06:32
  • bootstrapの次の段階:basseyboost2016-04-14 10:52:49
  • ワイヤーフレームからプロトタイピングへ。マルチデバイスに向けて複雑化しているからこそ移行すべき。:akirafukuoka2016-04-14 10:49:16
  • いい記事:shoshirasaka2016-04-14 10:44:50
  • Excelのセル結合されまくりの画面イメージしか見たことないや( ´Д`)=3:kaipu12242016-04-14 10:40:42
  • プロトタイプ公開してほしい。:derby2016-04-14 10:20:13
  • このやり方いいかも:sktktk12302016-04-14 10:02:15
  • UI/UXの流れからもウェブデザインのワイヤーは動く状態のものに移行するよね。ウェブでのビジュアルデザインが激減したイメージ。:tkosuga2016-04-14 09:49:45
  • 実体験として、実際に動いているのを触ってもらえるのでイメージがつきやすいしいい印象をもたれやすいのはいい。が、見た目に話題が向きがちなので意識してコントロールする必要あり。:labduck2016-04-14 09:42:50
  • 制作会社よりも代理店がパワポでワイヤー作って送ってくるの良くあった。まあスキルが無いのと思考停止なんだろうな…:deg842016-04-14 09:19:25
  • あーよさげ。懸念点は「直感的に書き直せない」かな。GUIでのレイアウト変更って意外と強力なツールだったりするからなー。:mut00tum2016-04-14 08:52:39
  • 紙だと作り込む予定がない箇所を「まあ実際の画面ではあるでしょ」と思われることが多そう。:n3142016-04-14 07:31:33
  • 大規模な場合、見積りや要件の共有のためにワイヤー必要。ワイヤーフレーム→デザイン→HTML。:isshyman2016-04-14 06:00:54
  • パワポは意外と使えるよね!でもSketchも試してみるといいよ!:kazuya_nakamura2016-04-14 04:29:36
  • クライアントの意向が根幹の部分より、コンテンツに寄ってくるのは、共感。:shunutsu2-2-242016-04-14 01:24:34
  • ワイヤーフレームってHTMLファイルで来る物じゃないの…?:clworld2016-04-14 01:24:28
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog: 枌谷 力(そぎたに つとむ)…:designwao2016-04-14 01:07:22
  • 個人事業になってからワイヤーフレームを見なくなった。:primedesignworks2016-04-14 00:59:58
  • パワポ・Excelは本来の用途から外れた使われ方多いよなぁ:tettekete375642016-04-14 00:42:15
  • PowerPointでフレームワークは、なしです。自分は今のところ紙→HTMLですが、SketchやXDなどの進化具合によっては、ワークフローに取り入れるかもしれません。:armadillo752016-04-14 00:41:06
  • 管理画面とかデザイン性の低いものなら可能だろうけど。:marony01092016-04-14 00:12:20
  • 現実的には、1つの選択肢に留めた方が良さそう。:ttkazuma2016-04-14 00:00:13
  • 構成要素だけならいざ知らずレスポンシブの挙動を説明するのが難しい\(^o^)/アダプティブにしても既定広告のせいでピクセルジャストとは行かないし:toaruR2016-04-13 23:22:42
  • ケースバイケースだろうなあ:natu3kan2016-04-13 23:14:03
  • Fireworks...:wangeru2016-04-13 23:12:29
  • ペーパープロトタイプのあとはまあコーディングしちゃったほうが早いってのはわかるよな……。:KoshianX2016-04-13 23:06:08
  • 俺もこれやろうとしてる。でも個人レベルでやっててもチームとしてできるようにならないとなかなか成果にならないと思い中。リーマンとはいえWeb屋を名乗るなら基本的なHTMLとCSSのスキルが備わっててほしいんだよな。:wumf07012016-04-13 22:43:49
  • 官公庁や金融系はワイヤーフレームが納品物として定められていることも多い。5000ページあるパワポ資料の共通パーツ変更とか狂気の沙汰。:yoiIT2016-04-13 22:40:34
  • いいかも。:chitoseweb2016-04-13 22:28:24
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果:kefi31042016-04-13 22:22:45
  • パワポでワイヤーフレーム作ってるということに驚いて、移行したこととかどうでも良くなってしまった。まだそんな会社あるんだな。:miyazawataichi2016-04-13 22:22:09
  • HTMLプロトタイプというか、とりあえず素のBootstrapでできるところまででブロックレベルでのイメージを掴むというのは今更ではあるがまああり。でも実際のイメージはモックまで作らないと固まらないよね:masatomo-m2016-04-13 22:22:08
  • 小難しい書き方してるが、要するにモックベースで話進めろって事だろ。よほど旧態依然としたExcel信仰企業でなければ、普通はそうする。っつーか実物見せないと、参加メンバー毎に別々のイメージを持ってしまうしな。:homarara2016-04-13 22:04:49
  • Web制作会社ってそんなアホなことしてたの?驚きだわ。:lovevoiceryu2016-04-13 22:01:58
  • 一括修正に強いから、再利用性の高いコンポーネントの組み合わせとか、ひたすらパターン出しの掛け算が求められるときとか、インブラウザデザインけっこう便利。ビジュアルビジュアルしたものには向かないけど。:neet_modi_ki2016-04-13 21:58:34
  • それもありかも。bootstrapなどを使えば、むしろワイヤー描くより早い気がする。:ryun_ryun2016-04-13 21:33:54
  • Windowsはろくなワイヤフレームツールがないのでそれもありかも:gnt2016-04-13 21:14:56
  • 最近は動きありきだしね:drapon2016-04-13 21:14:23
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog:nilab2016-04-13 21:04:49
  • プロトタイプによってデザイン以外の部分を効率化できました:enomo102016-04-13 21:02:56
  • 5 年以上前に通った道だった。悩むよね。 http://directorblog.jp/archives/51478621.html:iishun2016-04-13 20:41:55
  • うろ覚えだけど、LeanUXでペーパープロトタイプの次が生き続けるデザインガイドラインだった気がする。そういう方向性だろうか。/ちなみに強く反対するのはデザイナーらしいので、導入は慎重にするのが良さそう。:hush_puppy2016-04-13 20:41:32
  • "先日AdobeからXDというプロトタイピングツールがリリースされた":uehaj2016-04-13 20:34:02
  • ワイヤーフレームを捨てるという選択肢:tihata2016-04-13 20:22:19
  • むずかしい。紙とペンは神ってこと?:weep2016-04-13 20:17:13
  • デザインの作り込みによって、マークアップが変わってくるので結局作りなおしだよなぁと思う。あとはデザインの履歴が残りづらいなぁと思うけど、過去をふりからないスタイルだといいのかも。:nasabe2016-04-13 19:45:28
  • よさげ:akn_ep2016-04-13 19:16:16
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog: 枌谷 力(そぎたに つとむ)…:japanitnt2016-04-13 18:05:31
  • "画面設計といえばPowerPointを使い、ワイヤーフレーム(以下、WF)を作っていました。Web制作会社における非常にスタンダードなやり方であったため" え?え?パワポがスタンダードなの??周りにそんな会社ないけど・・:ohayou_ikechan2016-04-13 17:59:26
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | sogilog: 枌谷 力(そぎたに つとむ)…:digitalglm2016-04-13 17:58:18
  • プロトタイプをHTMLで作るというのも一つのポイント。HTMLを扱える人ならカスタマイズも自由にできるし、きっとこっちの方が楽だと思います。:sogitani2016-04-13 17:53:14
  • ペーパープロトタイプ:digo2016-04-13 17:32:53
  • これ、狙いはよく分かるしずっと試行錯誤してるんだけど、複雑なツールやサイトを作る時は結局、専門性による分業がトータル効率良かったりするんだよね...:paradisemaker2016-04-13 17:28:32
  • インブラウザデザインというやつか。:TTTT22016-04-13 17:15:38

関連エントリ