国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、広告業界で広まりつつあるCookie代替技術、iOSバックドア問題、ネット企業の給与ランキングなどが話題でした(ピックアップ期間=2014/7/21〜7/27)。
マーケティング(ソーシャル/SEO/SEM/アクセス解析など)
動画「10 分で分かる広告審査 - 情報商材編」を公開しました (AdWords 日本版 公式ブログ)
http://adwords-ja.blogspot.jp/2014/07/ad-policy-know-how.html
「情報商材」に関するGoogleの広告掲載基準が初めて公開に。ネット以外での活動が必須、無料提供だけではNG(ビジネスモデルを明示)など、結構踏み込んだ内容です。
ヤフーの自然検索結果がオワコンとなりつつある件 (リスティング広告運用支援)
http://www.gootami.com/archives/7605
Yahoo!検索の検索結果ページに占める広告の割合が広がっているとの指摘。検索キーワードによってはファーストビューにオーガニック検索の結果が出ないことも。
「謝れ」「責任者を出せ」「今すぐ回答しろ」「誠意を見せろ」「納得できない」クレーム5大表現への対処法 (Web担当者Forum)
http://web-tan.forum.impressrd.jp/e/2014/07/22/17901
ネットショップの運営で避けて通れないクレーム対応。よくあるクレームへの受け答えから、モンスタークレーマーの見分け方、クッション言葉の一覧など。
Webテクノロジー/プログラミング
ブロックできないオンライントラッキングツールが人気サイトに浸透 (マイナビニュース)
http://news.mynavi.jp/news/2014/07/22/258/
Cookieに代わってHTML5のCanvas APIで個人を識別する手法「Canvas Fingerprinting」が広まっているとの報道。ユーザー情報の奪い合いが過熱気味の広告業界ですが、いろいろな手法が生み出されているようです。
「iOSバックドア問題」に終止符か - Appleが”秘密のサービス”の詳細を公開 (ASCII.jp)
http://ascii.jp/elem/000/000/917/917607/
「アップルと政府が共謀か」と話題になった、iOSデバイスのバックドア問題。問題の発端から収束までが詳しく解説されています。
Firefox 31 for developers (Mozilla/MDN)
https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/31
Forefox 31が7月22日にリリース。Web開発者向けでは、開発者ツールの機能強化(スポイトツールの実装、ボックスモデルビューでの編集など)、動画に字幕を表示するtrack要素の実装、ECMAScript 6の一部実装など。
【HTML5 Japan Cup 2014】最優秀賞・優秀賞・審査員特別賞の受賞作品発表 (HTML5 Japan Cup 2014ブログ)
http://blog.5jcup.org/2014/07/html5-japan-cup-2014_27.html
HTML5の開発者コミュニティ「html5j」による開発コンテスト「HTML5 Japan Cup 2014」の結果が発表。289作品の中から、音声認識を利用したブラウザーゲーム「コトバツナギ」が最優秀賞に。
Webデザイン/マークアップ(HTML/CSS/jQuery/Photoshopなど)
あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較(279-design)
http://279-design.com/blog/2014/07/22/design-playback/
クックパッド、サントリー、みずほ銀行など、大手サイトの6年間の変化をビフォー・アフターで紹介。こうして見ると、ワイドディスプレイの普及に伴う横幅の拡大、スマホやタブレットを意識したデザインなど、トレンドが反映されていますね。
ディズニー社に学ぶ!魅力的なアニメーションの12の原則 (nanapi TechBlog)
http://nanapi.co.jp/blog/2014/07/23/principles_of_animation/
アニメーションのバイブルと呼ばれる「ディズニーアニメーション 生命を吹き込む魔法」を基に、モーションデザインのポイントを解説。自然に感じるイージング、気持ちよく感じるタイミングなど、Webデザインでの実例に落として紹介している良記事です。
HTML5のアニメーションを簡単に作成できるサイト「HTML5 MAKER」 (ライフハッカー)
http://www.lifehacker.jp/2013/08/130815html5_maker.html
HTML5アニメーションを作成できるWebサービスの紹介。テンプレートに沿って画像やテキストを設定するだけ。Google Web DesignerやEdge Animateよりも手軽ですね。
アプリUI/UXデザイナー必見!「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 (gori.me)
http://gori.me/apps/iphone-app-news/56721
スマホサイトでよく見かける「ハンバーガーボタン」。実はユーザーにとって使いづらいのではないか? という指摘。このケースではタブのほうがよい結果が出たとのこと。
30 new tools for designers and developers (Inspired Magazine)
http://inspiredm.com/30-new-tools-designers-developers/
Web制作者がおさえておきたい、最新のjQueryプラグイン、ライブラリー、チュートリアル記事をピックアップして紹介。
PatternBolt
http://buseca.github.io/patternbolt/
背景に使えるパターン画像のジェネレーター。パターンと色、サイズを設定すると、SVGファイルとCSSをダウンロードできます。これは便利。
ライフハック/ガジェット/その他
IT系企業の平均給与を業種別にみてみた 2014年版 〜 ネットベンチャー、ソーシャル、ゲーム編 (Publickey)
http://www.publickey1.jp/blog/14/it_2014_1.html
人気テックブログ「Publickey」による、恒例の平均給与ランキング。ネット企業ではクックパッド、グリー、ディー・エヌ・エーの3社がそれぞれ31歳前後で年収700万円越え。
見ないと絶対損する!プレゼン資料の印象がグッと上がる良質記事10選 (SIROKグロースハックブログ)
http://growthhack.sirok.co.jp/growthhacks/presentation-tips/
プレゼン資料作成のポイントを解説した記事のまとめ(とそのまとめ)。デザインの基礎知識から、図解のテクニックまでまとまっています。
AmazonのFire Phoneを使ってみた…まさにeコマース王Amazonのためのスマホだ (TechCrunch)
http://jp.techcrunch.com/2014/07/23/20140722hands-on-with-the-amazon-fire-phone-2/
米アマゾンがついに発表したスマートフォン「Fire Phone」。メディアではネガティブな評価も多いようですが、TechCrunchでは好意的なレビュー。すべてはサードパーティの開発者に期待、といったところ。