CSS Nite in OKAYAMA, Vol.7

CSS Nite in Okayama @cssnite_okayama

ヒートマップ解析を入れることで、ページのどこに興味を持ってもらっているかを解析することが出来る。 #cssnite

CSS Nite in Okayama @cssnite_okayama

ファン獲得のため、顧客体験価値を提供したり、ユーザーが欲しい情報を公開するようなメディア施策を取る。ファンが一人増えると、口コミによる評判が期待できます #cssnite

渡辺 正憲 @mwata8

購買は「最安」「最高」「ファン」から #cssnite

ありみち🇯🇵🌸🎌 @arimichiKondo

顧客体験価値。うちのはなんだろ？#cssnite

CSS Nite in Okayama @cssnite_okayama

阿部さん、ありがとうございました！ CPIスタッフブログまだ見たことない人はぜひこちらから #cssnite shared-blog.kddi-web.com

CSS Nite in Okayama @cssnite_okayama

CSS Nite in OKAYAMA, Vol.7 ご参加のみなさま、アンケートのご記載にご協力お願いします。感想や質問、印象に残ったキーワードなどなんでもOKです。 #cssnite

CSS Nite in Okayama @cssnite_okayama

セッション２は、株式会社スイッチ・鷹野雅弘さんで「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」です。 #cssnite

CSS Nite in Okayama @cssnite_okayama

どういうところでタッチポイント（接点）を出すか #cssnite

CSS Nite in Okayama @cssnite_okayama

・どんなツールを使って？ ・あなたは誰？ ・誰に向けて？ ワイヤーフレームを描きますか？ #cssnite

CSS Nite in Okayama @cssnite_okayama

ワイヤーフレームといっても、想定しているものが人によって異なる #cssnite

CSS Nite in Okayama @cssnite_okayama

CSS Nite LP53 のセッションいいとこどり！まず一つは田口さんのセッションから。「ワイヤーフレームは作らない！」→「ワイヤーフレームをワイヤーフレームと呼ばない」 #cssnite

ymkwさん @yantona

そういえば、ワイヤーフレームを作って、こんな感じで、ってクライアントに見せたら、そのままデザインが採用されたことがあるw #cssnite

CSS Nite in Okayama @cssnite_okayama

ワイヤーフレームは、コミュニケーションツールとして、発注者側には合意形成、製作者側には指示書として。 #cssnite

bg @bitgleams

（ハッシュタグメモ） : あー、今日の #cssnite は、岡山ですか。

CSS Nite in Okayama @cssnite_okayama

ペルソナを設定したり、A/Bテストで意思決定を行ってみる #cssnite

CSS Nite in Okayama @cssnite_okayama

CSS Nite LP53 のセッションいいとこどり！2つ目は、まぼろしの益子さん、松田さんのセッションから。 #cssnite

CSS Nite in Okayama @cssnite_okayama

ひとくちにワイヤーフレームとっても、作る人によって出来上がるものが違うよね（クライアント担当者・ディレクター・デザイナー） #cssnite

CSS Nite in Okayama @cssnite_okayama

タイプ（発想） １．インパクト勝負のランディングページ発想 ２．情報分類に重きをおいたツリー発想 ３．コンポーネント重視のスタイルガイド発想 #cssnite

CSS Nite in Okayama @cssnite_okayama

ワイヤーフレームとは「その時までに達した合意を形にしたもの」 #cssnite

CSS Nite in Okayama @cssnite_okayama

次のフローでは合意形成がさらに進むので、デザインカンプやプロトタイプがワイヤーフレーム通りである必要はなく、むしろ発展している状態となるはず #cssnite

CSS Nite in Okayama @cssnite_okayama

「確定していること」「自分で考える余地」が明確になっていると作業が進めやすい #cssnite

CSS Nite in Okayama @cssnite_okayama

ワークフローについては ・すばやくフロー（とにかくつくる） ・ほどほどフロー（ページ構成を考えつつUIは考慮しない） ・じっくりフロー（UIまでしっかり設計） #cssnite

CSS Nite in Okayama @cssnite_okayama

クライアント側・制作側の双方との合意を意識したワイヤーフレームならベストだけど、クライアントの方だけ向いたワイヤーフレームを読み解くのもツライ #cssnite

CSS Nite in Okayama @cssnite_okayama

そこでデザイナーもエンジニアもワイヤーフレームに口出しする（ただしワイヤーフレーム制作時の文脈は知っておくことが条件） #cssnite

CSS Nite in Okayama @cssnite_okayama

まぼろしさんでは、InVis\ionや、XD、Dropboxなどを用いてスタッフ間でワイヤーフレームにコメントを追記している #cssnite