このページの本文へ

ゲーム感覚でプログラミング/絶対NGなグラフ/売上が上がるフォーム

2015年02月11日 11時00分更新

文●Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、無料で配布されているダッシュボードUIキット、遊びながらプログラミングを学べるサイト、「CMスキップ」を防ぐ動画を検証、などが話題でした(ピックアップ期間=2015/2/2〜2/8)。

マーケティング/ソーシャル/SEO

デザインの時間短縮&思いつかない時に!無料で配布されているダッシュボードUIキット7つ(scrmble)

http://scrmble.jp/346/

ダッシュボードのデザインをPSDやAIファイルでダウンロードできるサイトをまとめています。ダウンロードしておくと便利そうです。


XML サイトマップと RSS/Atom フィードのベストプラクティス(Google ウェブマスター向け公式ブログ)

http://googlewebmastercentral-ja.blogspot.jp/2015/02/best-practices-for-xml-sitemaps-rssatom.html

ウェブマスターツールで送信するサイトマップについて紹介されています。Googleのインデックスを最新の情報に保つため、例を参考にしながら作成しましょう。


「CMスキップ」を防げ サントリーほか3社、YouTubeで検証(AdverTimes)

http://www.advertimes.com/20150203/article181389/

動画コンテンツが必要な上にコンバージョン率が悪いと、なかなか実施に踏み込めない担当者も多いのではないでしょうか。そんな動画広告で「スキップされないための工夫」が参考になります。


効果的なSEO対策を実現するWEBコンテンツ設計の仕方「4つの手順」(THREE-VIEW)

http://homepage.aluha.net/column-wp/archives/919

市場や顧客を知ることの重要性と、知る手順の解説です。面倒だと感じることもあるかもしれませんが、順を追って実行すればWebコンテンツの一覧表が完成する記事になっていますので、挑戦してみては?


舐めちゃダメよ!売上アップするお問い合わせフォームの作り方(WEBSAE)

http://websae.net/contact-from-optimization-20150125/

エントリーフォーム最適化で言われることが詰め込まれている記事で、すべて実装できればユーザーに好まれる、コンバージョン率の高いエントリーフォームになりそうです。かわいいイラスト入りの図が読みやすくなっています。

サイト設計/UI/Webデザイン

初心者Webデザイナーのひきだしを広げる参考サイト8選(LIG)

http://liginc.co.jp/web/design/144633

デザインをまとめたサイト、学習できるサイト、参考になるサイトをまとめて紹介しています。有名サイトが多いので初心者の方必見です。


The Best Tricks to Reduce Photoshop File Size(Creative Market)

https://creativemarket.com/blog/2015/02/04/the-best-tricks-to-reduce-photoshop-file-size

共有するときはもちろん、制作途中のバージョンを保存していると、ボリュームが大きくなっていることもあるのでは? 日常的にできるPhotoshopファイルのサイズを減らす方法もありますので癖にしておくといいかもしれません。日本語での解説はこちら


ひと味足りないWebデザインに1pxのこだわりを -PhotoshopでWebデザインのクオリティを1px単位でUPする方法-(アラタナエンジニアブログ)

http://lab.aratana.jp/entry/2015/02/03/133224

1px、デザインに追加すると印象が変わりますよね。その分センスが問われる1px。定期的に話題になる深いテーマです。


最低限知っておきたい、WEBフォントの基礎知識【参考リンク付き】(M-HAND)

http://www.m-hand.com/blog/2011/

Webフォントのメリット、デメリットが解説されています。簡単なWebフォントの使い方も紹介されていますので、Webフォントを使ったことがない担当者はここから試してみては?


好きって伝えたい!【結露ガラスに文字を書くPhotoshop術】(BITA)

http://bita.jp/blog/photoshop_condensation

もうすぐバレンタインなので選んでみました。使いどころは難しいですが、Photoshopの技術として。みんな幸せになるといいですね。

テクノロジー/マークアップ/プログラミング

初心者でもOK!ゲームで遊ぶようにプログラミングを学べるサービス5選(TechAcademy)

http://techacademy.jp/magazine/5269

パズルゲーム風、RPG風、育成ゲーム風、シューティングゲーム風のWebブラウザで動くプログラムング学習サイトのまとめです。いきなり黒や青の画面にコードをタイピングするのは難しくても、ゲーム感覚で学べるのは楽しいですね。


Dashboards(Android Developers)

http://developer.android.com/about/dashboards/index.html

グーグルが発表したAndroid OSのバージョン分布データによると、Android 5.0 Lollopopは1.6%とのこと。対応端末数が少ないこともありゆっくり移行していると言ったところでしょうか。日本語での解説はこちらが分かりやすいです。


エヴァンゲリオンでわかってしまうJavaScript(Qiita)

http://qiita.com/hirokidaichi/items/346d5aa8b194cfe1b6aa

エヴァンゲリオンは、タイトルや登場人物を知っているレベルなので、書かれていることは理解できませんでしたが、人気のアニメを題材にした解説が面白いので紹介。

ライフハック/ビジネス/その他

ブレスト会議のファシリテーターが注意するのは「か・き・く・け・こ」(AdverTimes)

http://www.advertimes.com/20150204/article181488/

ブレスト会議にファシリテーターがいるといないのでは進行が大きく違います。とはいえ、コツが必要なファシリテーターのコツがわかります。


絶対に描いてはいけないグラフ入りスライド24枚(slideshare)

http://www.slideshare.net/itoyan110/24-44156981

細かすぎる円グラフ、正確な数値が読めない棒グラフなど、24個のグラフを紹介しています。制作しないのはもちろん、おかしなグラフに気付ける目を養うことも重要だと思います。

どこでも読める。Kindle for PCの日本版が公開です(ギズモード・ジャパン)

http://www.gizmodo.jp/2015/01/kindle_for_pc.html

アマゾンは1月21日、Windows 8.1、8、7パソコンで和書やコミックを含むKindle本が読める「Kindle for PC」をリリースしました。公式サイトからダウンロードできます。大きな特徴は、オフラインでも読書が可能なこと、他の端末の同一本であれば、最後に読んだページが同期できることなどです。

-->

この連載の記事

一覧へ
Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

Webディレクター江口明日香が行く