Contenu connexe
Similaire à WCAN 2014 Spring 「ホームページの使いやすさ」って、閲覧する人のためだけのもの? (20)
WCAN 2014 Spring 「ホームページの使いやすさ」って、閲覧する人のためだけのもの?
- 3. Copyright© Color fc0 Inc.
(株式会社エフシーゼロ)です!
Copyright© Color fc0 Inc.
はじめまして
藤川 麻夕子 ふじかわまゆこ
(取締役 最高事業責任者)
!3
山本 和泉やまもといずみ
(代表取締役キャプテン)
- 4. Copyright© Color fc0 Inc.
沿革
• 2000年
大阪と埼玉でそれぞれフリーランスで
Web制作をスタート
• 2007年4月
東京都新宿区に(自宅兼)事務所を持ち、
フリーランスユニットを結成
• 2008年11月11日
法人化
!4
- 6. Copyright© Color fc0 Inc.
業務内容
• 受託のWeb制作会社だけど、あんまりデザインと
かマークアップはやってない(あとで説明)
• 初心者の人(個人、企業のWeb担当者)に
対する制作や運用のアドバイザー
• 「プランナー」「コンサルタント」
「プロデューサー」「ディレクター」
を混ぜた感じ?
!6
- 9. Copyright© Color fc0 Inc.
企業理念
もっと多くの人に Webへの入口 を。
!9
1.Webが楽しく身近であることを伝える
2.Webとのつながりを持とうとする人を助ける
3.Webを通じてほんとうに必要な人に出会う場をつくる
4.作った「入口」をあらゆる人の未来の利益につなげる
↑これを基準に、仕事をお引き受けするかどうかを決めてます
- 12. Copyright© Color fc0 Inc.
本日のお話
運用しやすいホームページを作るために、
私たちが何をしているかというお話です。
!12
1. 私たちがやってきたこと、やっていること
2. 運用しやすいホームページをつくるための
3ステップ
3. 運用しやすいホームページのメリット
4. 運用しにくいホームページにしないために
- 14. Copyright© Color fc0 Inc.
フリーランスでそれぞれがやってきたこと
• 制作会社経由の案件がほとんどなく、
あってもオペレーション的なものではなかった
• デザインだけとかプログラムだけとか、
部分的な案件はあまり請けてこなかった
• ほとんど対外的な営業はしておらず、
ご紹介のみで仕事をいただいてきた
• お客さんと直接やりとりをして、
「一緒にホームページをつくること」をしてきた
!14
- 17. Copyright© Color fc0 Inc.
目的?
• 売上を上げたい
• お客さんにもっと来てほしい
• お問い合せ数を増やしたい
• 優秀な人材がほしい
!17
どうすればよいかを
一緒に考えて、作っていく
- 20. Copyright© Color fc0 Inc.
デザインは目的を聞いて初めて考えるもの
!20
そもそも
デザイン=グラフィックデザイン
じゃない
動きだって文章だってレイアウトだって
運用フローだって
全部デザイン
- 21. Copyright© Color fc0 Inc.
デザインという言葉の意味(Wikipedia)
• デザインの語源は 計画を記号に表す という
意味のラテン語designareである。
• つまりデザインとは、ある問題を解決
するために思考・概念の組み立て
を行い、それを様々な媒体に応じ
て表現することと解される。
!21
- 22. Copyright© Color fc0 Inc.
ホームページ=目的を達成する手段
きれいなホームページを
つくることじゃない
!22
「目的を達成するための」
ホームページをつくることを
お客さんにわかってもらう
- 23. Copyright© Color fc0 Inc.
でも、目的は簡単にはわからない
• 目的は大体の場合危機感から生まれている
• でも初回のヒアリングでは
お客さんは危機感をあまり話さない。
!23
だから、
読み取る
- 25. Copyright© Color fc0 Inc.
お客さんに心を開いてもらう
• 私たちの敷居を下げる
→お客さんの業界についてアマチュアである
• Webに関する話のアドバンテージをとる
→Web制作のプロとしての安心感
• 基本的に非常にラフな感じで接する
• 心を開いてもらうために、こちらも心を開く
!25
- 26. Copyright© Color fc0 Inc.
Web制作のプロとはなにか?
• お客さんの話がちゃんと聞けて、
• それをユーザー視点でどう伝えるかを
考えられて、
• それを実現するための技術を提案できる
知識と説得力があり、
• 実際にそれをつくれる立場にある人(会社)
!26
- 27. Copyright© Color fc0 Inc.
業界について知る努力をする
お客さんの業界のことは
必死で勉強
!27
その会社やサービスや商品のことを
売りたい
という気持ちを本気で持つまでやる
- 28. Copyright© Color fc0 Inc.
でも「セオリー」はない
• むしろセオリーなんてつくってはいけない
!28
私たちが
お客さんのやり方に合わせる
お客さんによって対応が異なるのは当たり前
• セオリーをつくらないように頑張る
ことがセオリーかも。
- 30. Copyright© Color fc0 Inc.
質問
「ユーザー」って誰なんでしょう?
!30
Webサイト制作において、
と言われているときの、
「ユーザビリティ」とか
「UI」
(ユーザーインターフェース)
- 32. Copyright© Color fc0 Inc.
「閲覧者」に使いやすいホームページ?
• そもそもホームページって、
誰かに見て(使って)もらうため
につくる
• それお客さんもわかってる。
求めてる。
!32
それって、Web制作のプロは
実現できてあたりまえじゃない?
- 36. Copyright© Color fc0 Inc.
「運営者」に使いやすいホームページ?
• 運営者が使う
=自分でホームページを更新する
•運営者がお客さんであることが、
もっともホームページの力を引き出せる
!36
- 38. Copyright© Color fc0 Inc.
ホームページを育てるってどういうこと?
• 目的を達成するために、
ホームページを「いじる」こと
• いじった結果を見て、また「いじる」
!38
これを繰り返して、ホームページを
ゴールに近づけていく
こと
- 39. Copyright© Color fc0 Inc.
よかったらここも見てね
!39
http://support.bizyou.jp/column/knowledge/
「ホームページを育てるための 心得帳
∼ほったらかしのホームページを救え!∼
- 40. Copyright© Color fc0 Inc.
制作者と運営者はゴールが違う
• 制作すればゴールと考える制作会社も
多いかもしれない
• でもお客さんはそこからがスタート
なのよ
• 私たちは「お客さんのゴール」の
ためにホームページをつくりたい(大変)
!40
- 41. Copyright© Color fc0 Inc.
お客さんにとってのゴールはどこ?
ホームページを使って
「お客さんがいい状況になること」
!41
目的をどれだけきちんと把握できるかで、
設計の質が変わる
=目的達成に近づく
- 45. Copyright© Color fc0 Inc.
主語は「お客さん」以外にないのよ。
• WPとかMTとかのCMSのエントリー
画面でHTMLで調整とかないわー
• CMSで運用したほうがいいという
判断をしたら、
運用しやすい管理画面
とかも考えないと
!45
- 46. Copyright© Color fc0 Inc.
「WordPressならなんでもできます」
小規模サイトなのにWPを使ってたり?
!46
お客さんができることより
自分が得意なことが優先
になってない?
- 47. Copyright© Color fc0 Inc.
更新と運用のことを先に考えないとね
• なんのためにそこの更新が必要なの?
• 誰が更新するの?
• 制作者と運営者との作業の切り分け
!47
- 48. Copyright© Color fc0 Inc.
「ひとつのシステムで管理するから便利!」
ひとつのシステムでいろんなしくみを
まかなうのは、
運営者視点だと結構難しい
!48
情報の管理を
分散
したほうがいいこともあるよね
- 49. Copyright© Color fc0 Inc.
Webサービスを使って何が悪い
• ブログもECサイト作成サービスも
いい感じのものがたくさんある
• SNSもだいぶ使える
• (プロなら)カスタマイズも結構
できるでしょ
!49
- 50. Copyright© Color fc0 Inc.
「FacebookとかTwitter使って拡散!」
• そもそもそれ、
拡散するようなコンテンツなの?
• お客さんにそれできるの?
!50
- 57. Copyright© Color fc0 Inc.
できることを活かす
ホームページはよくわかんないけど
!57
• Excelは使えるって人結構いる
• メールはできるって人も結構いる
PCは苦手だけど
だったらそれを活かして更新をすればよい
• スマホは得意☆って人はいっぱいいる
- 60. Copyright© Color fc0 Inc.
使える範囲を限定する
自由度が高いのは
制作者だけでよい
運営者にもそうである必要はない
!60
ただし目的をきちんと知った上でやらないと、
できないことだらけのサイトになっちゃう
- 71. Copyright© Color fc0 Inc.
IKEA効果
!71
自身で時間をかけて
製作したものに対して
愛着が強まり、
過大評価する傾向がある
ハーバード・ビジネススクール助教授マイケル・ノートン氏
- 72. Copyright© Color fc0 Inc.
お客さんが運用しやすい=運用提案しやすい
運用しやすいサイトだとお客さんに
!72
「これやってください」
それが数字に直結するものなら
なおさら☆
と言いやすい
- 75. Copyright© Color fc0 Inc.
納品しましたー!
あとはがんばってー!
これめっちゃ多い
こういう案件を弊社で引き取ること多いです。
っていうか大変な方引き取りますよ(にやり)
!75
- 77. Copyright© Color fc0 Inc.
できないと言い切るまえにちょっと考える
「(CMSとかの)仕様なので
できません」
!77
だいたいは、"
それは仕様ではなくスキルの問題だったりする
- 78. Copyright© Color fc0 Inc.
上級テクニック:ミニマムに順次公開
6割 GO
!78
実際に運用してみて、"
運用フローや公開後の評判"
などを確認
120%のクオリティを出すために"
まずは完成の6割で公開