CSS Nite LP53「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」

LPシリーズの53弾は 「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」をテーマに開催しました(企画背景) 。

このセミナーイベントは終了しました。

概要

イベント名 CSS Nite LP53
「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」
日時 2017年9月30日(土)13:30-19:30(開場13:10)
(終演時間は変更の可能性アリ)
会場 ベルサール神田 イベントホール
東京都千代田区 神田美土代町7 住友不動産神田ビル2F
定員 300名
出演
(順不同)
参加費
  • 事前決済:9,000円
  • 当日決済:10,000円
  • 早割30:8,000円(8月31日17時まで)
  • 早割60:7,000円(7月31日17時まで)
主催 CSS Nite実行委員会
協賛
コンテスト協賛
協力 DCA デジタルクリエイター協会
司会進行
公式ツイート ふっちー @fuchie
事前登録 必要
ビデオ参加 あります。ビデオ参加とは
備考 「ワイヤーフレームコンテスト」「バナーくるくる会・出張版 メインビジュアル編」を併催します。
会場について
  • スクール形式(=机があります)
  • 全席、2人がけです
  • お隣や近くの人とちょっとしたディスカッションなどを行う場面がある可能性が高いです。
Facebook Facebookイベントページで最新情報をアップデートしています
Twitter ハッシュタグは #cssnite です。
URL https://cssnite.jp/lp/lp53/
懇親会 セミナー終了後に懇親会を予定しています(別途実費)。
2時間程度。会場内の別室に移動し、立食形式を予定しています。

会社名のうち「株式会社」などは省いています。

セッション概要と出演者のプロフィール

2018年01月04日 時点での最新情報です。セッションタイトル、内容、出演者は、状況に応じて変更する可能性があります。

プロフィールは、本セミナーイベント開催時のものです。

人を巻き込むワイヤーフレーム活用術 ー4つの活用法と問題の本質ー

今回の題材にあたる「闇」について、書籍やサイトのリサーチと私自身の体験に加え、実際に現場で働く人たちの声を聞いて回り、問題を分析。改善や解決について向き合う方法をまとめました。
  • 4つのステップでワイヤーを育てながら人を巻き込む手段
  • デザインで引っ張られる問題のポイント
  • どこまで固めたらいいか問題のポイント
  • 問題の本質はどこか。ワイヤーフレームは闇を作るのか

上記のような内容で、みなさんが普段行われているワークフローに少しずつ取り入れてもらえる「部分的に使える手段」「問題解決のヒント」をお話しします。

田島 ちはる(たじま・ちはる)

HUMORE(ユーモア)
ディレクター/デザイナー

企画デザインを主軸に、制作会社(紙媒体主体のグラフィック系)→代理店(店頭販促主体のグラフィック系)→EC系ポータルサイトのインハウスデザイナーを経て2017年に独立。

扱う媒体の広さを掲げ「目的を達成するために、誰に何を一番いい手段で届けるか」という相談から制作に取り組む傍ら、スクールで制作ツールやデザインの講師も行っている。

ブログ(HUMORE)で時々長い記事を書く事とTwitterが小さな楽しみ。

ワイヤーフレームは誰のため?
『ディレクター視点で探求する、理想的なワイヤーフレーム』

Webディレクターの業務に欠かせないワイヤーフレーム。一口にワイヤーフレームと言っても、画面構成をまとめた資料、クライアントの承認を得るためのツール、デザイナーへの指示ツールなど用途は様々です。

どこまで情報を盛り込むべきか、手書きとデジタルの使い分け(メリットとデメリット)、作り込みが逆にデザイナーの視野を狭めてしまう?、クライアントを巻き込む会議ツールとしての活用法などなど、実際の現場での成功&失敗事例を交えながら“現場で機能する理想的なワイヤーフレーム”をディレクター視点から掘り下げます。

写真:田口 真行田口 真行(たぐち・まさゆき)

株式会社デスクトップワークス 代表取締役
Webディレクタースクール 主宰

1999年、フリーのWebディレクターとして独立後、株式会社デスクトップワークスを設立。
企業サイトの企画〜設計〜制作を手掛ける傍ら、独自手法のディレクションを題材にした実践型の研修講師として全国各地での講演活動を実施。

また、Webディレクター向けのライブ配信番組『田口真行のWebディレクション講座』や、セミナーイベント『エンタミナ』の主催など幅広く活動。

