Aggregator

Googleは、AMP化したモバイル検索のテストを日本のGoogle (google.co.jp) でも、始めている模様。ページがAMP対応している場合に、通常の検索結果にAMPページのURLを表示するモバイル検索は、9月20日に米Google (google.com) で導入されていた。グローバルでの展開は年内の完了を予定しているとのことだった。

- Google、AMP化したモバイル検索のテストを日本でも開始。本導入は近いのか？ -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

Web担当者Forumの連載コーナー、「海外&国内SEO情報ウォッチ」を更新。今週は、『検索結果全体にAMP拡大、米グーグルが正式導入。日本も間もなくか？』、『ペンギンが4.0に更新! 有料・自作リンクをリアルタイムで順位に反映』、『SEOエキスパートにAMPをどう思うか聞いてみた at SMX East 2016』など9記事+2記事。

- 検索結果全体にAMP拡大、米グーグルが正式導入。日本も間もなくか？【海外＆国内SEO情報ウォッチ】 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップを公開します。

• （1）長谷川 恭久さん『わずかな工夫で劇的に変わるデザインの対話術』
• （2）中川 直樹さん（アンティー・ファクトリー）『築城10年、落城3日。こだわりあるWebデザイン、やるからには本気で良いものを!』
• （3）李 優未さん（リーグラフィ）『クリエイティブ・ディレクション?リアルダメ出しから発掘するデザインのヒント?』
• （4）筒井 美希さん（コンセント）、関口 裕さん（コンセント）『エディトリアルとウェブ、コンテンツファーストでつながるビジュアルドリブン』
• （5）佐藤 洋介さん（サイバーエージェント）『スマホアプリにおけるUIのトレンドと、動的デザインの重要性?テクニカルクリエイターが担うサービス開発の今後?』
• （6）原 一浩さん（グレーティブ）『Webデザイントレンド2016年（半期決算）』
• （7）矢野 りんさん『クロージングトーク：PVを稼ぐグラフィックの作り方』
• （8）北村 崇さん（TIMING DESIGN）さん『こだわりを実現するためのデータを介したコミュニケーション』

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、北村 崇さん（TIMING DESIGN）さんの『こだわりを実現するためのデータを介したコミュニケーション』のスライドなどを公開します。

• スライド（PDF、45ページ、10.3MB）
• 音声
• 動画

TIMING DESIGNの北村です。
今回、再演版にて「こだわりを実現するためのデータを介したコミュニケーション」についてお話させていただきました。

前回のLP46で他の方の素晴らしいセッションを拝見した上で、あえてビジュアルそのものではなくデータ側の話をしましたが、チームで制作を行ったり、連携を取らなければいけない状況では、いかにスムーズな進行ができるかが大きな課題だと思っています。CSS Niteにご参加の皆さんには「当たり前すぎる」お話も多かったとは思いますが、今一度社内やチームで技術や情報の共有を行うきっかけになれば幸いです。

もちろん、データの作り方以外にも、「デザイナーも知っておきたい」技術や知識はまだまだたくさんありますが、それはまた次の機会にお話できればと思います。

また、2０～30人規模の小さな「デザイン勉強」や、クリエイターのための課外授業「FOR CREATORS」なども行っています。少人数で気軽に参加できるイベントとして運営しておりますので、そちらも是非ご参加ください！

• デザイン勉強
  http://timing-design.jp/
  次回予定＞2016/07/22(Fri)「第40回デザイン勉強会「初心者必見！これからはじめるSSL対策」&オープニング「はじめてのAdobe XD」」
• FOR CREATORS ～クリエイターの課外授業～
  http://for-creators.com/
  次回予定＞2016/07/30(Sat) FOR CREATORS ～クリエイターの課外授業～ #1テーマ「法人化」

またどこかでお会いできるのを楽しみにしています！

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、矢野 りんさんの『クロージングトーク：PVを稼ぐグラフィックの作り方』のスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画
  

メッセージ

セッション7、を担当した矢野です。フォローアップとして、このセッションの内容に決めた理由を説明します。

以前、私は発注側としてある制作組織にキャンペーンのLP制作を発注しました。私のオーダーは製品の機能に興味を持ってもらうために、モバイルユーザーに対して面白く製品説明をして欲しいということでした。依頼から数日後とても綺麗にメイン画像が作りこんである「ページのサンプル画像」を見せてもらいました。
ところが、わたしは画像の評価などをする以前に、開口一番「このページは、対ソーシャルシェアに関してどれほどの性能を発揮するのか？その対策は？」と、尋ねました。担当者は、私の質問の意味がわからないと言いました。

