デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。
今週は、9割が失敗しているA/Bテストの誤解、CSSレイアウトが捗るFlexbox、わかりにくいアイコンとUIデザインなど、話題の記事を中心に11本をセレクト。
平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては?
デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。
今週は、9割が失敗しているA/Bテストの誤解、CSSレイアウトが捗るFlexbox、わかりにくいアイコンとUIデザインなど、話題の記事を中心に11本をセレクト。
平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては?
【今週の一番人気】A/Bテストの9割が失敗!? Google Optimizeを使う前に知りたい5つの誤解
グーグルが「Google Optimize」の無償版を発表したことでA/Bテストへの注目が集まっていますが、実際にA/Bテストを実施した企業の9割が失敗しているとの衝撃のデータがあります。その原因とは?
【コーダー必読】まだfloat使ってるの? フォームのレイアウトはFlexboxで超簡単に実装できる
CSSレイアウトが捗るFlexbox、もう使っていますか? ページ全体のレイアウトのような大掛かりなところよりも、今回紹介するフォームのような小さなところから試してみると便利さを実感できるかもしれません。
【ソーシャルで話題】ハンバーガーにフロッピー…わかりにくいアイコンはUIデザインに必要なのか?
「フロッピーが保存を示すのはわかりにくい」とはしばしば耳にする議論ですが、誰にとってもわかりやすいアイコンをデザインするためにUIデザイナーはどう行動するべきでしょうか?
【WordPressを使いこなす】WordPressでSVGを扱いたい! アップから表示まで完全対応する工程まとめ
いろいろなサイトで使われるようになったSVG。でも、WordPressはなぜかSVGファイルをサポートしていません。その理由と、メディアライブラリを拡張して対応する方法を徹底的に解説します。
【お役立ちネタ】カスタム検索の「Google臭さ」をJSとCSSでカスタマイズするスマートな方法
Googleカスタム検索を使うとサイト内検索を簡単に実装できますが、デザインがいかにも「Googleっぽく」なってしまいます。サイト全体となじむデザインにカスタマイズする方法を紹介しましょう。
【週末おすすめ】全文検索エンジンってどれがいい?→ElasticsearchとNode.jsで作るといい感じ
検索エンジンライブラリーとして人気の「Elasticsearch」をNode.jsから使う方法を紹介。サイト内検索など、全文検索エンジンがつくれます。
【しっかり勉強】8月23日配信:知ってる?Web開発者がJavaScriptでゲームを作るときのはじめの一歩
Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。
【マーケター必読】低迷するWeb担当者の胸に刻みたい 高CVRを叩き出すための最新6原則
ECサイトのコンバージョン率が低くて売上が上がらない。Webサービスの新規ユーザーがなかなか増えない…そんな悩める担当者へ、コンバージョン率改善に効く6つの原則をお届けします。
【とりまブクマ】8月25日配信:CVRアップにこれが効く!フォーム検証jQueryプラグイン10本をサンプルで徹底比較
エラーメッセージや、入力サポートメッセージの表示は、ユーザーにメリットがあるだけではなく、フォームでの離脱を防ぎます。jQueryで簡単に実装、カスタマイズできるプラグインを中心にサンプルコード付きでまとめました。
【SEOを極める】見落としがちなページネーションSEO 無限スクロール時代のベストプラクティス
メディアサイトやECサイトなど、ページを分ける必要があるときには、ページネーションのSEOも考える必要があります。最近ではめずらしくない(WPJもそうですね)無限スクロールや「続きを読む」の処理にもポイントがあります。
【エンジニアにもおすすめ】9月21日配信:ノンデザイナーこそ知っておきたい!デザインでセンスより大切な心理学のルール
デザインに一番大事なのはセンスだと思っていませんか? ディレクターやエンジニアにも役立つ、Webデザインで使える心理学のルールとは?