著書に『現場のプロが教えるWebディレクションの最新常識 知らないと困るWebデザインの新ルール2』(エムディーエヌコーポレーション、共著)、『第一線のプロがホンネで教える 超実践的 Webディレクターの教科書』(マイナビ、共著)。
株式会社スクー「2014年度最優秀公認団体賞」受賞。CSS Nite「ベストスピーカー」を2年連続受賞(2015年、2016年殿堂入り)。

金子 夕紀(かねこ・ゆうき)

株式会社スタイルメント
Webディレクター

デザイナーを志し、2008年に業界未経験で株式会社デスクトップワークスに入社。様々なジャンルのWebサイト案件を通じて、デザインと共にディレクションをゼロから学ぶ。

その後、デザイナーとしてさらに研鑚を積み、2014年、ディレクターとしての道を進むべく株式会社スタイルメントに入社。

デスクトップワークス時代に培ったディレクション手法と、自身のデザイナーの経験を元にしたクライアント・クリエイター双方に寄り添った丁寧なディレクションで、大手食品メーカーや、大手飲食店グループなど、中〜大規模プロジェクトを手がけている。

「闇」をなくすためのコミュニケーションとユーザーテスト

デザイナーにとってワイヤーフレームは「指示」なのでしょうか?

現在、私はデザインチームのマネージメントを行っていますが、ディレクターからワイヤーフレームを受け取ったとき、「デザイナーの視点で考えて、より良いデザインを提案をしてほしい」と常に伝えています。

それぞれの視点で意見をぶつけあい、デザインをブラッシュアップさせられると考えているからです。であれば、積極的に議論をしない手はありません。

このセッションでは、楽天トラベルにおいてどのような議論をして案件を進めているのか、実例を交えながら紹介します。

林 大輔(はやし・だいすけ)

楽天株式会社
トラベル事業 プロダクトデザイン室マネージャー

1980年、東京都生まれ。Web制作会社勤務を経て、2004年8月に楽天入社。以来、楽天トラベルのWebサイト、アプリのデザインを担当。 現在はデザイン業務に加え、デザインチームのマネージメントも行う。

ワイヤーフレームに必要な視点とワークフローの再考

ワイヤーフレーム制作の具体的な方法を、どのようなページタイプか、期待されている役割は何か、誰が実際に手を動かすのかなどの観点から、実例をまじえて解説します。

プロジェクトの合意形成や意思決定をうながしたり、あとのプロセスをスムーズにするワークフローを、一緒に考えましょう。

写真:益子 貴寛益子 貴寛(ましこ・たかひろ)

株式会社まぼろし 取締役CMO

1975年、栃木県宇都宮市生まれ。Webサイトの企画、設計、プロジェクトマネジメント、リスティング広告、ソーシャルメディア運用、ランディングページ設計、SEO、アクセス解析などのWebマーケティング全般を担当。特に、ライティング業務とクライアントワークが好き。

主な著書に『Web標準の教科書』(秀和システム)、『ウェブの仕事力が上がる標準ガイドブック』シリーズ(監修・共同執筆、ボーンデジタル)、『実践!コンテンツファーストのWebサイト運用』(監修、ボーンデジタル)など。

社団法人 全日本能率連盟登録資格 Web検定 プロジェクトメンバー。

松田 直樹(まつだ・なおき)

株式会社まぼろし

ゲーム業界にて企画開発に従事した後、Web業界に転身。
2011年より株式会社まぼろしにCCOとして参加。ゲーム業界で培った企画力を生かしつつ、デザイン・マークアップ・プログラム、書籍の執筆や講演といった業務を幅広く担当している。
また、日本史の歴史系ライティング活動も行っている。

近著に『これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』(MdN・共著)、『Web制作者のためのIllustrator&ベクターデータの教科書』(インプレス・共著)がある。

デザインの考え方、つくり方

フリーランス11年目のデザイナーが、Webデザイン・冊子デザイン・イラストのお仕事をどのように進め、どんなデザインを作っているか、実例を交えてお話しします。 デザインに正解はありませんが、他のデザイナーが案件で何を考えどのように作り、どんなコミュニケーションをとっているのか、失敗も成功も交え、是非これからの制作に生かしてください。

角田 綾佳(すみだ・あやか)

spicagraph

1981年大阪生まれ。Webデザイナーとして制作会社でのアルバイトや社員を経て、2006年からフリーランスとして活動。最近ではDTPデザイン・イラストレーションも手がける。女性向けデザインやLPデザインなどを得意としている。

