WebデザイナーがデザインするWebページの一つに、広告を経由して1ページ内で商材の特長を説明し、お問い合わせや購入へと導く「ランディングページ」があります。 ランディングページは、ユーザの興味を惹くビジュアルの魅力（シズル感）を特に強調したり、瞬時に内容を理解させるためのメリハリのコントロール力も特に求められるため、高いクオリティでページ全体をまとめ上げるには、幅広い表現力が求められます。 私もこれまで多くのランディングページのデザインに関わってきましたが、過去を振り返ると、制作に与えられる時間はタイトな割に、ページ内に掲載するボリュームは非常に多く、またメリハリを出すために様々な表現をいくつもの箇所で検討しなければならない、というケースが多々ありました。 デザイナーにとっては、いかにして効率的に、早く、且つ高品質でランディングページをデザインするのか？が大きな課題になるわけですが、多く

2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今

「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手

今のWeb制作は分業制である。Webサイトが完成するまでに、ビジネス戦略の策定があり、コンテンツの企画があり、情報設計があり、デザインがあり、フロントエンド実装があり、サーバサイドの開発があった後、公開されてユーザの目に触れる。しかしメンバーのほとんどは、その中の一部を担っているに過ぎない。 分業にはメリットとデメリットがある。メリットはもちろん生産効率のような面もあるが、それ以外に、自らの専門性を集中して、研ぎ澄ませることができることがあげられる。一方デメリットとしては、専門分野以外の視点が弱くなることがあげられる。 分業では、自らが担当する専門分野以外のことはやりません、それは決めてから指示してください、といった言い分もまかり通る。分業による生産の高速化を活かすには、ある程度は明確な役割分担も必要ではある。 しかしながら、明確な役割分担が行われることと、ベストなアウトプットを生み出すこ

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

今日は、「マーケティング業務に必要な知識」の調査データの情報をお届けします。ガートナーさんが調べたもので、上位は「企画・立案能力」「データ分析能力」「マーケティング全般の経験・知識」でした。 「マーケティング業務の変化に関する調査結果」を、ガートナー ジャパンが発表しました。 ガートナー、マーケティング業務の変化に関する調査結果を発表マーケ業務にもっとも必要なスキルは企画・立案マーケティング業務において必要なスキルに関する質問では、次のような回答でした。 「重要であり絶対に必要」と回答した人の多かった上位の項目は次のとおり。 企画・立案能力（72.1%）データ分析能力（62.4%）マーケティング全般の経験／知識（54.7%）社内調整力（53.1%）プレゼンテーション能力（43.5%）デジタル・マーケティング専門の経験／知識（36.1%）スキルの重要性でいうと、「デジタルマーケティングの経験

デジタルとテクノロジーの急激な発達でデザイナーの役割に大きな変化が訪れようとしている。 これまでにもグラフィックからWeb、WebからモバイルUIからUX、そしてジェネレーティブAIなど、次から次へとデザイナーが身につけなければならないスキルの量と種類が増えてきている。 それに加え、最近ではビジネスのフィールドにおいてのデザイナーの役割にも大きな注目が集まり、デザイン中心の考えから生み出されるプロダクトも増えてきている。 1. 優れたデザイナーになりたいならまずはコミュ力を磨けチーム内におけるデザイナーの仕事内容に求められるスキルも変わりつつある。例えばデザイナーの仕事は大きく分けると； 1/3が正しい人から適切な情報を引き出すこと、1/3が絵を描くデザイン作業、そして残りの1/3が出来たものの情報を正しい人に正しく伝えることである。 これからも分かる通り、デザイナーの仕事の実に2/3がコ

こんにちは、まきこです。 アンジュルムの佐々木莉佳子ちゃんがとてもかわいいので、毎日がだいたい楽しいです！ さて、みなさんは、サイトの背景色ってどれくらい気にしていますか？ わたしは、なんとなく白を選んで置きにいってしまうことが多いんですよね……。でも、もっと幅広い表現のために、背景色の使い方の引き出しを広げたいなーと最近は考えています。そこで今回は、背景色の使い方が印象的なサイトを、使い方ごとに分類してご紹介します！ 強めの色を大胆に使う 1. heyblend http://www.heyblend.com/ アメリカのクリエイティブ集団のサイト。 背景色に赤を大胆に取りいれていて、かっこいいですよね！ 赤といっても少し白が混ざったような色で、大人っぽいスタイリッシュな雰囲気にまとまっています。下層ページも潔く赤いんですが、写真とぶつかることなく、うるさくないのにしっかり個性的。こうい

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アプリはコンテンツやサービスを提供するための、今日（こんにち）の主流かつ確かな方法です。しかし、飽和状態の市場でユーザーを満足させ、その興味をつなぎとめるために、どうすればモバイルアプリは意義や価値のあるものとなるのでしょうか。 この記事では、素晴らしいモバイルUXを作る鍵となる、UXデザインのための７つのヒントをご紹介します。 １. 一つの画面につき、一つの操作 ユーザーが情報を取得する際の努力を軽減する 皆さんがデザインするアプリの画面では、ユーザーにとって最も価値のある一つの動作を助長するものでなければなりません。各画面を一つの目的だけのためにデザインし、Call to Action（行動喚起）は一つに留めましょう。こうすることで、ユーザーはアプリを理解・

