Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
実例で見るWebデザイン   CGFM LLC. 金内和子
実例ふくおかNPOセンターWebサイトリニューアル  2011年9月オープン
リニューアル前
適切に情報が届けられない              情報         情報              関心クライアント             エンドユーザー
情報を整理サイトに必要な情報を洗い出していきます。
情報を再構築最初は線と文字のみで情報を構成します。この段階で情報の重要度を決定し、デザインルールに従って配置していきます。
リニューアル結果
Before   トップページ
After   トップページ
After   トップページ   ナビゲーション改善
After   トップページメッセージを明確化
After   トップページ                 対象ユーザーを明確に                  して、導線を分割
After   設立主旨                 図解入りで               主旨がつかみやすく
After   イベント情報                 テーマや時期別で                  探しやすく改善
効果的な情報伝達が可能に          情報         関心クライアント         エンドユーザー    デザインで解決!!
デザイン          =利用者と提供者との架け橋情報の分析/デザインのルールに基づいて設計可能
デザインで顧客の心をわしづかみしましょう    ご清聴ありがとうございました。
Upcoming SlideShare
Loading in …5
×

SwitchOn! Vol.1 WebDesign

1,144 views

Published on

Published in: Design
  • Be the first to comment

SwitchOn! Vol.1 WebDesign

  1. 1. 実例で見るWebデザイン CGFM LLC. 金内和子
  2. 2. 実例ふくおかNPOセンターWebサイトリニューアル 2011年9月オープン
  3. 3. リニューアル前
  4. 4. 適切に情報が届けられない 情報 情報 関心クライアント エンドユーザー
  5. 5. 情報を整理サイトに必要な情報を洗い出していきます。
  6. 6. 情報を再構築最初は線と文字のみで情報を構成します。この段階で情報の重要度を決定し、デザインルールに従って配置していきます。
  7. 7. リニューアル結果
  8. 8. Before トップページ
  9. 9. After トップページ
  10. 10. After トップページ ナビゲーション改善
  11. 11. After トップページメッセージを明確化
  12. 12. After トップページ 対象ユーザーを明確に して、導線を分割
  13. 13. After 設立主旨 図解入りで 主旨がつかみやすく
  14. 14. After イベント情報 テーマや時期別で 探しやすく改善
  15. 15. 効果的な情報伝達が可能に 情報 関心クライアント エンドユーザー デザインで解決!!
  16. 16. デザイン =利用者と提供者との架け橋情報の分析/デザインのルールに基づいて設計可能
  17. 17. デザインで顧客の心をわしづかみしましょう ご清聴ありがとうございました。

×