2011年生まれの男児を子育て中、「デザイナーのイラストノート」というブログでは、デザインの考えや日々の気づきを発信。

「バナーデザインくるくる会」拡大版

調整中

角田 綾佳(すみだ・あやか)

spicagraph

 

写真:矢野さん矢野 りん(やの・りん)

Android女子部部長/Baidu Inc. デザイナー

北海道足寄町生まれ。女子美術大学芸術学部芸術学科卒。講義活動を通してウェブサイトなど情報デザインのトレーニングを担当しつつ、執筆活動を行う。
Android端末むけ日本語入力アプリケーション「Simeji4」のビジュアルデザイン担当。GClue,Ink.制作のAndroid向けアプリ連携プラットフォーム「Blocco」UI及びビジュアルデザイン担当。MKデザインスタジオ一級建築士事務所ブランドデザイン担当。adamrockerさんと開発ユニット「rockrin'」として、おもしろAndroidアプリを制作している。

主な著書に『ウェブデザインのつくり方、インターフェイスデザインの考え方。』(MdN)、『WEBデザインメソッド-伝わるコンテンツのための理論と実践』 (ワークスコーポレーション) 『Webレイアウトの『解法』Webデザイナーのための実践的セオリー50』 『デザインのへそ
デザインの基礎体力を上げる50の仕事術
』(エムディエヌコーポレーション)など。身長152.2cm。

コンテスト

連動企画として、「ワイヤーフレームコンテスト」「バナーくるくる会・出張版 メインビジュアル編」を開催します。ぜひ、ご参加ください。

協賛企業

書籍

17冊の書籍を提供いただきました。

ボーンデジタルから

マイナビ出版から

インプレスから

SBクリエイティブから

KADOKAWA/アスキー・メディアワークスから

参加費とお申し込み

CSS Nite LP53 は有料のイベントです。
ご参加いただくには参加登録と事前決済が必要です。

参加費

すべて税込みです。

  事前決済 当日決済
早割60 早割30 それ以降
7月31日 8月31日
セミナーのみ 7,000円 8,000円 9,000円 10,000円
セミナー+懇親会 12,000円 13,000円 - -
懇親会のみ 5,500円     6,000円

地方割、ヤング割

2016年に引き続き、CSS Nite LPでは「地方割」、「ヤング割」を設け、当日に1,000円キャッシュバックします。

  条件 提示するもの
地方割 往復で1万円以上、交通費がかかる方 切符、または、領収書
ヤング割 セミナー当日、30歳に満たない方 免許証、パスポート、保険証など

キャッシュバックは、基本的に1つ目の休憩時に行います。所定の時間に受け取られない場合には無効です。

決済方法

決済に関して

決済のご確認(入金確認)

お申し込みから開催当日まで

振込連絡と入金確認メール

次に該当する場合には、お振り込み後に、フォームから、ご連絡をお願いいたします。

入金確認メールは、銀行振込された方のみにお送りしています。

受講票、カウントダウンメール

ビデオ参加

CSS Niteの有料版は、およそ90日後に、スライド/音声などを参加されていない方にも公開しています。

当日ご都合が悪い、遠方で参加が困難という方のために、フォローアップ(スライド/音声、動画)を開催後(1週間以内)に受け取れる「ビデオ参加」をご用意しています。

これまで「フォローアップ参加」という名称でしたが、「ビデオ参加」という名前に変更します。

CSS Nite LP53にビデオ参加する

開催の背景

LP53「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」について

ウェブ制作のワークフローにおいて「ワイヤーフレーム→ビジュアルデザイン」の過程にフォーカスします。

想定している参加者像

CSS Niteは、イベントの立ち位置として「Web制作者のための」というシバリを設けていますが、ほかのCSS Niteのセミナーイベントと同様、特に興味があれば、職種やレベルなどは問いません。

参考URL

CSS Niteについて

CSS Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベントです。2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていましたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っています。

都内を中心に、神戸、岡山、山梨、札幌、静岡、広島、仙台、高知、高松、福岡、大阪、青森、また、海外では韓国でも開催。マークアップ系にとどまらず、WebディレクターやSEO、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっています。

これまでに600回を越える関連イベントを通して、のべ6万人を超える方が参加するなど、Web制作業界のセミナーイベントとしてはモンスター級(2016年12月現在)。

CSS Nite LP

CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。 「アップルストア銀座でのCSS Nite(現在は休止中)をシングル盤に見立てると、LP盤(アルバム)だよね」ということで、VolではなくDiskでカウントしています。

今回はその第53弾。「LP53」はそこから来ています。

タイムテーブル

時間 # セッション 講演者
13:10 開場
13:30 オープニング
13:40 1 人を巻き込むワイヤーフレーム活用術 ー4つの活用法と問題の本質ー 田島 ちはる(HUMORE)
14:25 2 ワイヤーフレームは誰のため?
『ディレクター視点で探求する、理想的なワイヤーフレーム』
田口 真行(デスクトップワークス)、金子 夕紀(スタイルメント)
15:15 休憩
15:35 3 「闇」をなくすためのコミュニケーションとユーザーテスト 林 大輔(楽天)
16:20 4 ワイヤーフレームに必要な視点とワークフローの再考 益子 貴寛(まぼろし)、松田 直樹 (まぼろし)
17:35 休憩
17:55 5 デザインの考え方、つくり方 角田 綾佳(spicagraph)
18:30 6 コンテスト、「バナーデザインくるくる会」拡大版 角田 綾佳(spicagraph)、矢野 りん(バイドゥ)
19:10 エンディング
19:20 終了

FAQ

それぞれの質問をクリックすると、回答が開きます。すべての質問を開く

開催に関して

当日の配布資料はありますか?
ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。
ただし、撮影時に音が出る機器(携帯電話など)はご遠慮ください。
パソコンを持参した方がいいですか?
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
なお、「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。
電源はありますか?
会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください(ぜひ、電源タップなど延長できるものお持ちください)。
また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。
Twitterで実況中継してもいいですか?
はい、どうぞ。ハッシュタグは「#cssnite」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
ライブ中継してもいいですか?
こちらはご容赦ください(=NGです)。主催者サイドでライブ配信する予定はありません。なお、ビデオ参加は、ライブ配信ではなく、後日、録画した動画を共有します。

お申し込み・決済に関して

複数名で申し込む予定ですが、まとめて振り込んでもOKですか?
はい。その場合、お振り込み後に「振込名義」と、どなたの分かをフォームからご連絡ください。
申し込み時に記入したものとは異なる方法で送金したいのですが...(「PayPalを選択したけど、銀行振込したい」、「銀行振込を選択したけれど、PayPalで決済したい」、「複数人をまとめて振り込みたい」など)
問題ありません。お手数ですが、ご送金後にフォームからご連絡ください。
請求書は発行いただけますか?
PDFに限り、発行します。請求書発行依頼フォームからご連絡ください。
領収書はいただけますか?
はい。開催当日、全員にお渡しします。
法人名などの宛名の記入が必要な場合には、休憩時間に受付にてお申し出ください(事前のご連絡は不要です)。銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。なお、欠席された場合でも、ご連絡いただければ領収書をPDFで送付、または、郵送します。
セミナー+懇親会のセットで申し込みました。領収書を分けて欲しいのですが...
領収書はセミナーと懇親会で分けてご用意しています。
(必要な方には合算にてお渡しします)
諸事情で、遅刻(途中退席)しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。遅刻される場合、(すでに着席されている方の注意を削ぐため)次の転換/休憩時まで、会場の後部にて待機いただきます。
入金確認メールはいつ届きますか?
早ければ翌日。状況によっては1週間くらいかかることもあります。なお、PayPal決済の場合にはPayPalからの自動返信メールをもって入金確認としますので、CSS Niteからのメールはお送りしていません。
お申し込み者と振込名が異なる場合、こちらでは照合できません。ご連絡をお願いします。
「ビジネスデーで3日以内の決済」とのことですが、社内稟議の関係上、ご猶予いただけませんか?
はい、可能です。ただし、早期割引は決済ベースにて区切っていますので、早期割引の期限を越える場合には、差額を頂戴することがあります。
請求書(PDF)が必要な場合には、請求書発行依頼フォームからご連絡ください。

当日