営業やマネージャーにとって、現場にいるプログラマというのは扱いづらい存在である。 飲み会などで、普段の彼らを観察してみると。同じエンジニア同士で固まってボソボソとよくわからない話をして、控えめな声で笑っており、総じて温厚で、扱いやすそうな人々に見える。 ところが、仕事になると、彼らはなんやかんのと理由をつけて、スケジュールに文句を言い、プロジェクト途中のリクエストには素直に答えてくれず、あげくには遠回しな嫌味を言ってきたり、極端な場合には、その温厚な仮面を投げ捨てて、攻撃的な暴言さえ吐く事がある。 どうも彼らは我々の事が嫌いらしい、と感じている営業・マネジメント職の人もいるのではないだろうか？ 彼らの人格や価値観に問題がある可能性も否定しないが、このような感情的な齟齬は、多くの場合、あなた自身が彼らの「自尊心」を傷つけていることに気づいていないことが多い。 プログラマの自尊心 プログラミン

Webディレクターとして働く中で「自分はこれだけ会社に貢献しているのに、年収はこの程度しかない。もしかして自分の能力は正当に評価されていないのではないか」といった不満を秘かに抱いている方も多いのではないでしょうか。 そこで、この記事では、「もっとやりがいのある仕事をしたい」「もっと年収を上げたい」といった上昇志向のあるWebディレクターに向けて、具体的に一体何をすべきなのか、マイナビクリエイターのキャリアアドバイザーが解説します。 （2023.08.22更新） キャリアアドバイザー プロフィール Y.Tsunoda ゲーム業界からWeb・IT業界まで、幅広くクリエイティブ業界全般を担当。前職の接客経験で培った「親しみやすさ」を武器に、機械的なヒアリングではなく、親身になった相談で『常に転職希望者に寄り添い、5年後のキャリアまで一緒に想像し、伴走していく』ことを心がけている。 Webディレク

Webクリエイター職の中でも、最も求人数・転職希望者数、共に多い職種がWebディレクターです。しかし実際に求人要項を読むと、企業ごとに大きく仕事内容が異なるなど、転職の際に戸惑う人も多いのではないでしょうか。 今回は「Webディレクター」という仕事の概要や課せられるミッションなど、ご紹介できればと思います。 Webディレクターは、クリエイター達を率いる「指揮者」 Webディレクターの仕事とは、「Webディレクション」、すなわちWebサイトを制作するにあたって、Webデザイナー、プログラマー、ライター、SEO担当者など、様々な専門性を持つクリエイター達を統括し、そのサイトに求められる目的を達成することです。チームのメンバーを率いる「指揮者」のような役目と言えばわかりやすいかもしれません。 またサイト制作の管理責任者として、制作スケジュールの設定や予算、進行、品質などの管理を行いますが、デベロ

Webサイト構築の現場に欠かせない存在がWebディレクターです。Webディレクターに求められる役割は、業界、企業、プロジェクト、さらに職場環境によって大きく異なってくるため「業務がイメージしにくい」という人もいるのではないでしょうか。 そこで今回は、広範囲にわたるWebディレクターの仕事内容、業種別に求められる役割、スキルなどを詳しく解説します。 ぜひこの記事をチェックしてWebディレクターについての理解を深めてください。（2023.08.22更新） Webディレクターとは Webディレクターとは、Webサイト制作における指揮、進行管理を担う職種です。 クライアントの目的にかなったWebサイトを制作するため、デザインやコーディングなど直接コンテンツ制作に関わるクリエイターやプロジェクトメンバーをまとめ上げ、プロジェクトを円滑に進める舵取り役といった立場であると言えます。 限られた予算と納期

WebプロデューサーとWebディレクター、Web関連の求人情報を見ていると、よく目にする職種です。今回は「この2職種が担っている役割の違いは？」「各職種の年収や募集人数の傾向は？」「それぞれが何を考えて働いているのか？」など、WebプロデューサーとWebディレクターを具体的に比較しながら、その違いを解説していきます。 計画立案者がWebプロデューサー、実務遂行者がWebディレクター まずはWebプロデューサーとWebディレクターの一般的な業務の違いを見ていきましょう。 通常、Webサイトの事業責任を負う人間のことをWebプロデューサーと呼びます。運用フェーズにあるWebサイトであれば、年間予算の策定や資金調達、運用方針の決定などを行います。また、運用中のサイトが赤字に転落したり、ユーザーとのあいだでトラブルが発生したりした場合は、その責任も負うのが通常です。新たにWebサイトを立ち上げるケ

