タグ

ブックマーク / creators-manual.com (13)

  • 新人WEBディレクターに教えたい。オリエンテーションとヒアリング

    以前WEBディレクターの仕事について簡単に記事にしましたが、今回からもう少し詳しく、1つ1つの仕事について紹介させていただこうと思います。 WEBディレクターの仕事というのは非常に多岐にわたっていて、一言でこんな仕事をしているよ!とは言えません。Webディレクターはプロジェクトの受注からサイト企画・進行管理・運用などさまざまな業務に関わり、案件を滞りなく進めていくことが主な役割です。そのため基的にサイト制作のすべてにWEBディレクターは顔を出します。だからこそ一言でWEBディレクターの仕事を表すのは難しいんですね。 オリエンテーション・ヒアリング クライアントからお問い合わせを受け、受注に至るまでには大きく分けて5つのフローが存在します。その中から今回はWEBディレクターの最初の仕事であるオリエンテーションとヒアリングのポイントを紹介させていただきます。オリエンテーションやヒアリングはW

    新人WEBディレクターに教えたい。オリエンテーションとヒアリング
    glat_design
    glat_design 2012/08/31
    社内なら何人かの相手を把握するだけで作って欲しいものが作りやすいけど、外注はより大変よね… /
  • デザイナーだから考える。青色が与える27の効果と7つの活用例

    今年のお盆休みは友人旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。申し訳ありません。今週は月曜日から時差ボケのような感じで、あまりシャッキっとできていないんですが、頑張ってブログを更新して行こうと思います! 今日は、前回の「デザイナーだから考える。赤色が与える27の効果と6つの活用例」に引き続き「デザイナーだから考える。青色が与える27の効果と7つの活用例」について紹介させていただきます。青を基調としたデザインを考えるときにこの記事が役立てば幸いです。 青色を利用した7つの活用例 まずここでは、青色を取り入れたデザインや製品などを例に、青色が持つ効果やイメージについて紹介させていただきます。 聖母マリアのマントの青は「神秘的な印象与える」 地球上に存在する「物」としての青は、手にとって触れることの難しい色です。例えば世界中で見ることので

    デザイナーだから考える。青色が与える27の効果と7つの活用例
    glat_design
    glat_design 2012/08/23
    お、色シリーズだ。こういう風に、一個づつ説明したほうがさらっと色んな色について書くより踏み込めて良いよね /
  • クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

    WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在

    クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
    glat_design
    glat_design 2012/08/06
    「小さな変更だけで上がる」というと懐疑的に見られたりするんだけど、例えばボタンに「買えません」って書いてあったら売上下がるよね。そう言う事だと思う
  • ホームページ成功への道はすべてここから始まる。目的・目標の明確化

    実際にホームページを作り始める前に、プロのWEBクリエイター達がもっとも意識する点は、おそらく【Webサイトを制作する目的・目標を明確にすること】だと思います。なぜこの目的・目標の明確化をもっとも意識するのか。それは目的・目標こそがホームページの成功を根底から左右させるからです。 今日はそんな目的・目標の大切さや、明確にする方法を紹介させていただきます。あなたがクライアントのために作ったWEBサイトには明確な目的・目標がありますか?新人webディレクター・デザイナーには特にこのことを考えていただきたいと思います。 ほとんどの人は、目的や目標を自然に考えながら生活をしています。 例えば鏡の前で『夏までにやせなきゃ!こんな体、彼氏に見せられない!』と思った場合。人は『彼氏にもっと好きになってもらうために、美しく引き締まった体を作り、キレイだと思ってもらう』という目的を作り、どんな手段を用いて目

    ホームページ成功への道はすべてここから始まる。目的・目標の明確化
    glat_design
    glat_design 2012/07/20
    最初に目的と目標を共有しておけばあとで要望がブレだしても説得できる。相手の意向も大事だけど訳わかんないことにならないかじ取りも必要ですよね /
  • あなたが作ったサイトのフッターの役割は?12のフッター活用方法!

    昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか!」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか? ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか? スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ

    あなたが作ったサイトのフッターの役割は?12のフッター活用方法!
    glat_design
    glat_design 2012/06/21
    フッタの使い方もまだ定まってなかったので参考にさせて頂きますw
  • ビーチに落ちているガラスがお金に変わる!超ハッピーなアイデア!

    金曜日のNEWSZEROでとてもハッピーなアイデアが紹介されていていたので、ご紹介したいと思います。 皆さんはビーチグラス(シーグラス)という物をご存知でしょうか?私は海が好きなので夏になると、浜辺でビーチグラスを拾って眺めたりするんですが、このビーチグラス、湘南の町ではお金として使用することができるんです(正確には協賛店舗で使えるそうです)。ちなみにビーチグラスは浜辺に落ちているガラスのことです。波に揉まれ角が取れ、曇りガラスのようになっています。 ※このアイキャッチ画像はビーチグラスを加工してブレスレットにしたものです。 ビーチグラスがお金に変わるきっかけ なぜこのビーチガラスが湘南の町でお金として使われるようになったのか。それは「地元の浜を綺麗にしたい」という思いを持った堀直也さん(サーファー)のゴミ拾い活動から始まったそうです。 堀直也さんは自分の好きな浜辺を綺麗にしようと、日々ご

    ビーチに落ちているガラスがお金に変わる!超ハッピーなアイデア!
    glat_design
    glat_design 2012/06/12
    ほんとにそうだなーと思う。別にくだらなくてもいい、「何かもらえる」って結構バカに出来ない。商品は、達成の「シンボル」なんですよね。
  • Webユーザビリティを改善するための5つのポイントと方法

    先日の記事[競合サイト調査・分析に必要なチェック項目と役立つツール達!]でユーザビリティの調査・分析方法を軽く紹介しましたが、今回はWebユーザビリティを改善するための5つのポイントと方法を紹介したいと思います。 まずユーザビリティとは何なのかについて軽く触れておきます。先日の記事でも紹介しましたが、それは【使い勝手】のことです。WEBユーザビリティの改善とはすなわち、WEBサイトの使い勝手を良くするということになります。ではその使い勝手とは何なのか。それは単純に【使いやすさの程度をあらわした言葉】のことです。使い勝手が良いということは、使った人から見てその【何か】は使いやすかったということになります。そして今回のこの記事は【どうしたらユーザーに使いやすいと感じてもらえるのか】について紹介しています。 この【WEBユーザビリティを改善するための5つのポイントと方法】は下記の項目で紹介するヤ

    Webユーザビリティを改善するための5つのポイントと方法
    glat_design
    glat_design 2012/06/08
    チェック表として使えそう。参考に
  • 競合サイト調査・分析に必要なチェック項目と役立つツール達!

    たいていの人は何らかの商品を購入する時、似たような商品の中から一番気に入ったものを買うと思います。そのため、自社商品を他社商品よりも多く購入してもらうには、お客様に「これが一番良い!」と思ってもらえる商品でなければなりません。 お客様に自社商品を一番だと思ってもらうには、競合他社の調査・分析は欠かせません。自社と他社の違い(差)を理解することが、より優れた商品やサービスの開発に繋がります。 これはWEBサイト制作でも同じです。競合サイトの調査分析をすることで、どのようにWEBサイトを組み立てたら、競合サイトよりも優れたサイトになるかが見えてきます。 そこで今回は、競合他社のサイト調査・分析に必要なチェック項目と、役立つツール・調査方法を簡単にまとめて紹介したいと思います。 最初にライバルだと思われる会社のターゲットユーザーを調べることが必要です。これを調べると【実際にその企業がライバルと言

    競合サイト調査・分析に必要なチェック項目と役立つツール達!
    glat_design
    glat_design 2012/06/05
    web制作に関する様々なジャンルに関するチェック表とツールのまとめ
  • HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】

    自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね!ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)! 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、当に動くのか心配だったんですが、きちんと動いてくれました!このテ

    HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
    glat_design
    glat_design 2012/05/30
    おおー、素のテンプレートか。僕もじき作りたいので参考に。
  • 商用利用も無料!手書き風アイコン122種類!

    今日は私が集めているアイコンのいくつかを紹介させていただきます。今回は商用利用も無料(商用フリー)でOK!という気前のいい手書き風のアイコンをまとめました。ここで紹介するアイコンは全てリンクも不要で使えますが、ダウンロードして使うときは念のためライセンスの確認をしてくださいね! ではどうぞ。 19 Freehand drawn sketch icons ダウンロード先:Visit site 実際に手書きで作成したものをスキャンしてイラレでクリーンアップしたものです。 HAND DRAWING ICONS SET ダウンロード先:Visit site まさに手書き中の手書きといったアイコンです。 Handycons 2 ダウンロード先:Visit site メディア関連の手書き風アイコンです。油絵っぽい感じが実にクールですね。 FreeHand ColorStroked icon pac ダ

    商用利用も無料!手書き風アイコン122種類!
    glat_design
    glat_design 2012/05/26
    この絵の具っぽいやつなかなかいい。めったにないよね
  • WEBディレクターとして1人前になるには徹夜をしない事!

    なぜかこの業界の人は、『昨日は明け方まで仕事しちゃったよ』とか『もう3日も寝てないんだよね』と、寝ないことを自慢する人が結構な割合でいます。5年ほど前、私もそんなことを自慢する1人でした。長い時間働き、目をしばしばさせながら、上司に『今朝やっと完成しました』と、俺は超がんばったんだ!というように、恩着せがましく報告していました。 ただそのうちに、徹夜を繰り返すことが、クオリティーを低下させてしまうことや、自分のだらしなさ・能力の無さの表れなんだと気づいたんです。 私はWEBディレクターじゃないか! そう!私はWEBディレクターだったんです。要するに進行管理・スケジュール管理のエキスパートだったんです。なのに自分のスケジュール管理ができていないってどういうことなんでしょうか? 1.仕事をこなすスピードが遅かったから。 2.納期まで時間があるからといってスロースタートで案件に取り掛かったから。

    WEBディレクターとして1人前になるには徹夜をしない事!
    glat_design
    glat_design 2012/05/03
    いや全くその通り。しかも徹夜しようとか開き直るとかえってダレたりしますしね。徹夜イクナイ!
  • Webクリエイターズマニュアル

    今年のお盆休みは友人旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。...

    Webクリエイターズマニュアル
    glat_design
    glat_design 2012/04/26
    webディレクション、webデザイン、web制作に関するブログ
  • Webディレクターだから間違えるECサイトの提案(商品詳細)

    どんな業界・どんな職業に就いても同じことが言えるのですが、その業界で働いているからこそ学べることがあります。ですが、この業界特有の専門知識のせいで、勘違いが生まれてしまうこともあるんです。例えば、『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』これは私達WEB業界で働いている人であれば、よく知られたコンバージョンを上げるためのポイントの1つです。 ただ、実はこの『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』という事を提案したがために、売れないECサイトを作ってしまうことがあります。なぜか分かりますか? それは『人は買いたい商品の情報であれば、詳しく知りたい』と考えているからなんです。 今回は、WEB業界では正しいと思われているが、実は間違っている可能性のあるECサイトの提案について説明させていただきます。 当に買いたい人は商品の詳細を詳しく知りたい webデ

    Webディレクターだから間違えるECサイトの提案(商品詳細)
    glat_design
    glat_design 2012/04/26
    この事をちゃんと説明しようとしている文章ってあんまりなかったかも。良い解説!
  • 1