今回は、クライアントとの意識のすりあわせの中で重要な要件定義のポイントについて書いていきたいと思います。 そもそも要件定義とは？ 現場でよくある「要件定義」。言葉は立派に見えますが、そもそもどういうことなのでしょうか。改めて調べてみました。 要件定義とは、システムやソフトウェアの開発において、実装すべき機能や満たすべき性能などのを明確にしていく作業のこと。いわゆる上流工程の一部で、実際の開発・実装作業を始める前に行う作業の一つである。 要件定義では、利用者がそのシステムなどで何がしたいのかを元に、それを実現するために実装しなければならない機能や、達成しなければならない性能などを開発者が検討して明確にしていく。まとめられた成果は「要件定義書」として文書化されることが多い。 引用元：要件定義とは – IT用語辞典 http://e-words.jp/w/要件定義.html すこしわかりにくいで

Webディレクターの毎日は、協力的でものわかりのいいクライアントとスムーズにやりとりしながら、クオリティの高い制作物を完成させていく…なんて順風満帆なことばかりではありません。むしろ「クライアントの要望がどんどん増えて困った」「言った、言わないでモメた」「炎上した」、挙句の果てに、スタッフは徹夜でボロボロ、お金も請求できなかった…そんなトラブルの数々に頭を抱えることのほうが多いかもしれません。 しかし、『失敗しないWeb制作 プロジェクト監理のタテマエと実践』（ワークスコーポレーション）の著者・みどりかわえみこさんによると、トラブルを避けながら制作物のクオリティを上げるためには、「きちんと要件定義を行う」こと重要とのこと。要件定義をしたことがない人も、してはいるけど本当に必要なのかイマイチ分からないという人も、今一度要件定義について学んでみましょう。 目次 今さら聞けない!?イロハのイ～そ

私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？

Webディレクターというのは、プロジェクトを推進するうえで欠かすことのできない存在です。しかし、Webのディレクションという行為が曖昧で多岐にわたり、それゆえに職務にグレーゾーンが発生し、その認識の違いでコミュニケーションエラーが発生しているという面もあるのではないでしょうか。 そういったリスクを最小限に抑えるために、うちの会社なりのWebディレクターの定義をはっきりさせようとずっと考えていたのですが、その一環で、Webディレクターがやってはいけない行動、というものをまとめてみました。今日はこれを紹介したいと思います。 1. クライアントの言いなりになる。クライアントの心象を害さないことを最優先に考え、言いなりになってしまってはいけません。クライアントは専門家ではないので、間違ったことを言うこともあります。また、現実的なスケジュールを考えずに要望を安請け合いすれば、プロジェクトが混乱して、

先日行ったディレクターワークショップについて、ちょいちょいスライドが見たい！とのお声をいただいたので今更ながら公開します。 勢いよく書き上げたものな上、しゃべりまくる前提で書いてしまったのでかなり読みにくいとは思いますが、全画面表示すれば多分何とかなるんじゃないかなーとか思います。 ワークショップ資料01 初日に公開したもの。 ワークショップのそもそもの目的からサイトコンセプトの考え方。コンセプトシートの実際の作り方などについて書いてあります。 今回は課題がコーポレートサイトのリニューアルだったこともあり、そこそこ汎用的な内容になってる・・・といいなぁ。 このスライドを見ながらあれこれしゃべった後、実際に参加者全員でエンドクライアントを囲んでヒアリング大会を行いました。以前あげたレポートでも書きましたが、自分以外の人が何を書くのか？は結構興味深かったですね。 ワークショップ資料02 こちら

企画書やコンセプトシート作成に使えるテンプレートと例文を見ていく前に、まずは分かりやすい企画書やコンセプトシートのコツを掴みましょう。このコツはワンシートで収める場合にも必要になってくる要素です。 コツ①：もっとも伝えたいテーマを最初に提示企画書やコンセプトシートを作成する1つ目のコツは、もっとも伝えたいテーマ（商品案や改善案など）を最初に提示して、後からその理由や経緯を説明していくことです。その際に大事なのは、「説明が伝えたいテーマからぶれない」という点です。 コツ②：テーマの邪魔にならないシンプルなデザイン2つ目のコツは、とにかくシンプルデザインで簡潔に、正確な言葉づかいを徹底する点です。企画書やコンセプトシートでは、確かに図式や装飾も必要ですが、テーマを伝えるために不要なものなら極力削除した方が見やすくなるでしょう。 企画書やコンセプトシートに盛り込む内容は6つ↓↓↓企画書やコンセプ

