CSS Nite in SAPPORO, Vol.7「マーケティングとWebデザインのよい関係」まとめ

ハム (´ ºムº `) / HAMWORKS @h2ham

ラスク各種を各テーブルでシェア中のスイーツタム #cssnite_sapporo7

にちあま@ウェブディレクター @nishi_yama

若返りのム様。 #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

CSS Nite恒例 あいこじゃんけん。 #cssnite_sapporo7

にちあま@ウェブディレクター @nishi_yama

プレゼントじゃんけんに勝って興奮のム様。 #cssnite_sapporo7

HB_sai @hb_sai

ドーナツからはじまるセミナー…#cssnite_sapporo7 http://t.co/Y8d2Rwmi

拡大

ハム (´ ºムº `) / HAMWORKS @h2ham

最初はドアラ…藤田さんのセッション。『価値を伝える→しくみづくりとしての情報設計』旭川出身の道産子！ #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

藤田さん自身の黒歴史紹介！？ #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

ひとり目のセッションはじまります。KDDIウェブコミュニケーションズ藤田さん（ @junko_fujita ）の「価値をつたえる → しくみづくりとしての情報設計」です。顔出しNGにつき、シェアの際はドアラを顔に貼付ける加工をお願いいたしますw #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

情報設計（IA）：ユーザーが何をどのようにしておｄのような情報を得るか？を考える仕事 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

KDDIウェブコミュニケーションズはレンタルサーバー「CPI」、CMSサービス「Jimdo」などのWebサービスを展開しています。サービスの大半は自社で制作をしていて、コンテンツ構成やボタン配置の情報設計を行うのが、藤田さんのお仕事です #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

お客様にとって価値のあるものは何か？を起点に考える。 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

サービスコンセプトの策定／「誰に向けて」「何が課題で」「どのような解決策を我々が持っているのか」を考える #cssnite_sapporo7

にちあま@ウェブディレクター @nishi_yama

「サービスコンセントは強い想い」、いい言葉ですね。 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

ユーザータイムライン／お客様の購入までの行動（どのような感情を持って接するのか、どこで離脱するのか）を時間軸の中で検討 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

ペルソナ・ストーリー／お客様のイメージを具体化する。「どんな属性で「どんな課題があって」「何を求めているのか」を仮説として見立てる #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

妄想で作るのではなく、仮設として見立てる。こういうユーザーさんが使うよねという仮設など #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

お客様が何を価値と思って使っているのかを考えて作る #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

デザインコンセプトの策定／サービスに対するイメージを周りの人に抜き出してもらった。だいたいは4つに分類される。今回は「シンプル、スマート、わくわく、硬さ」になった #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

文系だと数値が２個以上入っていると思考停止。 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

「直感的操作のできる画面にしてください！」とはよく言われるのだが、何が直感的操作なのかと聞くと具体的に説明できない。かと言ってデザイナー側で「直感的操作」を考えるとデザイナーに取っての「直感的」にしかならない #cssnite_sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

デザインで「直感的操作のできる画面にしてください！」・・・ #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

藤田さんが実際に携わったプロジェクトフロー事例を紹介。終点にある「衝撃の結末」とは #cssnite_sapporo7

Yurin @robo_yurin

普段ユーザー側の管理画面の設計構築ストーリーはかなり興味深い #cssnite-sapporo7

ハム (´ ºムº `) / HAMWORKS @h2ham

画面設計の前にペーパープロトタイピングを行ったお話、そういえばCSS Nite in SAPPORO,Vol.5でも林さんが話していたことを思い出す。 #cssnite_sapporo7

cssnite_sapporo @cssnite_sapporo

画面設計の前に「ペーパープロトタイピング」をした。紙に印刷して切り抜いたフォーム部品を並べて検討。藤田さんは手作りしてしまったが、UXPinを使うと便利 http://t.co/JTlTeYvo #cssnite_sapporo7