これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog

先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

[hmd703]

WEBサービスやアプリにはすごく有効だとおもうけど、そろそろ雑誌とか書籍みたいにWEBメディアも用途別に細分化されて語られるべき。全てがこうであるべきみたいな記事が多いのが気になる。

[eriko315]

考え方自体はとても同意でこんなやり方で仕事したい。ただし最終形態に近いデザインカンプやシミュレータがないとUI遷移や動きが想像できない人が決定権を持っている場合、とても難しい課題。

[niomo]

今まさにこのワークフロー試して苦労してる。プロトタイプはどちらかというとカンプよりWFに置き換わるもので、サイトマップと規模感をあらかじめ把握することに慣れていないと失敗する

[tkm_shohei]

最近、ディレクターとかプロマネとかが一昔前の進め方から踏み出せずに「デザイン関連」とかいうわけわからない項目でくくられることが多くなったのをどうにかしたい。

[gmsniper2]

どのデバイスに何を提供する前提なのかを書かなきゃいかんでしょ、という感じの記事／"UIデザイン"って言葉は便利すぎる

[trickcube]

退院したら読んで勉強する。

[edo_m18]

同意。少なくとも考え方としてこれは知っておくべき。

[manji6]

すごく同感。もうもはやデザインカンプで表現できる領域を超えてきてるから、プロトタイプレベルで議論したほうが早いよ。

[torounit]

「そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。」なるほど・・・

[urakey]

from Pocket

[srbook]

“・その場でのアイディアの共有が出来る ・誰でも参加できる ・作ってすぐに評価できる ・専門知識が必要ない ・コストがかからない などでしょうか。紙であ”

[hiroyuki1983]

なるほど。でもカンプができないとプロトタイプなんてもっとできないからなぁ。カンプじゃ足りないよというニュアンスか

[skyfox_xxx]

UIの基礎

[teppeis]

「そうやって一気に見せると、デザイン提案とは関係ないところ、例えば「ロゴが小さい」とか言われるわけですよね。」詳細度のコントロール重要

[rryu]

結局モックならば出来るとかモックだと難しいとか出てくるので、仮でもいいから速やかに実装フェイズに行けるかが重要だと思う。その為のカンプとプロジェクトの人員構成は重要。

[k_gobo]

そんなこんなでプロトタイプという名のほぼ本番を作らされて、デザイン変更の度に総改修して、結局企画自体がポシャるとかコーダーあるあるですよ。

[koogawa]

"雰囲気をデザインすること"

[oppara]

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | MEMOPATCH

[Yukarigohan]

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）

[hanagejet]

色々考えさせられるし、賛否両論あると思いますが。プロトタイプで実装できたらハイスペックなものが作れると思います。

[ynsyns]

"UIデザインの新しいワークフロー"

[mycolor0523]

コレめっちゃあとで読む。

[indigoworks]

昔の自分は今で言うインブラウザコーディング派だった。でもカンプはまだ要る。スクロールする部分しない部分を分けたモックアップは必要。その中身に貼りこむ画像としてのカンプは求められてると思う

[warriorking]

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | MEMOPATCH

[raf00]

PC/スマホを問わず、HTMLのサンプル（ものすごいざっくり）は常に用意しておくべきだと思うなぁ。ざっくり動作感見る程度のサンプルだと5パターンずつあればいいのだし。

[apple2tea]

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）

[logi]

あとでよむ

[lam_bda]

Webのデザインするなら普通にやれば良いと思うんだけど → 「こういったツールを使ってデザイナーがマークアップをしなければいけないのか、と疑問に思うかもしれませんが、そうではない。」

[mut00tum]

UIに対する試作って案件の中でまずしないからなー。正しくは（？）リサーチとテストが必要だし。どうしても注意は「GUI」にいきやすいよな…。いんたーふぇーすって難しいよねー

[kimihito]

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | MEMOPATCH

[SasakiTakahiro]

未来を踏まえ拡張性のあるUIを作る。

[benzina]

先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを

[chan_tomo]

これいい！

[marsrepublic]

そうっすなあ。

[field_combat]

とりあえずPDFにしてスマホで見るやり方してるけど、いつもモックはその後かなぁ。現実的には粗々のワイヤーでモック作るかんじかなぁ

[dgwingtong]

プロトタイプをやめてメモ用紙でいいじゃん