【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ
アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ
「ファシリテーション」というディレクション必須スキルの要点まとめ
はいこんにちは。ディレ協 関西の出原です。 最近あっちゃこっちゃで耳にする「ファシリテーション」について、Webディレクタースクール（デスクトップワークス）の田口真行さんの講演を聞く機会がありましたのでちょっとレポートしてみます。 いやいや、完全に舐めてました。ファシリテーション、ディレクターにとっては必須スキルっすよ。これ。 まずファシリテーションってなに？ 一般的には「会議の進行をスムーズにする人＆そのスキル」みたいな認識になっている（ような気がする）ファシリテーション。 講師の田口さん曰く、Webディレクションにおけるファシリテーションとは「ブレインストーミング（ブレスト）という大海原に漂う船を目的地にたどり着かせること」。つまり、ファシリテーターとは船におけるキャプテンを指すんだそう。 ......うーむ、わかったような分からないような。 なんだか難しそうに聞こえてしまいますが、実
Webディレクター向けChromeアドオン10選（基本編）
目に青葉山ほととぎす初鰹。みなさまいかがお過ごしでしょうか。ディレクターをしているluckyと申します。ゴールデンウィークが終わり、早くも夏休みに思いを馳せている方々も多いかと思います。私もそのひとりですが… ここはひとつ気合を入れるべく、ビシッ！と業務改善に繋がるようなGoogle Chromeのアドオンをご紹介させていただきます。今回はディレクター業務を行う上で便利だと感じた、ごく基本的なものを10個チョイスしてみました。 目次 そもそもアドオンってなに？ Awesome Screenshot QRcode maker ColorZilla 文字数カウンタ Cache Killer Page Ruler ウェブタイムマシン Ghostery AdMatrix Analytics Evernote Web Clipper 結論 そもそもアドオンってなに？ ・ブラウザに新機能を追加できる簡
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
Web制作をもっとスムーズに！制作現場の全員が理解しておきたいクライアントの気持ち。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのまさしです。 あっという間に夏みたいに暑くなりましたね！ こう暖かいと外に出て仕事したくなっちゃいますよね♪ さて、Web制作に携わる方でしたら、クライアントとの認識にズレがあって、なかなか仕事が先に進まないなどの経験をされた方もいらっしゃるのではないでしょうか。 クライアントの気持ちを理解するだけで、制作はもっとスムーズに進行します。 ですから、Web制作の流れをクライアントに理解してもらう前に、まずクライアントの気持ちを理解してみることをおすすめします。 今日は、クライアントとの認識にズレが生じている際のクライアント側の気持ちを解説したいと思います。 一度、顧客視点になって考えてみると、進め方にも工夫が出てくるかもしれません。制作フローの見直しや顧客との関係づくりの何かの気づきになれば幸いです。 クライアントは素人です クライアントと話す際に専門用語を使った
いわゆる『制作ディレクター』は不要になるかもしれない...という話
はいどーも。ナカムラです。 またムダに煽りまくりなタイトルですが、今回は このところ割と本気で感じている「ディレクター不要になるかも論」についてちょっと書いてみようかと思います。 ディレクションは本来、事業側でやったほうが効率がいい このブログでもちょいちょい書いてきましたが、元々ディレクション領域って事業側がやるべきなんですよね。 だって「どんなマーケットで」「誰に対して」「何を感じて」「何をしてもらえばいいか？」 これを具体的に考えて決めていくのって、やっぱり事業側メインのほうが早いんですもの。 ただ、実際の制作の現場においては... 「専門用語分からん！」 「webやらアプリやらのユーザー特性知らん！」 という人たちが事業側に多かったので、極めて暫定的なニーズとして『翻訳者としての制作ディレクター』が必要とされてきたんだろうなー...と。 で、その状態になった要因をもうちょっと分解し
常に先手を意識する、Webディレクターとしてのリスクマネジメント術 - 仕事の話アレコレ - Writing Mode
なぜか最近、いろんな人からトラブルの相談を持ちかけられることが多いです。 「みんな大変だ。苦労してるなぁ」と思いつつ、でも、それって実はちょっとした「気づき」で回避できたことなんじゃないの？ と思うことも少なくない。 忙しいときはついつい単純なミスを起こしがち。やっぱり人間が関わる以上ヒューマンエラーはなくならない。かく言う僕も結構いい加減なところがあるのを自覚していて、いい意味で自分をまったく信用していません。 ミスを起こしてしまうこと、トラブルが起きることを前提にワークフローを組んでおくことはとても重要。将来、発生しうるリスクはなるべく先回りして潰しておきましょう。 すべての基本は前倒しから 子どもの頃、夏休みの最終日に宿題をやりはじめていたような人はディレクターをやっちゃいけない人種だと思うのです。究極的に言えば、そういうこと。 作業にかかる工数がどれぐらいかということと関係なく、ス
Webコンテンツを作り始める前にオーディエンスのニーズを探るための、5つのプロセスとヒント | Moz - SEOとインバウンドマーケティングの実践情報
コンテンツマーケティングで失敗しないためのプロセスとヒントさて、僕がここで推奨するプロセスやヒントですべてを網羅できるわけではない。このテーマはもっとずっと多岐にわたる。 ただし、少なくともこれから言う5つを守れば、コンテンツへの投資をよりいっそう効果的に行えるようになると思う。 コンテンツ作成にとりかかる前に、自分の業界やニッチ、コミュニティについて知る何よりも大切なことだ。 ハル氏が、天気の専門家をどこで探せばいいのか知らなかったら、とにかく天気に関する掲示板をグーグルで検索し、最初のリンクをそのままクリックするだろう。その場合、もしかしたら、リーチしようとしている人々のコミュニティからさほど重視されていない場所に行き着いてしまうことになるかもしれない。 サイトやページをすべて理解し、ソーシャルメディア上のコミュニティで大きな影響力を持つインフルエンサーがだれなのかを把握し、どのウェブ
Webディレクターがサイト公開前にチェックしたい11のこと！ | MONSTER DIVE
こんにちは、ディレクターの藤原です。 Webディレクターとはどんな職務なのか？ そもそも"ディレクション"とは何を指すのか？ Webプロダクション業界内でも会社によってその捉え方は異なります。また同じ会社でもプロジェクトが異なれば役回りも変わってきます。ただ、どんなプロジェクトでもWebディレクター職の人間なら「ここを気をつけている」というポイントがいくつかあります。 "Webサイト"と呼ばれる媒体の機能が多様化してきている昨今、一概にそのすべてを洗い出すことは困難ですが、今回のブログでは「Webディレクターがサイト公開前にチェックしたい11のこと」をテーマに、いくつか基本的なポイントをまとめてみたいと思います。 1. 最低限のSEO対策チェック どんな趣旨のサイトでも、METAタグの抜け漏れチェックと同時に最低限のSEO対策チェックを行います。これは検索結果で上位に目立つため...という
ページアップ後ディレクターがチェックすべきポイントと便利ツール5つ
HTMLページをアップ後にWebディレクターが特にチェックすべきポイントと、そのチェックをするために便利なツール5つをご紹介します。 1. コーディングミスの有無を調べる コーディングミスについて コーディングは、Firefoxのアドオン、HTML Validatorでチェックします。 まずはHTML Validatorをダウンロードします。 こちらの右下に赤で×印があると、コーディングにミスがあるということを示しています。 （緑のチェックマークは、ミスがないことを表しています。） 赤の×印をダブルクリックして、ソース画面を開きます。 エラーのある行番号と、そのエラー内容がわかります。内容は英語なのですが、なんとなくわかるはず。 この場合は、ID名が重複しているよ、ってことです。 このエラー内容をコーダーさんに伝えて、修正をしてもらいます。 2. JavaScriptエラーの有無を調べる
進行管理が上手なディレクターの特徴 | Web制作に関するブログ | 株式会社シロクロ
職業柄色々な会社のWebディレクターと一緒に仕事をします。画面設計やスケジューリングなど、人によって一つひとつやり方が違うので、仕事をしながらディレクション業務を学べるメリットがあります。その中で、仕事がしやすい、進行がスムーズだなと感じた方の特徴をまとめてみました。 連絡がまめでレスポンスが早い個人的に一番の特徴はこれでしょうか。進行管理が上手な方はとにかく連絡がまめです。いつでも連絡がつくし、必要なことはその都度報告がきます。そして反応が早い。こちらが何か質問すると、すぐにクライアントに確認をとり、即座に返信がきます。場合によっては、質問している間に作業が止まることもあるので、レスポンスが早いというのは、それだけで制作側にとっては心強い存在なのです。 スケジュールにディレクターチェックと、その修正作業の時間をいれている例えばデザインの初稿を提出する時、一般的にはクライアントの前にディレ
Web制作のクライアントにヒアリングしたい項目と意識すべき重要なこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターの まさしです。 ディレクターは、お客様の悩みや課題を解決へ導く、とても素敵な仕事ですよね！ お客様の課題が解決され、喜びが共有できたときが、ディレクターにとって一番嬉しい瞬間でしょう。（制作物が公開されたときよりも） さて、お客様の課題解決をしたい場合は、まずはヒアリングから始めますよね。 今日は、このヒアリングという部分において、一番重要だなと思っていることをお話しできればと思います。 何が一番重要かは、人によって違うかと思いますが、僕にとって一番だなと思う点をご紹介させていただきます。 ディレクターの皆さんと、その先にいるクライアントさんに少しでも良い気づきがあれば幸いです。 お客様が本当に依頼したいこと 僕がヒアリング時に一番重要だなと思っていることは、ビジネスモデルです。 まずWebサイトを作る際に、主に考えないといけない目線としては以下の2つがあげられ
納品前 品質・納品チェックシート | コムテブログ
TL;DR テスト環境、本番と同じ環境にサイトを置いたときに確認しておきたいことってなんだろう。公開後のクレームやトラブルを防いだり、サイト公開・納品前にサイトの品質を上げるためにチェックしておきたいことをまとめました。大切だけど意外とチェックし忘れそうな内容を知りたいとき、過去の失敗をもとに作成したシートを公開します。 機能 要件定義をもとに指定の機能が実装済か確認します。 項目 解説
コンテンツを高品質にする為に必要な 10 の要素 | 毒舌プランナーの異論持論
Webサイトにおいてコンテンツの品質はそのサイトの価値を表します。 それは即ち、価値があるか無価値かを判断される事となり、無価値のサイトに投資するユーザーはいません。 投資されないという事は、Webとして存在意義がないのと同等です。 端的に言えば、見られないWebサイトに意味はない、という事です。 もしWebサイトをマネジメントし、より良いものとしたいのならば、コンテンツの品質にこそ目を向けましょう。 コンテンツとは「情報の中身」を意味する単語であり、Webを構成する一単位であり、一要素です。 まずは現存するコンテンツの見直し、そして新たなコンテンツルールを定義していきましょう。 今回、サンプルパターンとして、高品質なコンテンツ作りに必要な要素を十個に纏めてみました。 まず、各要素については、下記の通りです。 企画 – プラン - 設計 – デザイン - 運営 – マネジメント - 制限
【無料配布】Web制作における書類一式、そしてドキュメントの必要性について毒舌プランナーが語ってみた | 毒舌プランナーの異論持論
小規模・中規模のWeb制作ぐらいしかした事ないしがない身の上の私ですが。 システム系に関しては、大きな案件に携わったことがあります。 その案件というのが、某大学のシラバス管理システムの構築です。 学校相手だと、支払いなどはすっきりしてるんですが作業内容の範囲で色々揉めた苦い記憶があります。 IT業界自体は「サービス業」というのを痛感した案件でもありました。 他にもEC-Cubeなどがメジャーではなかった頃、Zen-CartというECシステムを使った事もあります。 この頃のECシステムの印象はとにかく安っぽい、でした。 機能面でもデザイン面でも、カスタマイズしなければまったくもって使い物になりません。 カスタマイズに関しては今も一緒ですが、提供される機能が多くはなかったので、 殆ど一からプログラムを書くという状況で、中々大変でしたね。 さて、わざわざ身の上話をする為に記事を書いたわけではあり
WEBサイト制作前やデザイン制作時に欠かせないヒアリングシートを作り直してみた | WEBとかデザインとか | アスパラブログ | アスパラガス
制作依頼時のヒアリングシート ヒアリングシートの内容には、業種によって様々なものがあると思いますが、WEB制作に関して言えば、制作依頼のお話が来た時点や、検討されている段階で、お客様の考えをアウトプットすることに大きな目的があり、その内容をもとにサイトの方向性や目標等を定めていきます。 アウトプットする内容としては、大きく分けて以下のような項目になると思います。 ■ WEBサイト構築の背景・目的 ■ WEBサイトのタイプ（企業サイト、製品紹介サイト・ECサイト、etc...） ■ ターゲットとするエンドユーザーの層 ■ WEBサイトから期待する効果 ■ 同業種・競合他社の有無とその動向 ■ 予算と制作スケジュール ■ 保守・管理に関して WEBサイトを"意味のある・効果のある"ものへと作り上げていく上で、上記項目は欠かすことのできない情報となります。 これらを踏まえた上で、その他様々なヒア
これは助かる！Web制作を円滑に進めるために役立つ資料テンプレート
クライアントとの更新やりとりを10倍楽にする（か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
2015年 Webディレクターに必須な11個のスキルまとめ | Web担当者Forum
はじめまして。katharsisの丸山純一郎と申します。 1998年頃からWeb制作にたずさわっております。 長年、ディレクターをしていますが、ディレクターに求められるスキルというのは年々増えていると感じます。 またWeb制作プロダクション以外の社内でのWeb担当者においてもディレクションスキルが必要な場面も多いかと思います。 ここに書く以外にも求められる能力はありますが、今現在何に手をつけていいかわからないという方は是非参考にしていただければと思います。 また制作を専門に行ってる方はディレクターは普段何をしているのかを知っていただければと思います。 新年年明けということもあり、Webディレクターが身につけておきたいスキルについてまとめてみました。2015にちなんで2015のスキルにしようかとも思いましたが11個にしぼりましたので是非お読みください。健康管理や社会人としてのマナーは含まれて
第20回リクリセミナー「Webディレクターの頭の中」 に参加してきました。
第20回リクリセミナー「Webディレクターの頭の中」 に参加してきました。 Publish2014/10/27(月) 2014/10/25（土）に中央会計セミナールームで行われた第20回リクリセミナー「Webディレクターの頭の中」に参加してきました。 このブログでも何度か書いてますが、僕はこの「リクリ」というイベントが非常に好きです。 全体の構成や空気感、会場内の雰囲気とかが他のセミナーとかとは違うレベルで、とても楽しくかつ勉強になるのでできる限り参加しているわけですが、例に漏れず今回も最高でした。 各セッションを聞いて思った事 セッション内容の細かい部分は置いておいて、その話を聞いてなるほどなと思った部分や、こういう事を考えていたという事を書いておきます。 はじめに一応書いておきますが、これから書く事は全て僕の主観です。 登壇された方がそういう意味で言ってないだろうと思う部分も僕の解釈で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