もう１０年以上デザインを行い１００は越える制作をしてきましたが駆け出しの頃はノイローゼになるは、何度もこの業界を辞めよようと思ったか。。そんな苦労を皆様にして欲しくないと思い僕の制作ノウハウをお伝えし更に「コンセプトシート」「ヒアリングシート」をプレゼントします。Webデザイナーをこれから志す人や、未経験だけどWebデザイナーになりたい人にも必見です。 デザインの仕事は本当に大変 WEB制作（ホームページ制作）をしている方は必ず悩む事、それはWEB制作をいかにスムーズにするかという事です。 中でもとびきり面倒な事として上げられるのがクライアントから「デザインを作っても何度もリテイクをくらう」ということです。 更に制作したのは良いが効果が出ないとクレームが来ることです。。。 制作の進め方は個人に依存してしまう。 過去私も同じような経験をしております、この業界色々な事が出来る分制作の方法はその

1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 久しぶりの更新となりました。 今回は、Web制作はもちろんビジネスモデルの確立まで、僕が頼りっぱなしの小道具「XMind」の紹介です。あわせてWebサイトを企画する方法にも触れてみたいと思います。 さて、時々いただく質問で、「Webサイトを作りたいけど、始め方がわかりません」というのがあります。 初心者さんにとって、作りたいWebサイトのイメージをなんとなく浮かべることはできても、どんな内容にすればいいのか、どこから制作を始めてどこを終わりにすればいいのか、具体的に企画するのは難しいことなのでしょう。

「社会人デビューはWebディレクター。でも実はどんな仕事かよく分かっていない……」「Webデザイナーだったけど配置転換でディレクターに。これからどんなことを学べばいいの？」　この春、Webディレクターになった人のために、ぜひ身につけておきたいスキルと知識をざっくりまとめてみました。 1.コミュニケーションスキル Webディレクターは、企業によって「企画系」「クリエイティブ系」「システム系」「営業系」などいろいろなタイプがありますが、共通して必要なのがコミュニケーションスキルです。ヒアリング、提案、プレゼンなど、クライアントと受注までに話し合わなければならないことはたくさんあります。受注後は、デザイナー、エンジニア、外注先など、スタッフとのコミュニケーションも重要です。 Webディレクターがクライアントと上手にコミュニケーションをとるには、2つのポイントがあります。ひとつは、相手の話をよく聞

1973年福井県生まれ。東京学芸大学卒業。ソフトバンクモバイル株式会社（現ソフトバンク株式会社）などで17年にわたり移動体通信事業に従事。2010年に孫正義社長（現会長）の後継者育成機関であるソフトバンクアカデミア第1期生に選考され第1位を獲得。孫社長に直接プレゼンして事業提案を承認されたほか、孫社長のプレゼン資料づくりにも携わった。その卓越したプレゼン力を部下に伝授するとともに、チーム内の会議も改革。超高速PDCAを回しながら、チームの生産性を倍加させて、次々とプロジェクトを成功させた。マネジャーとしての実績を評価され、ソフトバンク子会社の社外取締役をはじめ数多くのプロジェクトを任された。2013年12月にソフトバンクを退社、独立。ソフトバンク、ヤフー株式会社、大手鉄道会社などのプレゼンテーション講師を歴任するほか、UQコミュニケーションズなどで会議術の研修も実施。著書に『社内プレゼンの

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