• 良いコピー
• 良いメイン画像
• 理にかなったコンテンツ設計

この３つを整えることが制作の仕事です。それ以上のことを検討しろですって？と。
私はこれ以上のことが必要だと考えています。Webページを作るだけの仕事というものはモバイルの世界ではすでに必要とされていません。
メディア研究者のHenry Jenkinsが言ったように

If it doesn’t spread, it’s dead. （拡散されなければ死ぬ）

これがメディア融合時代の情報の運命です。拡散されるための要因は複数ありますが、ページそのもののスペックを整えることは前提としてとても重要です。Webページという「視覚（ビジュアル）」中心で知覚されるメディアの質を問題にしたければまずスペックを整えなければならないのです。
そのことを作る側が十分理解しなければ話は始まらない。
そう考えてこのセッションの内容を作りました。

テクノロジーが作った仕組みや方式に最適化して、その内容（コンテンツ）の良さを伝えましょう。
なんて言うとどうも味気ないように思いますが、デザインもテクノロジーもすべて単なる手段にすぎません。
重要なのは、本当に届けたい相手（ターゲット）が心から喜んでくれるであろうコンテンツを提供し、そして実際に喜んでもらうことです。
そのことを「ターゲットユーザーにマッチしたコンテンツでクリック率を上げ、結果的にコンバージョン率を上げる」などと言ったりしますが言いかたはこの際気にしない気にしない。１つの目標をチームが納得して目指せるような現場を作ることから始めれば良いのです。
そうすれば、今の自分自身が持つ専門性の価値がもっともっと高まるでしょう！

※ちなみに前述のお仕事のやりとり後日談。じゃあ自分でスペックを整えるから素材としてコピーと画像だけ渡して。と言ったら弊社側のマーケ担当者にクリエイティブに対する冒涜。失礼ですよ。とたしなめられました。そういう商習慣にも配慮してコミュニケーションするべきですね。反省しています。

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、原 一浩さん（グレーティブ）の『Webデザイントレンド2016年（半期決算）』のスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージ

Webデザイントレンド上半期2016を担当しました、グレーティブの原です

長時間のセッションお疲れさまでした。

上半期決算のお話をいただいたとき、上半期だとどの程度のトピックがあるのか不明でわからなかったのですが、じっくり数々のサイト見ていくと様々なかたちの課題解決を見ることができました。

いいもの（ここでいういいものの文脈は、デザイナーにとっていいもの、導入のコストパフォーマンスがいいもの、メリットがあるものを指します）は次々に真似され広がっていきます。

それがいいことかよくないことなのかは様々な見方がありますが、一つ言えることは、広まった先に生まれる新たな表現というのもあるんだなということです。

特に今回ローポリの先に展開されているノードやカレイドスコープと呼んでいる手法は過去のトレンドとの差別化を生み出し、少ない時間のトレンド寿命かもしれないけど多くの人にインスピレーションを与えているのでしょう。

ということで、今後も観測を続けていきますのでよろしくお願いします。

※ ローポリについて、懇親会にて「ボロノイ図」と呼ばれるものではないかとご指摘をいただきました。ありがとうございます。

※ 今日配布する資料ですが、インターネット上で公開されるのはNGですが、社内やプレゼンなどで抜粋したりしてお使いいただいて構いません。現状把握みたいなフェーズでお役立ていただければと思います。

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、佐藤 洋介さん（サイバーエージェント）の『スマホアプリにおけるUIのトレンドと、動的デザインの重要性?テクニカルクリエイターが担うサービス開発の今後?』のスライドなどを公開します。

• スライド
• 音声
• 動画

メッセージ

今回は、我々サーバーエージェント流のサービス開発の現場と、スマホサービスにおけるトレンドについてお話しさせていただきましたが、いかがでしたでしょうか？　皆様の普段の業務に少しでもお役立ちいただければ幸いです。

会場や、懇親会でたくさん質問をいただきましたので、特に多かった質問をご紹介させていただきます。

Q. 最新のアプリトレンドなど、キャッチアップで心がけていることはありますか？

多くの方にご質問いただきましたが、こればっかりはとにかく「全て実際に試してみる」ということに尽きると思っています。
ストア上にある様々なアプリをとにかく片っぱしからインストールしてみるという、とても地味な作業です。
特に意識している事としては「ストアのアップデート情報を全文きちんと読んでからアプリをアップデートしてみる」ということです。
何も考えず「全てアップデート」してしまいがちですが、1つ1つ確認することで、機能面での新たな発見や、サービス提供者の意図を正しく理解することができるのでオススメです。