Webディレクターといっても、所属する会社によって業務内容は大きく異なります。今回は、事業会社で働くWebディレクターの仕事の魅力とキャリアパスについて書きたいと思います。これから事業会社のWebディレクター（Web担当者、Webマスター）を目指している人、転職を検討している人はぜひチェックしてみてください。 ── 事業会社とは 事業会社とは、「他企業の依頼を受託しWeb制作物を納品することで収益を得ている制作会社」とは違い、「自社でWebサービス、Webメディアを運営し収益を得ている会社」を意味します。ECサイトを運営している企業がわかりやすいと思いますが、『ZOZOTOWN』を運営している株式会社スタートトゥデイや『BUYMA』を運営している株式会社エニグモなどが、代表的でしょう。Webメディア運営企業で言えば、当社マイナビも就職サイト『マイナビ2018』や転職サイト『マイナビ転職』な

Webディレクターの仕事は、制作会社と事業会社で大きく異なります。今回は、制作会社でWebディレクターとして働く意味と魅力、そして実際の業務内容を現場視点でたっぷりと紹介します。転職にあたって「制作会社と事業会社、どちらが自分に向いているんだろう？」と迷っている人は、ぜひチェックしてみてください。 制作会社のWebディレクターだからこそできる5つのこと まず、制作会社のWebディレクターとして働く魅力をチェックしてみましょう。タスクが多い、業務範囲が広すぎるなど、マイナス面を強調されるケースもありますが、制作会社のWebディレクターの仕事には、他の仕事では得ることのできないやりがいやキャリアアップのチャンスがごろごろと転がっています。仕事への向き合い方一つで、大量のタスクは宝の山に変貌するのです。 1. クライアントに合わせて様々なWebサイトに携わることができる まず、制作会社でWebデ

今、企業に求められているWebディレクターとは、どのような知識とスキルを持つ人材なのでしょうか？ 今回は、Webディレクターとしてステップアップしていくために必要な知識とスキルを、6分野22種類にまとめてみました。沢山あるように思いますが、これらスキルセットを一つひとつ丁寧に習得できれば、あなたもきっと一流のWebディレクターになるはずです。早速、具体的に求められる行動と共に、確認していきましょう。（2022.08.01更新） ヒューマンスキル編 Webディレクターに最も必要なスキルの1つが「ヒューマンスキル」です。これが、ほかのクリエイティブ職と大きく異なる点と言えます。Webサイトの「方向性＝ディレクション」を示し、他者に対して「指示=ディレクション」をすることで、優れた創作物を生み出すのが、Webディレクターの仕事です。 01. リーダーシップ Webディレクターに求められる「リーダ

近年、SEOを取り巻く状況が急激に変化し、WebディレクターにもSEOに関する知識・スキルを求める声が強くなっています。大きな企業では、SEOスキルの普及を目的としたセミナーなどが実施される例も多いようです。 今回は、なぜWebディレクターにSEOスキルが求められているのか、WebディレクターがどのようにSEOに向き合えばいいのかを実践的なテクニックとともに紹介していきます。 なぜ今、WebディレクターにSEOスキルが求められているのか SEOとは、「Search Engine Optimization」の頭文字を取った言葉で、日本語で言うと「検索エンジン最適化」という意味です。平たく言うと、GoogleやYahoo!などの検索エンジンで、ユーザーによる検索が行われた際に、検索結果の上位に目的のWebサイト、Webページを表示させようとする技術や取り組みのことです。 もちろん「SEO」とい

「Webディレクターって実際にはどんな仕事をしているの？」今回は、そんな疑問に徹底的に答えていきましょう。 事業会社、制作会社のWebディレクターのスタンダードな1日のスケジュールのほか、個性豊かな3人のWebディレクターの実際の1日の様子も紹介いたします。「なぜ、そのようなスケジュールになっているのか」「業務上で注意している点」なども豊富に語っていますので、ぜひ参考にしてください。 Webディレクターの1日の流れを事業会社と制作会社で比較してみよう Webディレクターは、事業会社系と制作会社系の2種類に大別されます。事業会社のWebディレクターと制作会社のWebディレクターとでは、業務内容が大きく違い、時間の使い方も異なります。そこでまずは、事業会社と制作会社それぞれの、Webディレクターのよくある1日を比較してみましょう。 事業会社と制作会社のWebディレクターのよくある1日の流れ 事

編集者の理想的な人物像とは？ Webメディアを運営するために必要なスキル ―― Web担当者Forum 編集長 安田英久氏インタビュー 企業のWeb担当者はもちろん、Web業界の関係者なら「誰もが知っている」と言っても過言ではない「Web担当者Forum」。2006年7月の開設以来、10年以上にわたって企業サイト運用やマーケティングに関連するノウハウ、技術解説、インタビュー、ニュースといった実践的なコンテンツを発信し続けている。 今回は「Web担当者Forum」を立ち上げてここまで育て上げた編集長の安田英久氏に、Webメディアを運営する上で必要なスキルやWebメディアの編集者として理想的な人物像などについてお伺いした。 Web担当者がハッピーに仕事をうまく進めるためのメディアを目指して ── まず「Web担当者Forum」というメディアの概要を教えていただけますでしょうか。 安田氏：極めて