みんなでデザイン、あなたもデザイン

E3b55df6f02b7398173190fbb852f410?s=47 sekig
September 16, 2017

 みんなでデザイン、あなたもデザイン

E3b55df6f02b7398173190fbb852f410?s=128

sekig

September 16, 2017
Tweet

Transcript

  1. 6.

    Ed i t or i a l d es i

    g n( m a g a z i ne )/ Web d es i g n / App d es i g n / G r a ph i c d es i g n / Book d es i g n / U X d es i g n / Ot her s k i l l ... Edit orial Web App Graphic Book UX O ther 6
  2. 14.

    デザインは、デザイナーに 任 せるには重 要 すぎる Ti m B r o

    w n | C E O, I DE O - “ D e s i g n e r s ─ t h i n k b i g ! ” T E D G l o b a l 2 0 0 9 14
  3. 15.
  4. 16.

    Ti m B r o w n | C E

    O, I DE O 16
  5. 19.

    2 009 年… # i r a nelec t ion

    #s w i nef l u e # i n au g 09 # f ol low me JP #2 289 19
  6. 20.

    2 009 年… ウェブ サービスが一 般 ユーザーへ 広がる。 SEOのコンテンツ回帰 。

    CMS の一 般 化。 新 規 立ち上げ → リニューアル への移 行 。 20
  7. 21.

    ウェブサイトがあるのはあたりまえの時 代 受 託ウェブ 制 作が 継 続 的な運 用改

    善 へシフトし始め、 表 面 的な差 異 化では 価 値が 作れなくなってきた 2 009 年… 21
  8. 24.

    24

  9. 28.

      [  たとえば、デ ザイナーの思 考 法とは?]   デ ザイナー迷 言あるある

    ビ ジ ネ ス や デ ザ イ ン 思 考 の 文 脈 で 使 わ れ る 言 葉 に あ て は め て み る 28
  10. 32.

    【 類 推 】 アーーー、それたぶ んこないだ の UI が ハマると思う、うん

    。 a n a l o g i c a l t h i nk i n g / a bd u c t i on Des i g ner 32
  11. 36.

    【  おす すめ書 籍  】 Ser v ic e De

    sign: User E x per ienc e De sign: 手 法: 考え方: @b ane _ t a HCD-Ne t 認 定 人間中心 設 計 専門家 サービスデ ザ イナー thank s: 36
  12. 39.

    ウェブ 制作の現 場 では何が 起きているのか ウェブ 制作の外 側では何が 起きているのか いま、これから

    これからの先 へ まとめ 1. 2 . 3. 4 . 5. 「ひらかれ ていくデザイン」について考えてみる 39
  13. 40.
  14. 41.

    ウェブ 制 作の現 場 では 何が 起きているのか 1 ─ 「

    ひらかれ ていくデ ザイン」について考えてみる ─ 41
  15. 43.

    Responsive Web Design 可変レイアウト マ ル チ デ バ イ

    ス が 一 般 化 し 、 ひ と つ の コ ン テ ン ツ が 取 り う る 形 は 幅 広 い グ ラ デ ー シ ョ ン に 43
  16. 44.

    Mu lti Touch Point マルチ ・ タ ッチポイン ト コ

    ン テ ン ツ へ の 接 触 点 は 媒 体 か ら 独 立 し は じ め て い る 。 ユ ー ザ ー を 流 入 さ せ る の で は な く コ ン テ ン ツ を 拡 散 さ せ る 考 え 方 44
  17. 45.

    Design System デザインのシステム化 コ ン ポ ー ネ ン ト

    の 考 え 方 に よ る 、 グ ラ フ ィ ッ ク と コ ー ド を 結 び つ け た か た ち で 品 質 の 維 持 管 理 が で き る デ ザ イ ン の 必 要 性 45
  18. 50.

    Iterative a nd Incrementa l Development 反復型開発 詳 細 な

    設 計 / 計 画 後 、 P D C A 的 に プ ロ ト タ イ ピ ン グ 〜 評 価 の サ イ ク ル を 繰 り 返 し 、 全 体 を 作 っ て は 壊 し な が ら 開 発 し 、 リ リ ー ス す る 手 法 。 体 制 に よ っ て は ア ジ ャ イ ル や ス プ リ ン ト に 近 い 、 か な り 細 か い 粒 度 で 意 思 決 定 を 行 う 場 合 も 。 50
  19. 53.

    Spira l Model スパイラルモデル ウ ォ ー タ ー フ

    ォ ー ル モ デ ル と 対 に な る 考 え 方 。 観 察 / 理 解 / 設 計 / 評 価 な ど の サ イ ク ル を 繰 り 返 し て 開 発 し て い く プ ロ セ ス 全 体 を 差 す 概 念 。 P D C A 、 H C D 、 U X D 、 そ し て デ ザ イ ン シ ン キ ン グ ・ ・ ・ 基 本 的 に デ ザ イ ン 思 考 と 呼 ば れ る も の は ス パ イ ラ ル モ デ ル を ベ ー ス に し て い る 。 53
  20. 56.

    (     ) 美 術系大 学における、 伝 統的な作品制作の基 本的プロセスも

    スパイラルモデル 。 ※ 私 の 個 人 的 な 考 え で す 56
  21. 58.

    グ ラフィックデ ザ イナ ー / UI デ ザ イナ

    ー / イン タラ クション デ ザ イナ ー / UX デ ザ イ ナ ー / ア ート デ ィレ ク タ ー / サ ー ビ ス デ ザ イ ナ ー / イン フォ メ ー ション ア ー キ テ クト / ワ ー クショップ デ ザ イ ナ ー / ウ ェ ブ デ ィレ ク タ ー / テ ク ニ カ ル デ ィレ ク タ ー / プ ラ ン ナ ー / プ ロ デ ュ ー サ ー / マ ー ク ア ップ エ ン ジ ニ ア / フ ロ ント エ ンド エ ン ジ ニ ア / バ ック エ ンド エ ン ジ ニ ア / ネ ットワ ー ク エ ン ジ ニ ア / デ ー タ サ イ エ ン テ ィスト / フォトグ ラファ ー / ラ イター / イラ ストレ ー ター / プ ロ ジ ェ クト マ ネ ー ジ ャ ー / ア ナ リスト / エ デ ィタ ー / コン テ ン ツ デ ィレ ク タ ー / マ ー ケ タ ー ウ ェ ブ の 重 要 性 が 増 す に つ れ て 専 門 領 域 が 深 ま り 、 さ ま ざ ま な 職 種 の メ ン バ ー が 同 時 に 関 わ る こ と が 増 え た 。 58
  22. 61.
  23. 63.

    「ウェブ 制作 業 」 自 体 の意味と役 割が 変わってきている 1

    . ウ ェ ブ 制 作 の 現 場 で は 何 が 起 き て い る の か 63
  24. 64.

    ウェブ 制 作の外 側 では 何が 起きているのか 2 ─ 「

    ひらかれ ていくデ ザイン」について考えてみる ─ 64
  25. 66.

    冠 位 十 二階 血 筋( 姓 名)ではない尺 度 =

    色という記 号でシステマチックに身 分を定 義 66
  26. 68.

    L ou i s Vu i t ton × S

    upr eme ビッグメゾンとストリートファッションのアイコンがコラボ 。極まる記 号 遊 び 68
  27. 71.

    #d a n iel wel l i n g t

    on インフルエンサーマーケティング = 人そのものの記 号 化 71
  28. 72.

    72

  29. 75.

    フレンド・ファウンディング p o l c a のデ ザ インノート -

    h t t p s : / / t w i t t e r. co m / i / mo me n t s / 8 9 56 2 853 913 0 6 3 4 2 41 | タカヤ・オオタさん 75
  30. 80.

    80

  31. 81.

    1,000 son g s i n you r poc k

    et . MP3 プレイヤーはす でに存 在していた。違ったのはビジョンの提 示 81
  32. 82.

    82

  33. 83.

    EDL P(E ver yd a y L ow Pr ice)

    モノの向こうにある価 値を伝える。ワケあって安い。絶 対 評 価 で 常に安いという価 値 83
  34. 84.

    84

  35. 86.

    86

  36. 87.

    YES, WE CAN. 「C h a n ge 」へのアンサー。あいまいになりがちな政 治

    的 主 張をラベリング することで 、圧 倒的な訴 求力に。 87
  37. 88.

    Stor y telling ストーリーテリング 情 報 を 共 有 す

    る 手 段 の 一 つ 。 定 性 的 な 情 報 共 有 の こ と 。 語 り の 技 術 。 語 り 手 が 自 分 の 言 葉 に 直 し て 語 る こ と 。 焚 き 火 を 囲 ん だ 口 伝 。 フ レ ー ム ワ ー ク 化 さ れ た よ み き か せ の ス キ ル 。 88
  38. 89.

    ストーリーはつくれる カ リ ス マ が な く て も

    プラグマティックペ ルソナ/ 人間中心 設 計プロセス/ 半 構 造 化インタビュー/ アクティブリスニング/ 5 つのコンテクスト/ 6 つの構 造 パターン  et c ... Stor y telling 89
  39. 93.

    価 値は時間軸を伴うものに 記 号 消費社 会から物 語 消費社 会 へ

    2 . ウ ェ ブ の 外 側 で は 何 が 起 き て い る の か 93
  40. 112.

    まだ 数 値による寸 法 の 概 念 がな いので、モデュロール的な考え方 でプロポーションを意

    識させる。 キャッチ & トライ(反復)しながら 制作を進める。 実 装 建 築 家 ル・コルビュジエによるモデュロール 。人 体 の 寸 法と比 率から、全 体 の 構 造 設 計に展開する考え方 112
  41. 116.

    「 お と う さ ん が こ わ か

    っ た 」 Problem 116
  42. 127.

    漠 然とプロセス化するだけでは「あたりまえすぎる結 論 」から抜けられないことも…。 [ デ ザイン思 考プロセスあるある ] あたりまえすぎ

    問題 み ん な 納 得 で き て は い る も の の 、 正 し い 答 え の 枠 か ら 抜 け ら れ ず 、 発 見 性 に 乏 し い ア イ デ ア し か 出 ず 期 待 に 応 え ら れ な い こ と が よ く あ る 。 デ ザ イ ン 思 考 は あ く ま で 考 え 方 ・ プ ロ セ ス で あ り 、 銀 の 弾 丸 で は な い 。 127
  43. 134.

    チームで つかんだアイデアの、 精 度をひとつ上に押し上げる 専門家としての定 着力 3 3 3 も必

    要 。 文 脈が 共 有されているので、 「いきなりデ ザイナーが 変なことを言い出した」状 態にもなりにくい。 134
  44. 135.

    デザインのダイナミックレンジが 重 要に 4 . い ま 、 こ れ

    か ら 広 義のデザインから狭 義のデ ザインへ 、どれ だけ行き来 できるか? 135
  45. 140.

      【スキルの外 部 化】 どんな職 種 で も、自分のスキルを可 視 化すると

    周囲の人を巻き込める。   【 価 値 観の共 有 】 協 働のためのプロトコルをつくる。その案 件に 必 要な価 値 観を、阿 吽にせ ず 言 葉にしよう。 140
  46. 141.

    仕 様 書から、プリンシプル へ Pr i nc i ple 原

    理・主 義・信 条 S pec i f ic a t ion s hee t 規 格・性 能・機 能 → 141
  47. 145.

      「 そ の 案 件 の 価 値 の

    拠 り 所 は? 」 Va lue proposition 145
  48. 149.

    149

  49. 152.

    Va l id a t ion の 結 果 /

    UI の 精 緻 さ / 工 数 見 積 / ビ ジュアル の 訴 求 力 / 技 術 的 負 債 のないコード et c ... ↓ 品質のひとつの面 でしかない 152
  50. 153.

    De s i g n Web De s i g

    n ウェブ サイトの外 側から、ウェブを見 てみる 153
  51. 157.

    「 共 通 言 語 」からア イデ ア や コン

    セプトは つくられ ていく-松 倉 早 星 イン タビュー( 1 ) | デ ザ イン 情 報 サ イト [ J DN ] h t t p s : //w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s ub a r u -1/ 157
  52. 158.

    何かひとつクリエイティブで 課 題を解 決しても、プランナーなのでそこの奥にある課 題が 見えちゃったりします。本当はそこも手をつけたい! でも、依 頼としてはすでに終わって いるので「お 疲れ

    様 でした!」で 終わってたんで す……。でも、どうしても言わずにはい れなくなって、伝え出したのが去 年あたりからで す。 「言われるまで 気づきませんでした」 としっかり聞いてくれて、いままで点だったできごとが線になり、面をつくれる手応えを感 じました。 一過性のもので人の行動とか価 値 観、さらには人生観を変えることはできないけれど、丁 寧に積み重ねて、語りかけていくことで実現できる、数年前からそう感じています。 リサ ー チとプ ラン ニン グ にしっかり向き 合 える会 社 を つくりた い-松 倉 早 星 イン タビュー( 2 ) | デ ザ イン 情 報 サ イト [ J DN ] h t t p s : //w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s ub a r u - 2 / 158
  53. 159.

    何かひとつクリエイティブで 課 題を解 決しても、プランナーなのでそこの奥にある課 題が 見えちゃったりします。本当はそこも手をつけたい! でも、依 頼としてはす でに終わって いるので「お

    疲れ 様 でした!」で 終わってたんで す……。でも、どうしても言わずにはい れなくなって、伝え出したのが去 年あたりからで す。 「言われるまで 気づきませんでした」 としっかり聞いてくれて、いままで点だったできごとが線になり、面をつくれる手応えを感 じました。 一過性のもので人の行動とか価 値 観、さらには人生観を変えることはできないけれど、丁 寧に積み重ねて、語りかけていくことで実現できる、数年前からそう感じています。 リサ ー チとプ ラン ニン グ にしっかり向き 合 える会 社 を つくりた い-松 倉 早 星 イン タビュー( 2 ) | デ ザ イン 情 報 サ イト [ J DN ] h t t p s : //w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s ub a r u - 2 / 159
  54. 160.

    “ デザインがはじまる前 ” を整 理 する。 リサ ー チとプ ラン

    ニン グ にしっかり向き 合 える会 社 を つくりた い-松 倉 早 星 イン タビュー( 2 ) | デ ザ イン 情 報 サ イト [ J DN ] h t t p s : //w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s ub a r u - 2 / 160
  55. 164.

    あるべきところに 見出しをつける コミュニケーションツールを 工夫 現場に足を運んでみる CMS の選定をする ユーザーだけでなく、 クライアントの立場に なってみる

    ランチに 出かけてみる カンプか、モックアップか? それとも…。 サイトの課題について 言葉でゆっくり話し合ってみる コンセプトを練り上げる スケジュールに改善サイクルを組み込む 仕様をみんなで 再考する マークアップできる デザインか考えてみる メインビジュアルを 撮り下ろしてみる プロダクトの言葉遣いを 定義してみる 164
  56. 169.

    デザインは、デザイナーに 任 せるには重 要 すぎる Ti m B r o

    w n | C E O, I DE O - “ D e s i g n e r s ─ t h i n k b i g ! ” T E D G l o b a l 2 0 0 9 169
  57. 171.
  58. 172.

    デザインとは、 現 状を少しでも望ましいものに 変えようとするための、 一 連の行 為 He r b

    e r t A . S i m o n | “ T h e S c i e n c e o f t h e A r t i fi c i a l ” , T h e Ma s s a c h u s e t t s In s t i t u t e o f Te c h n o l o g y, 1 9 7 8 172
  59. 179.

    雑っぴ んぐ   ダーティプロトタイプ ロイヤルカスタマー 二 郎 # za t

    sudan、してる? 計 画を記 号に表す IDEO HCD 正しくないデ ザイン Designer s think big! イテレーティブとインクリメンタル プロトコル イコン・インデックス・シンボ ル ブリコラージュ デ ザイン 語 源 一 貫 性と継 続 性  アドビ ISO 13407 デ ザイン批 評 S t yle Manual 魂 動 エフェクチュエーション デ ザイン思 考 アブ ダクション デ ザイン サービスデ ザイン コンテンツストラテジー - o m a k e k e y w o r d s -