Q. UIやインタラクションの細部にこだわった場合、費用対効果としてはぶっちゃけどうですか？

正直な話、UIやインタラクションを作り込んだ分だけ効果が上がるかというと、そう単純ではありません。
ただ、作り手が1%でも納得していないサービスプロダクトでは、誰の感動も得られないと思っています。
そのために、我々デザイナーができる限りの時間をかけて、最高のアウトプットにこだわるということは、自社サービスを運営する我々の義務であると思っています。

Q. テクニカルクリエイターになりたいのですが、何から始めれば良いですか？

まずはじめに、ご自身の「ベーススキル」が何であるかということが重要になります。
「これができたら」といったような明確な指標はなく、あくまでも概念として理解していただきたいのですが、個人的な見解としては、全てのデザイナー、エンジニアは多少なりとも「テクニカルクリエイターとしての素質」を持つべきであり、技術の垣根を越えたアウトプットは今後のサービス開発では必須になってくると思っています。
そうした中で弊社は、技術の幅を広げるための社内研修を積極的に行っていますが、その研修を経てデザイナーとエンジニアの「共通言語」がさらに増えていくきっかけとなれば良いなと思っています。

■キャリア採用情報

サイバーエージェントでは、動画事業やメディア事業などの分野においてキャリア採用を強化しています！
世界基準のサービスを是非一緒に作りましょう！
採用情報はこちらから

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、中川 直樹さん（アンティー・ファクトリー）の『築城10年、落城3日。こだわりあるWebデザイン、やるからには本気で良いものを!』のスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージ

アンティー・ファクトリーの中川です。
今回のセッションは会社で行っている手法、取り組みをお伝えしました。
特にイメージボードを作っていくプロセスはロジカルな手法ですので誰でも取り入れやすいのではと思います。
クライアントを巻き込んで行っていくこのプロセスはセッション内でもお伝えしましたが、企業のCI、VIの再確認に繋がることも多かったりします。
されどWebデザイン。素晴らしい仕事ですね。

お互いプライドを持って生活していきましょう！

ありがとうございました。

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、筒井 美希さん（コンセント）、関口 裕さん（コンセント）の『エディトリアルとウェブ、コンテンツファーストでつながるビジュアルドリブン』のスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画

メッセージ

筒井美希

「エディトリアルの因数分解」という興味深いキーワードを鷹野さんからいただいたことをきっかけに、今回のセッションが生まれました。
エディトリアルデザインからキャリアをスタートした私たちですが、ウェブ制作を通じて得た実体験を、改めて棚おろし＆ディスカッションする機会は少なく、今回のセッションを通じて初めて言語化されたことも多々ありました。

デザインをする上で絶対的に正しい手法など存在しないし、一度は正しい／良いとされた手法であっても、速度の差はあれ、絶えず変化していきます。
そんな中にあって「エディトリアルなアプローチ」は、必ずしも紙メディアでしか実践できないことではなく、何にでも応用ができる「考え方」そのものだと思います。興味がある方は、ぜひ実践の機会を探してみてください。きっと「数ある情報の中で、なにがいちばん大切なのか、常に本質を探し求めようとするクセ」みたいなものを、身につけることができるでしょう。

コンテンツに向き合ってデザインすることは本当に奥深く、難しく、楽しい作業です。それは手段やアウトプットのカタチが何であっても、決して変わることはありません。わたし自身もまだまだ勉強中ですが、これからも「ビジュアルドリブン」なモノづくりができるよう、模索を続けていこうと思います。
セッションを聞いてくださったみなさまにとって、すこしでも何かのヒントになることをお伝えできていればと願っています。ありがとうございました。

関口 裕

コンセントの関口です。長時間お付き合いいただき、ありがとうございました。

今回のセッションは、先日浜松市で開催したDORP INSPIRATIONでの私たちの講演をお聴きになった主催の鷹野さんから「エディトリアルを因数分解してください、『なるほどデザイン』の事例も混ぜつつ、半々くらいで。」とのオファーを頂戴して実現したものです。いかがだったでしょうか。

