【新人向け】アプリディレクターが押さえとくべき基礎知識 - LIFULL Creators Blog
こんにちは、LIFULL HOME'Sでアプリディレクターをしているスケガワです。 今回は、新しくアプリディレクターやアプリ担当者になった方が「知ってたほうが良さそう！」と思う基礎知識について書いていこうと思います。 記事を書こうと思ったきっかけ そもそも「アプリディレクター」ってどんな仕事？ １．組織図とチーム体制、ポジション（職種）への理解 ２．アプリ市況 ２－１．基礎を押さえる AppAnnie アカデミー Playbook for Developers （アプリで成功するには） グロースハックジャーナル ２－２．AppleとGoogleの動向を追う ２－３．最強は勝手に情報が集まってくること ３．基礎的なマーケティング知識 ４．基礎的なプランニング知識 ５．他職種についての理解 ヒューマンインタフェースガイドライン マテリアルデザインガイドライン iOSデベロッパードキュメント A
HTML5とHTML 5.1、それらの新機能
2016年11月に2年ぶりのバージョンアップを果たしたHTMLの言語仕様。その目指すところと、HTML 5.1の新機能を幾つか見てみよう。 連載目次 2016年11月1日付けでW3CはHTML 5.1を勧告した。これは2014年10月28日付けで勧告されたHTML5をバージョンアップするものだ。本稿ではその主な追加機能などをざっくりと見ていくことにしよう（なお、本稿ではメジャーバージョンのみを付加する場合には「HTML5」と、マイナーバージョンを含める場合には「HTML 5.1」などと表記する。これはW3Cでの仕様における表記とも合致している）。 そもそもHTML5とは 新機能の話をする前に「HTML5とは」について少し考えておきたい。1つは誰が仕様を策定しているか。もう1つはHTML5の位置付けだ。 仕様を策定するのは誰？ 前者に関していえば、現在、HTMLはWHATWG（Web Hyp
ランディングページ（LP）の構成について｜ferret [フェレット]
ferret編集メンバーが不定期で更新します。 Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します！ >> 著者詳細はこちら ランディングページでは、ある程度ユーザーに読んでもらう内容が必要です。ファーストビュー、問題提起や興味付け、解決法の提示や、クロージングなど、多くの要素を盛り込み、できるかぎり多くのユーザーにゴールしてもらうことがミッションです。LPOは1ページでそれらを表現する必要があります。 本記事で学ぶ内容 ・LPを作成するうえでおさえておくべきポイントがわかる。 ・どの部分で何をアピールすればいいのかがわかる ・LPの信頼感を上げるためのコツがわかる。 「どう作り始めればいいのかわからない！」「成果の上がるLPを作れと言われているけれど、どうすればいいの（泣）！」 これからLPを作ろうとされている方たちの中で、このようなお悩みを抱えてい
![ランディングページ（LP）の構成について｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d08bff50e51925cebc5c6b12f548c03cbf7d970d/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F5406a54269702d77ea0d0000%2Flarge.jpeg%3F1409721662)
ランディングページ（LP）はストーリー性のあるフレームワークを使って作ろう
本記事で学ぶ内容 ・LPにおけるストーリーの重要性を理解できる。 ・AIDAの法則とは何か、理解できる。 ・QUEST FORMULA とは何か、理解できる。 LPで重要なことは、ユーザーを引き込み成果を達成できる魅力です。ユーザーをぐいぐいと引き込む文章力＝ストーリー構成といってもよいでしょう。 本記事では、その重要性と定番のストーリー構成法をご紹介します。 LPではストーリーが重要 広告などからランディングページ（LP）に導かれたとき、ユーザーはどのような心理状態でしょうか。 「育毛剤が欲しいな・・・（広告を見て）あ、これいいかも！（ポチッ）」 たとえば、検索結果に表示される広告であれば、このようにぼんやりとしながらも目的をもって探しているユーザーは多いはずです。しかし、そこではまだ曖昧な状態です。 つまり、クリックされたとしても選択肢にあがっただけといえます。その商品の優位性や機能を
ランディングページとは〜LPOで成果の上がるページを作る方法〜｜ferret [フェレット]
この記事は2016年4月8日に更新しています このページを見ているあなたは何らかのWebマーケティングに関わる担当者でしょうか。 そうであれば、売上や問い合わせ数を上げなければいけない立場でしょうか。 実は日本の企業体のほとんどが中小企業ですが、はっきり言って中小企業の方が最初にやるべきWebでの集客施策はランディングページと言っても過言ではありません。 なぜランディングページを最初にやるべきなのでしょうか。 今回は、ランディングページを最初にやるべき理由と、そのランディングページの作り方など、ランディングページで売上や問い合わせ数を上げるために必要なことをまとめて解説します。 この記事が読み終わる頃には、ランディングページで成果を上げるための第一歩を踏み出しているはずです。それではいってみましょう。 目次 ランディングページとは ランディングページ最適化（LPO）が重要な理由 購入率を改
![ランディングページとは〜LPOで成果の上がるページを作る方法〜｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/aba10ed664a8032f16a839c451625bf1823a7800/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2499%2Fog_image%2Fdefault-391b6bed0a5d20aaa50f6888dfb07ceb.jpg)
ランディングページの作り方、７つの超重要ポイント。
ランディングページ（ＬＰ）の作り方を、超重要ポイント７つに絞って説明します。対象読者は、これからＬＰを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。１回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく７つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー（１行）とサブコピー（２行）、写真の３つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか？ お客さんの気持ちに寄り添いながら、言葉で解きほ
Googleがウェブマスター向けガイドラインを大幅改定 ―― いったい何が変わったのか？
[レベル: 初・中・上級] Googleは、ウェブマスター向けガイドラインを大幅に改定しました。 この記事では、主だった変更点を抽出して解説します。 認識しておきたい変更点が数多くあります。 新しいウェブマスター向けガイドラインの主だった変更点 セクション分け 以前は、次の3つのセクションに大きく分かれていました。 デザインとコンテンツに関するガイドライン 技術に関するガイドライン 品質に関するガイドライン 現在は、2つに分かれています。 一般的なガイドライン 品質に関するガイドライン 内容が減ったわけではなく、「デザインとコンテンツに関するガイドライン」と「技術に関するガイドライン」の2つが、「一般的なガイドライン」にまとめられた感じになっています。 「一般的なガイドライン」はさらに次の3つのサブセクションに分かれています。 Google がページを検出できるよう手助けする Google
「データ」取得に夢中になって遅くなるWebサイトパフォーマンス - Webパフォーマンスについて
「データドリブン」に振り回される人達 最近、仕事の依頼を請けて調査した際に見受けられるのが、調査用の計測タグによる遅延です。 ページビュー計測タグ、コンバージョン計測タグ、Eコマース計測タグ、リンククリック計測タグ、リマーケティング広告タグ、ユーザ行動調査タグ、広告効果測定タグ… 大量の「タグ」が入って、そのタグが遅延を引き起こしています。 日本のサービスを例に出すと角が立つので、海外のサービスを使っている例を出します。 下のWaterfall図は、とある日本のWebサイトが、Webサイトの総合デバッガサービス、Bugsnagを導入していて、それが遅延を引き起こしている例です。約5秒の遅延を引き起こしています。 デバッガのサービス自体が遅延を引き起こすというのは、笑うに笑えない事象です。 日本の会社が提供する各種効果測定のサービスも、パフォーマンスにおいては、五十歩百歩です。 この事態に気
リモートユーザーテストをWeb担で実施したら、なんと発見点126個。重要課題13個すべて見せます！ | やってみました！ リモートユーザーテスト
Web担編集部では、今回Web担当者Forumのサイトで「リモート・ユーザーテスト」をやってみました。それを2回に分けてレポートします。今回は、リモートユーザーテストの実施前の準備編と重要課題13個をすべて紹介します。 リモートユーザーテストとは何なのか、どのように行われて、そこから何がわかるのか――今回、Web担編集部がリモートユーザーテストを実施するにあたって、ポップインサイトのオーダーメイド調査を提供いただき、実施してもらいました。 サービス提供側が裏でどんなことをしているのかをポップインサイトの池田氏に執筆いただき、依頼側としてWeb担編集部がどんなことを行い調査を通じて何を得られたのか、2つの視点で紹介していきます。 なんと発見点126個！ うち重要課題は13個リモートユーザーテストの流れを解説する前に、まずはWeb担サイトでどんな改善点がリモートユーザーテストで発見されたのか紹
カルーセルのUIは売り上げにつながるのか!? カルーセルデザインを考えるときに知っておきたい7つのこと
HOME Contentsquare カルーセルのUIは売り上げにつながるのか!? カルーセルデザインを考えるときに知っておきたい7つのこと 皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 大きくきれいな画像を横並びに使い、視覚に訴えるサイトデザインを実現できる「カルーセル」。見るからにカッコいいデザインなので、サイトのクオリティを上げるため「カルーセルパネル」を導入したサイトも数多くあるでしょう。 とは言え、この「カルーセルパネル」を使用するか否かという議論がカルーセルが普及していくにつれて盛り上がってきました。ということで、今回はこの「カルーセル」の是非について、Clicktale社のアナリストが調査した結果を報告したいと思います。 (※2020/8/21更新) カルーセルパネルとは？ そもそもカルーセルパネルって何？ ここ数年多くのサイトに導入されているカルーセルパネル
自動送りカルーセルとアコーディオンは、ユーザーをいらつかせ、可視性を下げる
ユーザーの目的の内容は、ページの先頭に98ポイントの文字で書かれていた。しかし、彼女はそれを見つけられなかった。そのパネルが静止しておらず、自動送りされていたからである。 Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility by Jakob Nielsen on January 19, 2013 日本語版2013年2月4日公開 先日、イギリスでユーザビリティ調査を実施したのだが、そこで、あるユーザーが「Siemensは洗濯機のキャンペーンをしているか」というタスクを行おうとしていた。 そのユーザーはさして苦労もせず、イギリスのSiemens Appliancesのこのホームページにはたどり着いた： Siemens Appliancesのホームページ どうだろう、そのユーザーは先ほどの課題に答え
ユーザビリティを高める7つの基本テクニック
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較
こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、本当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習（模写）のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな？と結構楽しく眺めていたのですが（どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか！）、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な
UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめ - コムテブログ
TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UX・UI・IA の違いが漠然としているときに。 IA（情報アーキテクチャ） １．基礎知識 情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にＩＡ（インフォメーションアーキテクト）が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof
ファセットナビゲーション とは 意味/解説/説明 （ファセットナビゲーション） 【Faceted Navigation】 | Web担当者Forum
ファセットナビゲーション（Faceted Navigation）とは、サイトナビゲーションの種類の1つである。 さまざまな切り口（要素）でサイト内検索をしたりコンテンツを選んだりできる場合に、ユーザーに検索条件を入力させるのではなく、あらかじめユーザーに使いやすいだろう検索条件をサイト側が用意しておき、ユーザーはそれを選ぶだけでコンテンツを絞り込んでいける。こういった仕組みのことを「ファセットナビゲーション」「ファセット検索」と呼ぶ。 「ファセット（facet）」は、物事の側面や切り口の意味。ファセットナビゲーションは、サイト側で「こういった切り口で情報を探すのはいかがですか」と提示するナビゲーションとなる。 たとえばAmazonでは、本であれば大きく「和書ジャンル」「洋書ジャンル」に分けて、さらに「文学・評論」＞「文芸作品」＞「日本文学」などように細かなジャンルに絞り込んで検索できるナビ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これを見れば全てが揃う！Webサイト制作に役立つジェネレーター13選 | CodeCampus
カスタマージャーニーは、1人ひとりユーザーを見ることで可視化できる | 【レポート】Web担当者Forumミーティング 2015 Autumn
海外向けサイトに適したデザインとは？ 外国人が好むフォントや色彩感覚 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
Skillhub [スキルハブ]
エムハンドブログ｜ホームページ制作会社のエムハンド【大阪】