グロースハッカーは新しいマーケティング責任者だ 現在、データサイエンティストと並んで、シリコンバレーで最もセクシーな仕事と言われているグロースハッカー。製品やサービスの成長をハック（＝新たなやり方で加速する）する人たちです。”ユーザー獲得担当エンジニア”などとも呼ばれています。 優秀なグロースハッカー達は豊富な広告費や予算がなくても、サービスのユーザー数やリテンション率を飛躍的に伸ばすことができる人たちです。グロースハッカーはスタートアップ企業だけでなく、すでにユーザーを多く抱えているエスタブリッシュメント企業からも引っ張りだこになっています。 グロースハッカーの名前が知れ渡ったのは、2012年のアメリカの大統領選でした。 共和党のミット・ロムニー陣営は、スタートアップでグロースハックの実績のあるアーロン・ジーンに招き入れ、グロースハックをかなりヘビーに実行しました。（ジーンのチームは数時

Web担当者Forumの連載コーナー、「海外&国内SEO情報ウォッチ」を更新しました。 今週取り上げた記事は次のとおりです。 今週のピックアップ (not provided)で隠されたグーグル検索のキーワードがわかる「検索アナリティクス」ついに登場 日本語で読めるSEO/SEM情報 ウェブマスターツールが「Google Search Console」に改名 🐼 検索結果のクリック率が絵文字でアップするのか試してみた 🐧 1か月でサイトをモバイルフレンドリーにしよう グーグル公式情報まとめ アップルが独自のウェブクローラを開発、検索エンジンを始めるのか？ 海外のSEO/SEM情報を日本語でピックアップ Bingもモバイルフレンドリーアップデートを予告 パンダとペンギンがリアルタイムかどうかの真相がついに判明 誘導ページとは何かをあなたは正しく理解できているか？ サイトマップに必要なタグは

「Clone Zone」は指定したページのクローンサイトが簡単に作れるサービスです。そっくりそのまま同じページを作ることができますよ。デモ用に現在あるページを一部改変したいときなどに使えますね。くれぐれも悪用厳禁で。 以下に使ってみた様子を載せておきます。まずClone Zoneへアクセスしましょう。左上にクローン元にしたいページのURLを貼り付けます。 しばらくすると指定したページの解析がおわり、編集モードに入ります。テキストを変更したり太文字にしたり小さな修正を入れることが可能。完了したら右下のSaveボタンから保存します。 その後、URLを決めて完了です。このようにそっくりそのままクローンしたサイトが作れました。既存のページを参考に、デモページなどを作りたいときにどうぞ。 Clone Zone （カメきち）

無料で便利なワイヤーフレームツール4選 POP https://marvelapp.com/pop/ スマートフォンから手書きのワイヤーフレームを撮影して、ページとページを紐付けることができるアプリです。 こちらの動画を見ていただく方が、言葉でご説明するより早そうです。 スマートフォンサイトのワイヤーフレームはどうしても縦長になりがちな印象がありますが、このように実際のスマートフォンから確認ができれば、そこまで気にならなくなるかもしれません。プレゼンテーションにもオススメです。 Justinmind Prototyper http://www.justinmind.com こちらはインストールして使用するツールです。 インストールすると、最初にデバイスを選択する画面がポップアップで表示されます。 次に作成するサイズを選択します。 するとこのような画面になります。 あとは必要な要素を左からド

Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの

こんにちは。Webディレクターまっつんです。 僕自身もいまだそう思ってるうちの一人なのですが、EC運用って大変ですよね。どれだけ頑張ってUIなど改善しても...なかなか...はい。 恐らく以下のような（かつての僕と同じ）悩みを抱えている方も多いのではないかな？と思います。 それなりにPVもUUあるのにCVが上がらない 詳細ページの写真もたくさん載せたしタイトルや説明文も練ったのに離脱が減らない 競合サイトでは売れてる商品なのにいまいち売れない しかし上記は、自身が運営側にいるとどーしたらいいのか分からず混乱しやすい部分。 なので、以下 Web制作と運営のための 写真撮影＆ディレクション教本 で僕が学んだ「なんとかするためのポイント」をまとめてみようと思います。 商品写真はユーザーにとって「商品の価値と期待」そのもの そもそもECに商品の写真が載っているのは、ユーザーが商品を直接見れないから