Uploaded byYasuhisa Hasegawa
コンテンツから始まる新しいWebワークフロー
CSS Nite in AOMORI 基調講演資料。 マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。 コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
コンテンツから始まる新しいWebワークフロー
- 1. 長谷川恭久CSS Nite inAOMORI, Vol.7 2013年4月27日 コンテンツから始まる新しいWebワークフロー
- 2. ハ セ ガワ ヤ ス ヒ サ yhassy
- 3. CSS Nite inTAKAMATSU （2012） ‣ 進むマルチデバイス化 ‣ 多種多様なWebとの関わり ‣ 従来の作り方の限界
- 5.
- 7.
- 8.
- 9.
- 10.
- 11. コンテンツ ‣ 後回しにしないコンテンツ開発 ‣ マルチデバイス化への構造化 ‣人のためになるコンテンツ配信
- 12. ‣ カンプはリスクになる ‣ 模索ができる『何か』 ‣使い勝手や画面遷移 プロトタイプ
- 13.
- 14.
- 15. プロトタイプ ‣ プロトタイプの目的が明確になる ‣ ツールの選定がしやすくなる ‣仮説を基にしたプロトタイプの設計
- 16.
- 17.
- 18.
- 24.
- 25.
- 27.
- 28. ‣ なぜアクセスされているのか？ ‣ なぜお問い合わせボタンを押さない？ ‣ソーシャル経由は直帰率がなぜ高い？ 分析・解析
- 29.
- 30. ‣ サイトパフォーマンス ダッシュボード http://bit.ly/11vzaQS ‣直帰しなかったソーシャルトラフィック http://bit.ly/11vzKht ‣ Not Provided 以外のオルガニック検索 http://bit.ly/11vAbbv ‣ タブレット以外のモバイルトラフィック http://bit.ly/11vAmn2 ‣ 時間ごとにトラフィックを解析 http://bit.ly/hrdreport
- 31.
- 33.
- 34. Design is howit works デザインはどのように機能するかである。
- 35.
- 36. データ収集 分析・解析 ゴール設定 ‣ターゲット利用者が本当に必要なコンテンツの開発 ‣ 実現可能なコンテンツ配信の計画ができる ‣ フォーカスされることによりコスト削減 ‣ 様々なチャンネルで一貫したメッセージ配信
- 37.
- 38.
- 39. プロトタイプ ブログ記事からお問い合わせへ誘導したい 導線を複数提案 スケッチ / HTML/ 画像ツール 検証・調整
- 42.
- 43.
- 44. ビジュアル ターゲットに合ったビジュアルは何？ スタイルブック・見本帳 色 / 形/ 雰囲気の擦り合わせ 検証・調整
- 46. ‣ ボタン ‣ ヘッダー ‣ボックス ‣ リスト ‣ ボタン ‣ 本文 ‣ 画像・写真 ‣ テーブル
- 47.
- 48.
- 49.
- 50.
- 51.