何を持参すればいいですか?
筆記用具受講票をお持ちください。
長時間のセミナーですので、座布団をお持ちいただくのもよいと思います。
映画館やセミナーなどで寒いと感じることがある方は、夏冬問わず、 ひざ掛けカーディガン等をご持参ください。
受講票はいつ届きますか?
受講票は開催の1週間ほど前に、ご登録のメールアドレスにお送りします。プリントアウト不可の方は携帯電話に転送してご提示ください。それも不可能な場合には、受講者番号をお控えの上、ご来場ください。万が一、すべて忘れてしまった場合には、リストにてお名前を照合します。タイムテーブルは印刷したものをお渡しします。
会場内は飲食可能ですか?
はい、会場内は飲食可能です。長丁場ですので、軽食やおやつなどをご持参ください(ゴミはお持ち帰りいただけますようご協力をお願いします)。参加者の方のための飲み物などはご用意していません。ご自身でご用意ください(館内に自動販売機があります)。
遅刻しても入場できますか?
はい、ご入場いただけます。
電話やメールでの連絡などは不要です。なお、遅刻された方がセッション中に会場を移動されたり、また、関係者が誘導すると、すでに着席されている方の視界を遮り、注意をそいでしまいます。遅刻された場合、次の休憩、または、セッション間の転換まで後部にてお待ちいただくことがあります。
指定席ですか?
いいえ、自由席です。
視力の弱い方は、お早めにご来場いただき、見やすいお席を確保してください。
スクリーンは200インチとかなり大きいので、後ろの方のお席でも通常の視力であれば、問題なく観ることができます。見にくい場合には、途中でも席を移動してください。
空席を荷物などでふさがないようにご協力お願いします。
禁止事項はありますか?
まわりの方の迷惑となりますので、シャッター音の鳴る機器、および、タブレットでの撮影を禁止します(スマホ、タブレット、コンデジ等、デバイスを問わず)。
スライドは、追ってダウンロードいただけるように、後日、フォローアップメールにてご案内します。
スマホで撮影されたい方は、無音カメラのアプリを事前にご準備ください。
スライドはダウンロードできますか?
はい、終了後にお送りする「フォローアップメール」にて、ダウンロードのURLなどをご案内します。開催後、遅くても1週間以内にお送りしています。
無線LAN環境はありますか?
一応、ご用意しています。
「CSSNITE_A」「CSSNITE_G」、「CSS Nite参加者用」などのアクセスポイントをご利用ください(パスワードは設定していません)。ただし、接続に関して、確実にはお約束はできません。
電源はありますか?
会場内の電源を使用していただいて結構ですが、限りがあります。電源タップなどをご持参いただき、分け合って使ってください(ぜひ、電源タップなど延長できるものお持ちください)。
また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。
なお、受付周辺に、スマホ用の充電コーナーをご用意していますので、休憩時間にご利用ください。
途中で参加者を交代してもいいですか?
それはご勘弁ください。

キャンセルや払い戻しについて

急遽参加できなくなりました。代わりの人間が参加してもよいですか?
はい、どうぞ。その際には、フォームからご連絡ください。
当日、急用で欠席しました(領収書を紛失してしまいました)。領収書は発行いただけますか?
はい、発行いたします。領収書発行依頼フォームからご連絡ください。
PayPalでダブって決済してしまいました。
ご連絡いただければ払い戻し処理を行います。もちろん、こちらで気付いた場合にはご連絡します。なお、返金の際、手数料(500円)のみご負担ください。
諸事情により参加できなくなりました。
下記のキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。

キャンセルポリシー

決済後のキャンセルについては、下記のポリシーにて行わせていただきます。

請求書 PDFのみ発行(希望者)




会場参加者 OK
ビデオ参加 OK
一般公開 およそ90日後




3日前まで ビデオ参加費を
除いて返金
(フォローアップあり)
(計算例) 7,000円-3,000円=4,000円
前々日、
前日、
当日
返金なし(フォローアップあり)

「3日前まで」は、9月27日[水]13時を〆とします。

参加費のキャンセル返金に関して

懇親会のキャンセルについて

懇親会のキャンセルについて、次のようにお願いします。最初の休憩時間の終了にてお店に人数確定の連絡を行うため、それ以降のキャンセルの場合、参加されなくても費用が発生してしまいます。

タイミング 返金額
イベント開催の48時間前まで 4,000円
開演後、
1つめの休憩が終了するまで
3,000円
それ以降、終演まで 2,000円
終演以降 1,000円

なお、懇親会を決済されていて、当日参加されない場合にも同様です(つまり、ご連絡いただければ、後日返金いたします)。

関連情報

バナー

ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。

CSS Nite LP53「ワイヤーフレームとビジュアルデザインの間の暗くて深い闇」(幅200ピクセル×高さ200ピクセル)

お問い合わせ

ご不明点やお気づきの点がありましたら、フォームからご連絡ください。

お問い合わせ

このページの上部に戻る