ちなみに、私たちの言う“コンテンツ”とは、指定されたHTMLが存在している事実を差しているというよりは、もう一歩踏み込んだ、より噛み砕かれた“表現されている内容”そのものを差すものでした。pタグがあるから段落が存在しているのではなく、実際伝わる内容があってはじめて、コンテンツがそこに存在していると言えるのではないでしょうか。
伝えているかどうかよりも、伝わっているかどうかを考える。そこから、エディトリアル的な思考がはじまると考えています。

いまコンセント社では、生粋のウェブデザイナーはもちろん、たくさんのエディトリアルデザイナーがデジタルメディアにも挑戦し、またその逆も起こりつつあります。そしてそれを取り巻くように、サービスデザインのメンバーがデザイン思考を実務に展開しています。
そこで起きていることは、メディアやフレームワークにとらわれず、媒体特性を理解し、コンテンツに奉仕する課題解決のアプローチではないかなと思っています。

デザインの花型であるビジュアル。それは、良くも悪くもデザインの表面、インターフェイスの部分を表しているのではないでしょうか。表面の内側には、必ずその中身に相当するものがあります。
つまり、中身を表したものがビジュアルなのです。ビジュアルドリブンという言葉を見つめなおした今回のセッションですが、我々なりの解釈はみなさんにどう映ったでしょうか。

今後も私と筒井、そしてコンセントの活動にご注目ください。

なお、コンセントでは各職種でキャリア採用を行っています。私たちと一緒に働くことに興味がある方はぜひ、筒井か関口宛にご連絡ください。

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、李 優未さん（リーグラフィ）の『クリエイティブ・ディレクション?リアルダメ出しから発掘するデザインのヒント?』のスライドなどを公開します。

• スライド（PDF）
• 音声
• 動画　ダウンロード不可

メッセージ

クリエイティブ・ディレクション?リアルダメ出しから発掘するデザインのヒント?を担当した李です。今回はご参加いただきありがとうございました。

懇親会では「共感を感じた！」という言葉を多くいただきまして、実際の現場で同じようなことで悩む方が、大勢いらっしゃることがわかりました。

「ダメ出し」だけでは、問題は解決されません。その裏には「コミュニケーション」と「お互いの能力」が必要になります。しかも、それは1、2度の「ダメ出し」で可能なものではなく何度も行うことにより、互いに理解し、解決能力を磨くものです。

今回のセッションの背景の一つは、私が外国人ということもあり、表現や文化の違いでうまく説明ができず、詳しく説明をしようとすると分かりにくくなってしまい、何を言っているのかがわからない、ということも経験しました。

そのときに思ったことは「気持ち」を言ってみよう！でした。気持ちを言葉で説明することは極めて難しいことですが、少なくとも、相手はこちらの気持ちがわかり、それを理解することで解決しようと思うモチベーションが生まれます。

そのような経験を繰り返すと、やがて「コミュニケーション」「ケア」「絆」が生まれ、うまく行くようになりました。

現場は常に納期、予算、クライアントとのやり取りの緊張に追われていることでしょう。その中でのデザインワークにおいて、お互いの「気持ち」と「コミュニケーション」が大切だということを日々実感しています。

2016年6月18日（土）ベルサール九段 イベントホール、7月16日（土）TKPガーデンシティPREMIUM神保町で開催したCSS Nite LP46「ビジュアル・ドリブンのデザイン」のフォローアップとして、長谷川 恭久さんの『わずかな工夫で劇的に変わるデザインの対話術』のスライドなどを公開します。

• スライド（PDF、44ページ、2.7MB）
• 音声
• 動画

メッセージ

CSS Nite LP46 再演版の最初のセッションを担当した長谷川です。長丁場、お疲れ様でした。ビジュアルデザインというひとつのキーワードだけで、様々な捉え方があるなと改めて実感できる1日でした。私自身「伝える」「話す」というテーマで講演をしましたが、「誰に」「何を」「どういう目的で」という 3 つで、アプローチがガラッと変わることがあるなと思いました。

デザインを言語化していくという行為は、どちらかといえば社外の方、もしくはデザインプロセスに接する機会が少ない方に有効です。本日は#cssnite を付けて関連情報を配信していたので復習の参考に使ってください。

本講義の意図を「話せるというソフトスキルについて情報発信している理由」という記事で解説しています。手法やツールだけでは思い通りに制作プロセスは進まないので、少しずつ言語化していってください。今後もブログやソーシャルメディアを通してデザインに関わる情報を発信し続けていきますので、興味ある方はぜひフォローしていただくか、気軽に声をかけてください。

• ブログ
• ポッドキャスト
• Twitter @yhassy