顧客体験を作るデザイ ナーが 意思決定速度を上げるために使うAI 2024.04.12 DIST.43 Web制作の現場のためのAI活用術 @crema

とある事業会社にて ウェブだけではなく、サービスの体験、ネイティブアプリ PR関連グラフィックなど、幅広く考え＆作っています crema く　れ　ま

最終成果物には ほぼAIを使っていません

でも中間成果物には わりと使っています

中間成果物的な 「つかいどころ」 関係者との 相互理解 今後作るものの イメージ共有 疑問：イラストの 下描きについて

顧客体験の検討を スピードアップしてくれるもの 自分にとってのAIは

関係者との 相互理解

関係者との相互理解の例 6up Sketches

6up Sketches E Lean UX文脈でよく言及される手$ E 6コマのマンガで顧客体験を表5 E 棒人間でいいので絵を描くのが重要

ベビーカー電車乗り換え体験を5分で表現 代替ルートはあるかな？ アプリで見ると、飯田橋駅は エレベーターが無いのか… 赤ちゃんと電車でお出かけ、 ベビーカーでGO！ エレベーターって どこにあるの？ 遠回りだけど、代々木駅だと エレベーターで乗り換えできる ベビーカーのまま 目的地まで行けたね！

スケッチに書く言葉とプロンプトは異なる エレベーターって どこにあるの？ シンプルな線画で、以下の 様子を描いてください。 
 階段の前に若い夫婦がい て、ベビーカーを押してい る。ベビーカーの中には赤 ちゃんがいる。

速度維持のために 登場人物を揃える 努力をしていません

今後 作るものの イメージ共有

今後作るもののイメージ共有 ある種のモックアップ

商品化のアイディアなど 例） あのイラストの入った 商品を企画したい

現実に無い物を ChatGPT*に 描いてもらって 長さ5cmぐらいの小さな エコバッグを、指からぶら 下げている女性を描いて ください。 *というかDALL·Eですね

Adobe Photoshopで 生成拡張

Adobe Photoshopで 生成拡張

Adobe Photoshopで イラストを合成

このクオリティでいいの？ あくまでも 中間成果物なので！

大切なのは… 意思決定を スムースにする ツールということ

ストックフォトで良いのでは？ 探す時間より 速いかも？

疑問： イラストの 下描きに ついて

疑問 生成AIが描いた絵を 自作イラストの下描きに 使って良いのか問題

疑問 学習用データが 著作権問題をクリア していればOK？

文化庁の資料等を読んでいますが 未だ理解に至らず…

このあと 色々お話させて ください！

まとめ

意思決定の速度が上がる 自分にとってのAIの価値

最終成果物として 絵を利用する ハードルの高さ 懸念点

このあと 色々お話させて ください！

おまけ：配色の提案 夜の街のネオンをイメージした4色の配色を提案してもらえますか？ Here are four colors that evoke the vibrant neon lights of a bustling city at night6 1) Neon Blue (#00c3ff): A bright, electric blue that resembles the glow of neon signs) ) Vivid Purple (#b620e0): A deep, striking purple that adds a touch of mystery and excitement) ) Fluorescent Green (#8cff66): A lively, glowing green that stands out against the night sky) W) Hot Pink (#ff007f): A bold, eye-catching pink that adds warmth and energy to the palette. These colors can be combined to create a dynamic and vibrant palette that captures the essence of a lively nightlife scene.

こうなる