Aggregator

CSS Nite Shift11(8)「Webデザイントレンド」原 一浩(Greative)、矢野 りん、坂本 邦夫(フォルトゥナ)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、原 一浩さん(Greative)、矢野 りんさん、坂本 邦夫さん(フォルトゥナ)の『Webデザイントレンド祭り 2017 - 次の10年のはじまり』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

原さんから

Webデザイントレンドセッションを担当したグレーティブの原です。本年も年末のお忙しい中、受講くださりありがとうございます。トレンドは継続的にチェックし、流れで見てこそ気づくこともありますので、ぜひ来年もご来場いただけますと幸いです。

さて、毎年さまざまなサイトを定期巡回し、その結果をトレンドトピックという形でまとめて発表させていただいていますが、まず、このセッションについてたまに誤解があるので、ちょっとだけ補足させてください。

海外などのブログ記事にある「Webデザイントレンド 2017」のようなところからサイトをいくつか寄せ集めてきて、それについて好き勝手にコメントをするというものではなくて、海外サイトだけでも数千、それも2016年、2015年にキャプチャしたサイトについては再度巡回して、リニューアルされたものも含めて確認しています。また上場企業や自治体サイトは冒頭の掲示数のとおりです。

これら気になったサイトについてのコメントをできる仕組みを用意していて、コメントを総括していった結果浮かび上がってくるトレンドと呼べるようなものをレポートしていっているのが本セッションと言えます。

ということで、Webデザイントレンドセッションについて発表しているのは、「世間で発表されているトレンドとは異なるかもしれないが、実際に調べ続けてきた確信あるトレンド」です

前置きはそのくらいにしておいて、今年感じたのは、もう従来の静止画では伝えきれなくなってきているということです。動きで画面を見たいという要望は随分前からあったのですが、個人的にもそれが臨界点に達した年ということで、スライドにキャプチャを埋め込むのではなく、ビデオを埋め込むという形にしました。

毎年クロールしたサイトはキャプチャをしていますが、これを資料として残していくために保存方法もビデオにするかどうかというのも検討しています。ということで、2018年は、トレンドの保存方法についてもいろいろと考えるべき年となりそうです。

今回のスライドですが、各デザイントピックの最後は問いかけ文のような形で終わるものが多かったと思います。セッション中は矢野さんや坂本さんに見解を伺ったりしましたが、これは参加者の皆さんへの問いかけでもあります。

年末年始のお休み中とかに、なぜこれらのデザインが今年ピックアップされたのかを考えてみてもいいですし、お客さんと一緒に本スライドを鑑賞して一緒にWebのありかたについて考えるというのもいいと思います。

そのためにお仕事などでこのスライドを利用されても一向に構いません(こういう風に仕事で使ったなどお知らせいただけると嬉しいです、あと引用する場合はクレジット表記をお願いします)。

坂本さんから

セッション8のWebデザイントレンドを担当したフォルトゥナの坂本です。師走のお忙しい中、長時間のセッションをお聞きいただき、ありがとうございました。

今年もさまざまなトレンドがありましたが、個人的にはフチ勢からの派生に注目したいと思います。一口に「スマホ」と括ってしまいがちですが、iPhone Xなどの登場によって、また新しいものが生まれてくるのではないでしょうか。

また今回はロシアンデザインのみを取り上げましたが、ブラジルもおもしいということを最後にお伝えしました。もちろんその国のすべてのサイトということではないのですが、オリンピックの特需によって、平常時よりも活性化されることで目立つのが理由だと思います。

来年には韓国の平昌、2020年にはいよいよ東京での開催です。インバウンド対応などもあるでしょうし、きっと皆さんも忙しくなられることと思います。終了後を心配する向きもありますが、きっと仕事はなくなりませんし、やるべきことは矢野さんや中川さんの言葉にヒントがあると思っています。まだまだ人間のすることは多いと思いますので、がんばってこれからの何年かを生き延びていきましょう。

あらためまして今年も本当にありがとうございました。皆さま、よいお年を!

矢野さんから

Webデザイントレンドセッションを担当した矢野りんです。お疲れ様でした!

「矢野の目」では概念的なお話に終始したので、フォローアップでは次の10年に向けて参考になるリソースの紹介とコンペのご紹介をいたします。

「対話」のデザインに興味があるかたにオススメ

Amazon Alexaは「Skills」というアプリの形でサードパーティが機能追加できます。Skillsを開発するための設計指針が「対話」や「アシスタントとしてのコンテンツ」を考えるための足がかりになります。

「利用シーン」のデザインに興味があるかたにオススメ kickstarter

まだ市場投入されていないテストマーケティング中の製品から、実際に量産が進んでいる製品までさまざまな製品のPRが集まるサービスです。どのスタートアップも限られた予算でコピーライトや動画を駆使し、知恵を絞り尽くして「こんな製品あったらいいな」と思わせる努力をしています。矢野はpopIn Aladdinのチームとしてコピーライティングやビジュアル制作を担当しました。

コンペのご紹介:東京都主催オープンデータアプリコンテスト

最後にコンペのご紹介です。

東京都は人口動態をはじめさまざまなオープンデータを運用しています。そのデータの有効活用を促進するためのコンテストです。矢野は審査員として協力します。他の審査員は元Googleの及川卓也さんや、オープンデータ伝道師おじさんの庄司昌彦先生、株式会社三菱総合研究所の村上文洋さんなど顔ぶれも多彩です。そろそろアプリ開発に挑戦してみたいな!という声がいくつかありましたのでその機会の1つとして是非ご検討ください。

オープンデータは商用利用も可能な有益なデータです。見るだけのコンテンツ作りから使う、使えるコンテンツ作りの力を養えると思います!

次の10年、豊かな発想でキャリアを広げていきましょう!!

CSS Nite実行委員会

CSS Nite Shift11(6)「フォント」鷹野 雅弘(スイッチ)、関口 浩之(ソフトバンク・テクノロジー)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、鷹野 雅弘(スイッチ)、関口 浩之さん(ソフトバンク・テクノロジー)の『 フォントまわりのトレンド2017』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

関口さん(フォントおじさん)から

ご参加ありがとうございました。今年で3年目のフォントセッションでは、鷹野さんと一緒に出演させていただきました。みなさんと一緒に「フォントの世界」を楽しく共有できたこと、感謝いたします。

多くの方から「フォント大好き感が伝わってきた!」とのコメントをいただき、とても嬉しかったです。これからも「知ってるようで意外と知らないフォントの世界」「仕事で役立つフォント情報」「Webフォント最新事情」などを発信していきたいと思います。

「印象に残ったフレーズ」として「フォントおじさん」と回答した方も多かったですが(笑)、次の項目を挙げた方が多かったのは印象的でした。

  • フォントは情報を的確に伝えるためのUI/UX
  • フォントはコンテンツの美観・情報の重み付け・情緒表現

身近な存在でありながら、日頃はあまり意識をしていない書体やフォント。デザイナーだけでなく、Webビジネスに関わるすべての人にとって重要なファクターなのです。『書体の適材適所』を知ると、街中の景色やWebコンテンツを見るのが楽しくなります。そして、書体アドバイスができるようになるとクライアントからも喜ばれます。

今年は「フォントおじさん」として広く知られるようになった一年でしたが、本業では「Webフォントエバンジェリスト」をやってます。Webフォントに関する質問やコメントもたくさんいただきました。

  • Webフォント事例をもっと知りたい
  • Webフォントの技術的なことを知りたい
  • どうやってクライアントへ提案したらいいの
  • ダイナミックサブセッティングを詳しく知りたい
  • 筑紫Q明朝や秀英にじみ明朝はWebフォントとして使えるの? など

先週、とあるWeb制作会社でWebフォント講座を開催しました。そのときのスライドを共有します。上記の回答もスライド内に掲載してますので、ぜひ、ご一読ください。

フォントおじさんが誕生するまで

今年9月にHTML5 Experts.jp編集長の白石さんが寄稿したフォントおじさんとの対談記事が秀逸なんです。この記事がきっかけとなり、「フォントおじさん」の検索ワードで、じわじわと順位が上昇し、2017年10月中旬から1位をキープしております。ありがとうございます。

FONTPLUS入会金0円キャンペーン(Shift11参加者限定)

少しだけ、自分が立ち上げたWebフォントサービスのPRをさせてください。

「FONTPLUSは表示速度が速いし、プロフェショナル書体がたくさん揃っているのはいいけど、入会金1万円のハードル、高いよね」という意見をよくいただきます。

そこで、SHIFT11参加者限定の入会金0円キャンペーンをご用意しました。技術情報も掲載しています。

6年前に、Webフォントのプラットフォーム事業を企画立案して、ソフトバンク・テクノロジーで「FONTPLUS」というサービスを立ち上げました。

1つのライセンス契約で「日本国内外の有名フォントメーカーのWebフォント書体が全部使える!」Webフォントの高級百貨店を事業の旗印に掲げました。

現在、フォントワークス・イワタ・モトヤ・白舟書体・方正・YoonDesign・モリサワ・大日本印刷・SCREEN・砧書体制作所・凸版印刷・Junglesystemの12フォントメーカーの約1,000書体を使えるWebフォントサービスになりました。

来年は、書体メーカーをさらに増やしたいですね~

FONTPLUS DAY Vol.12 事前告知(SNS拡散禁止で!)

フォントかるた制作チーム四名(伊達さん、せきねさん、星さん、横田さん)をお呼びして、FONTPLUS DAY Vol.11「フォントかるた祭り(仮称)」を2018年1月10日(水)19時~、東新宿のソフトバンク・テクノロジーのセミナールームで開催します。

いつも、募集初日で定員に達する無料セミナーです。Shift11の参加者に募集開始日とURLをお知らせします。

募集開始日: 2017年12月20日(水)15時~FONTPLUS DAY Vol.12募集受付URL

※12月20日(水)15時までは受付ページはでません。

フォントおじさんの関連記事、寄稿記事リスト

マイナビ「IT Search+」というメディアで「Webフォント基礎講座」を連載していますので、Webフォントの「基本のキ」を学びたい方におすすめします。

また、どこかでお会いできることを楽しみにしております。

鷹野から

ご参加ありがとうございました!3年目のフォントセッション、関口さんとの初コンビで楽しく準備できました。

最後のまとめでのメッセージを、アンケートで「印象に残ったフレーズ」として挙げてくださった方が多かったのが印象的でした。

  • 装飾でがんばるのでなく、世界観に合ったフォントを選択する
  • 適切なフォントを選択するとフォントの存在感は消える

「今年の文字」に、これ(エイリアンの文字)を入れたかったです。文字や言語に関してもですが、映画そのものもおもしろかったです。もう、レンタル可能になっています。

リンク集

筑紫Q明朝
ビャン

「?辶?穴?月???幺長?言馬?幺長刂心」を入力して、フォントを「源ノ明朝」または「Noto Serif」に設定すると「ビャン」の漢字になります。

貂明朝

貂明朝は、来年のアップデートでカラーフォントとして利用できるようになるようです。

ハンバーガーの絵文字
カラーフォント

Fontself: Make fonts in Illustrator - Fontself - Make your own fonts in Illustrator & Photoshop CC. The easiest font maker fro all creatives!

テキスト表現のトレンド

ウェブフォントについて

ウェブフォントのプロコンについて、以前に作ったチャートを共有します。

よい点:

主に悪い点:

その他

CSS Nite実行委員会

CSS Nite Shift11(5)「マーケティング」益子 貴寛(まぼろし)、安達 里枝(スマイルファーム)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、益子 貴寛さん(まぼろし)、安達 里枝さん(スマイルファーム)の『マーケティングの矛盾:事例で振り返る2017年のウェブマーケティング』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

益子さんから

マーケティングセッションを担当した益子です。

今年は、前半でさまざまな事例を取り上げる一方で、後半では本質的な話にフォーカスしました。クライアントワークや社内でアイデアが求められたときに、「こういう事例がありますよ」というネタとしてお使いください。マーケティングのひとつの大きな目的は「態度を変えてもらうこと」であり、「恋愛」になぞらえて考えるとわかりやすいという点も、周りへの説明の切り口として使えます。ぜひ、お役立てください。

デザインやテクノロジーとマーケティングとの距離は、年々近づいてきています。来年はAI(人工知能)やBI(ビジネスインテリジェンス)がもっと身近なものになり、プロジェクトとしてチャレンジする機会が増えてくるでしょう。「モノづくりから、コト(しくみや体験)づくりへ」という流れに乗っていけるかどうかが、ますます大切。最後のセッションで中川さんがおっしゃった「コンテンツ・イズ・キングから、ブランド・イズ・キングへ」という言葉と、相通じると考えます。

アンケートへの回答

オリンピック関連で変化したことはありますか?

ウェブに限らないのですが、デザイン面で五輪や五色を模したような表現や、スポーティなビジュアル(肉体やスピード感をあらわしたもの)が増えている印象があります。また、ウェブサイトの多言語対応(特に英語と中国語)に取り組むところも、ますます増えるでしょう。

デザインセッションで、原さんから「(ロシアのウェブサイトでも)ウェブフォントなので自動翻訳できる」という言葉がありました。リッチな表現が必要なテキストであっても、なるべく画像化せずにそのままテキストとして入れ込み、ウェブフォントやCSSでデザイン性を高めることが大切といえそうです。

態度変容を、どのように評価するのですか?

最終的にはコンバージョン(ウェブ上のコンバージョン数だけではなく、実申し込み数など)で評価します。KPIとしては、ソーシャルであればエンゲージメントなど、施策に応じてさまざまなものが立てられます。大企業は消費者と企画側の距離が遠いので、エンゲージメントは「数」が第一で評価される傾向がありますが、それほど大きくない会社では、コメントひとつひとつの中身などの「質」が、業務改善や運用のモチベーションを支えるために大切だったりします。

安達さんの事例「つばめ中央自動車学校」のように、掘り起こしや機会損失を防ぐアプローチで消費者とのコミュニケーションを改善する方法であっても、結果的に実申し込みという数字にあらわれます。私が解析を担当している大手企業のプロモーションサイトでも、コンテンツやUI改善の効果をクリックイベントやスクロール量をKPIとして測定していますが、最終的にはコンバージョン数や実申し込み数が評価の対象となります。

広告のように決まった期間に決まった額を投下する取り組みではないので、短期的な効果検証ではわかりやすい数字が出ないケースもありますが、ある程度の期間がたてば、必ず数字としてあらわれます。運用する中でKPIを追加したり見直していく、といった柔軟さも必要ですね。

マーケティング初心者ですが、おすすめの入門書はありますか?

もっとも権威のある古典は、フィリップ・コトラーの本です。中でも『コトラーの戦略的マーケティング』が読みやすいと思います。ウェブマーケティングであれば、権成俊さんの『なぜ、あなたのウェブには戦略がないのか?』がよいですね。

安達さんから

マーケティングセッションを担当した安達です。

今年のセッションは、Shift参加者のペルソナを考え、分析手法・ツールの話題をそぎ落とし、「30分のセッション時間の中で、普段マーケティングに関わりのない職域の方にもマーケティングを自分事にしてもらうための態度変容を起こしてもらえるか」を目標として、構成しました。

事例を通じて、クライアント案件にも活用できそう!とか、時間と気分を味方につけるにはどんなクリエイティブが良いだろうか?と、自分事に置き換えて考えるきっかけとしていただけたら幸いです。

「マーケティングは恋愛」という表現はありきたりと感じるかもしれません。しかし、恋愛に例えると年齢や立場が変わっても、リテラシーが異なっても、それぞれ腑に落ちるところがあるようです。自社都合のマーケティングを要望するクライアントさんに、ぜひ伝えてみてください。

AIスピーカーの波が到来し、音声検索が中心となるであろうこれからの時代。ユーザーが求める文脈とコンテンツとの良き出会いの場を作り、態度変容につなげていくためにも、セッションでお伝えした6つのポイントは、テクノロジーの変化に流されず、活かすことができる本質的な部分だと考えています。

マーケティングオートメーションやWeb接客ツール、AIチャットボットなど、さまざまなテクノロジーの進化がありますが、結局のところ「どう活用するのか」「どう接客するのか」を選び、設計するのは人です。使うのも人です。ペルソナの心理から目を背けることはできません。マーケティング視点でデザイン・UIを考えることで、よりユーザーの心に寄り添った顧客体験を実現できるものと考えています。

これからの10年、私たちを取り巻く環境は、また大きな変化が訪れるでしょう。どんな変化が訪れても、本質的に物事をとらえる目は失わないようにしたいな...と、いつもいつも、自分自身に言い聞かせています。

これからも、「好きなあの人を喜ばせる」したたかなマーケティングを展開していきましょう。ありがとうございました。

アンケートへの回答

オリンピック関連で変化したことはありますか?

自治体の観光系サイトの解析やソーシャルメディア運用、民間企業の越境ECや多言語化に携わっていますが、オリンピックに向けて多言語展開への予算が多く割かれるようになってきたと実感しています。多言語展開での重要なポイントとしては、「翻訳の質・写真や動画のSNS映え・臨場感」です。今まではGoogle翻訳で済ませていた自治体や企業も、検索流入を考慮して各言語ごとのページを、質の高い翻訳者を導入して制作したり、日本語の文章を翻訳するのではなく、初めからネイティブのライターに英語でライティングをすることを望むところも増えてきています。

また、訪日客の増加に伴い、訪日をきっかけに商品を購入した人へ向けた越境ECの制作依頼も増えてきたという実感があります。オリンピックに向け、「ビジネスチャンスを逃さないぞ!」という企業が増えていますので、マーケティングも、ターゲット国にローカライズした施策を考える機会が増えてきました。

態度変容を、どのように評価するのですか?

企業が求めているのは、やはり事業成果につながるかどうかなので、態度変容の評価は、最終的にはコンバージョン数(KGI)で評価します。ただし、事例でも紹介したような、少し遠回りなマーケティング施策を実施する場合は、コンバージョンの数値に変化が現れるまでには時間がかかる場合もありますので、ソーシャルメディアであればエンゲージメントをKPIとして評価する場合が多いです。

エンゲージメントの評価はなかなか難しいところではあるのですが、特にソーシャルメディアの施策を実施していると、その商品やサービス名での言及数が増えたり、指名検索流入が増えてきます。このように言及数(ポジティブ・ネガティブ両方)をツールを使用して調査しながら、指標のひとつとして評価していく場合もあります。

遠回りマーケティングになって、効果の測定が難しくなっているのではないか?と感じるが、そこはどうしているのでしょう?

こちらも前項目の回答と同様です。

マーケティング初心者ですが、おすすめの入門書はありますか?

書籍を読むことももちろん勉強になるのですが、私が初心者の方におすすめしているのは、ご自身が買い物をする時に、「このお店やブランドは、どんなマーケティングを展開しているのか?」を考えながら利用することです。

そこにいるお客さん達は、お店の施策に喜んで乗っかっているのか。ゴリ押し感が強くて引いてしまっているのか。自分がされてどう感じたか。ほんの少しの気付きでも良いので、メモしたり、良いなと思ったモノ?コトは、スマホで撮影して残しておきます。

例えば、私はプロ野球観戦に行くと必ずチェックするポイントがあります。それは、応援グッズや試合の盛り上げ方、来場しているお客さんの行動です。グッズが欲しくなる仕掛けや、最近ではソーシャルメディアのハッシュタグを使った施策など、さまざまなところマーケティングが散りばめられています。

マーケティングは日常に溢れていますので、ちょっと物事の見方を変えるだけで、沢山の参考例に気が付くと思います。色んな角度から気付きが得られることが、マーケティングを学び、理解するためにとても役立ちます。

書籍については、益子さんもピックアップしていた、フィリップ・コトラーや権成俊さんの著書は大変おすすめです。ぜひ一度読んでみてください。

ユーザー心理を分析する手法やそれをアウトプットにつなげる方法を知りたい

業界的には、データありきで分析する方が多いのですが、“データは嘘をつく”ので、データだけではなく、ユーザーインタビューや、ユーザーテストなどの人のリアルな声も大事にしたいと感じています。マーケティング施策やカスタマージャニーを評価するのであれば、絵に描いた餅にならないよう、ぜひユーザーインタビューを実施してみてください。データ分析だけでは気がつかなかった意外な発見があるはずです。

数値(データ)は分析者の判断次第で良く評価される場合も悪く評価される場合もあります。分析者の判断次第でどうにでも評価ができるわけです。つまり、「データは嘘をつく」ということです。私はウェブ解析士として解析案件に多数携わっていますが、実は数値だけで判断するのはとても怖いことだと感じています。

CSS Nite実行委員会

CSS Nite Shift11(4)「アクセシビリティ」植木 真(インフォアクシア)、土屋 一彦 (Website Usability Info)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、植木 真さん(インフォアクシア)、土屋 一彦さん(Website Usability Info)の『アクセシビリティ 改め インクルーシブデザイン?』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

今年は「アクセシビリティ 改め インクルーシブデザイン?」というタイトルでお届けしました。

「アクセシビリティ」というと、障害のある特定のユーザーだけのために、普段ならやらない特別な対応をしなければならない、あるいは、JIS規格やW3Cのガイドラインに対応することだという先入観をお持ちの方が少なくありません。

例えば、障害のある人には、見えづらい、聞こえづらい、操作しづらい、認知しづらいといった利用特性があります。しかし、そういう状況でウェブを利用しているのは、障害のある人だけに限った話ではありません。

これだけ利用環境や利用シーンが多様化してきている中では、見えづらい、聞こえづらい、操作しづらい、認知しづらいという状況は、一時的な場合も含めれば、ほぼすべてのユーザーにとって共通の問題だと考えることができます。

今回ご紹介した「インクルーシブデザイン」のコンセプトにあるように、特定のユーザーだけではなく、多くのユーザーが直面する見えづらい、聞こえづらい、操作しづらい、といったニーズを解決するために、より多くの利用シーンでより良い利用体験(UX)を提供するためのデザインを考えるきっかけになればいいなと思います。

アンケートで次のようなご質問をいただきましたので、お答えします。

Q1. UXとアクセシビリティの関係を図にすると、どんな感じになりますか?

A1. アクセシビリティのセミナーや書籍などでよく引用されている次の図が参考になるかと思います。まずは、Accessibleである(アクセスしやすい、使える)ことが土台にあって、その上で使いやすい、役に立つ、価値があるというように、安心感や満足度が高まっていくと考えることができます。

Q2. アクセシビリティの内容って、つまりWebにおけるブランディングだと思ったんですが、認識は合っているでしょうか?

A2. アクセシビリティが確保されている、つまりいろいろな利用環境で使うことができることによって、その結果としてブランディングにつながることはあると思います。コンテンツを制作する際に具体的にどういう点に気をつけたらよいかという意味では、弊社(インフォアクシア)で作成して公開しているガイドラインも参考になるかと思います。各項目の詳細ページも順次公開していく予定です。

また、アンケートで「できることから始めてみたい」というようなコメントを多くいただきました。皆さんのウェブコンテンツのアクセシビリティを確保するために実践できることは、実はそんなに難しいことばかりではなく、中にはすでに実践していることも少なくありません。

まず「できること」は何か、その基本の「キ」を確認してみたいという方は、2月に開催する初心者向けセミナー「Webアクセシビリティの学校 in 東京」に是非ご参加ください。

2018年は、東京以外にも6月の名古屋が決定しているほか、札幌、仙台、広島、福岡(または九州のどこか)など各地での開催も検討しています。皆さんにまたお会いできることを楽しみにしています!

土屋 一彦さん(Website Usability Info)から

今回初めて Shift に登壇させていただき、多くの皆さんにウェブアクセシビリティのお話をすることができ、とても嬉しいです。

皆さんからいただいたアンケートを拝見したところ、大変多くの方が「印象に残ったキーワード」として「インクルーシブデザイン」を挙げてくださっていました。そのキーワードの記憶と共に、皆さんそれぞれの中に、アクセシビリティに配慮することの大切さを印象に残すことができたとしたら幸いです。

ウェブデザインにおいてアクセシビリティはその根底となる基本品質であり、ユーザーがアクセスできない(リーチできない、認知できない、利用できない) コンテンツは「存在しないのと同じ」です。ある目的をもったユーザーが、たまたま何らかの条件(障害や利用状況)を抱えていたとしても、その条件ゆえに排除されてしまうことのないように、「インクルーシブ」にUXを具現化してゆきたいですね。

アンケートの中で、おすすめの本はありますか?というご質問をいくつかいただきましたが、セッションで採り上げた『インクルーシブ HTML + CSS & JavaScript — 多様なユーザーニーズに応えるフロントエンドデザインパターン』はもちろん、もっと入門的な内容をご希望の方や、サイト設計(デザイン)やディレクション、運営に関わられている方には『デザイニング Web アクセシビリティ — アクセシブルな設計やコンテンツ制作のアプローチ』もおすすめです。

また手前味噌ではありますが、セッションでご紹介した「パラレリズム」(バカリズムではありませんよ)をはじめ、わかりやすいライティングについては、私のサイトで「ウェブライティングのツボ」というシリーズ記事を出していますので、よろしければご覧いただければ幸いです。

これ以外にも Website Usability Info では、ウェブコンテンツのわかりやすさ(探索、認知、理解...)について、皆さんと共有できるような記事を発信できれば、と考えていますので、今後ともよろしくお願いいたします!

CSS Nite実行委員会

CSS Nite Shift11(3)「アドビ」浅野 桜(タガス)、黒野 明子(crema design)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、浅野 桜さん(タガス)、黒野 明子さん(crema design)の『これだけ押さえればOK!Adobeのツールを最大限活用するWebデザイン手法【2017】』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

セッション3「Adobe」を担当したくれまとさくら(黒野明子と浅野桜)です。

2017年は、webサイトの制作ツールに迷う方が多い年だったかもしれません。

Illustratorでのweb制作を紹介すれば「Photoshopは?」、「Sketchじゃないの?」と質問され、Photoshopでのweb制作を紹介すれば「Illustratorは?」、「Photoshopは時代遅れでは?」とご意見をいただくことが多かったのです。

業務内容や制作フローの変化にともなってアプリやサービスが次々と生まれ、従来のアプリも大きく進化してきています。そして個人個人の仕事内容も非常に細分化され、同じように「web/アプリデザイナーです」と名乗っていても、ワークフローはまったく異なるケースも多々見受けられます(くれまとさくらの2人も、業務内容はまったく異なります)。

「webデザインの方法といえばコレ!」というデファクトスタンダードが揺らぎ、不安を抱えている方が多いのだろうと推察されます。黄色い紙のアンケートで「私も◯◯ユーザーなので勇気づけられました」という声をいただいたのも、その現れでしょう。

そんな世情やアンケート結果も踏まえつつ、来年のアプリ模様を「予報」してみましたが、納得できる内容でしたでしょうか。実際には、皆さま自身が「環境/仕事の与件に最適なアプリ」を選び取ることで、刻々と情勢が変わっていきます。

特に会社に所属されている方は、会社の環境によって、導入/活用できるアプリに制約があるケースもあるでしょう。しかし大切なのは、「実際にアプリをアップデートする/できるかどうか」よりも、「自分の知識をアップデートできるか」、「目的に合わせて適切なアプリや機能を選べるか」だと言えます。

まずは情報だけでもキャッチアップしていけば、今後の仕事の幅が広がったり、既存の仕事の効率化がはかれるかもしれません。アプリはあくまで道具のひとつ。主役はサイトやサービスの利用者。そして、デザインとデザイナーの皆さんです。

来年も楽しく&楽(らく)に、デザインに取り組みましょう!

セッション関係資料

補足

Photoshopの書き出し方法について

(1)「クイック書き出し」で一括で書き出す:書き出したいレイヤーをすべて選択すれば、選択したレイヤーを一括で書き出せます。アセット(生成)と異なり、変更箇所を一括(リアルタイム)で更新はできません。

(2)[ファイル]メニュー→[書き出し]→[レイヤーからファイル]でレイヤーごとにJPEGやPNGで書き出すことも可能ですが、複数のレイヤーを組み合わせることが前提になりますので、表から省略しました。

詳しくは、下記の記事をご覧ください。

InVision Studioが気になっています

セッションではご紹介しませんでしたが、XDの強力な対抗馬(かもしれない)、InVision Studioも2018年1月に登場予定ということで、ますます「デザインアプリの空模様」から目が離せません。

CSS Nite実行委員会

CSS Nite Shift11(2)「マークアップ」小山田 晃浩 (ピクセルグリッド)、久保 知己(まぼろし)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、小山田 晃浩さん (ピクセルグリッド)、久保 知己さん(まぼろし)の『2017年のマークアップの話題を総まとめ』セッションのスライドなどを公開します。

フォローアップメッセージは、イベント開催直後(2017年12月)の時点のものです。

フォローアップメッセージ(補足など)

小山田さん

マークアップセッションを担当した小山田です。長い一日、お疲れ様でした。

マークアップセッションは技術的な話題になりがちで、技術を専門にしないかたには難しい部分もあったかもしれません。ただ、Webの進化に取り残されすぎないために、今回ご紹介した内容をキーワードとしてでも覚えておくといいでしょう。

当日は、例えば以下のようなことをお話しました。

  • Firefoxが新しくなったんだって?→ 劇的な進化によりChromeくらい速くなりました。
  • jQueryってやめたほうがいいの?→ やめなくてもいいけれど、ブラウザが進化したので今では使わなくても同じことができるようになりました。
  • Reactってなにがすごいの?→ Webアプリケーションを作るためのライブラリです。一方で従来通りのWebページ作りには必要ないでしょう。
  • webpackってよく聞くけどなに?→ JavaScriptの「import」を今使うためのツールです

これらの内容は当日使ったスライドにまとめていますので、ぜひ復習の材料としてお使いください。

そして、もっと深く勉強したい、という方に向けては、私の所属会社がCodeGridという技術情報サイトを運営していますので、ぜひ参考にしてみてください。

久保さん

マークアップセッションを担当した久保です。
ご来場ありがとうございました。

今年のHTMLは、HTML 5.1 2ndやHTML 5.2が勧告されましたが、インパクトを与えるような変化はありませんでした。
ただし、廃止勧告案の提案や、WHATWGのUTF-8を推奨する記述が話題になり、マークアップはUTF-8のエンコーディングで最新のHTML 5で記述するのがスタンダードになります。

CSSは、CSS Grid Layoutが今年は話題になりました。
セッションでも紹介したIE対応は面倒ですが、IEを考えなければ、柔軟性の高いレイアウトを再現できます。

FlexBoxは1次元のレイアウトが得意ですが、Grid Layoutは2次元レイアウトに非常に強いです。IE 11のサポートは2025年までありますが、今から学んでおいて損はないでしょう。

まぼろしの勉強会

なお、弊社(まぼろし)では、定期的に勉強会を主催しています。
参加には勉強会のテーマに沿った「5?10分程度の発表が必須」となりますが、2018年1月12日(金)に、下記の勉強を予定しています。
発表の内容にその場でフィードバックも得られて勉強になります。ぜひともご参加ください。

セッションの感想や質問について

HTML 5.2のp要素問題に驚いた

p要素の議論はAdded wording to clarify retrictions on children of p elements. by adanilo ? Pull Request #838 ? w3c/htmlで確認できます。

この意図としてはp要素内で仕様できるHTML要素制限し、本来の「段落」として使うことを強調するために、p要素の子を制限する文章を加えました。
ただし子の禁止要素のインラインブロックやfloatなどのブロックレベル要素はCSSでしか再現できません。

問題の文章は、あくまでもCSSは関係ないといっていますが、CSSでしか実現できない内容の記述ため、今後変更される可能性があります。

今までShift-JISで記述されていたサイトはどうすればいいか?

過去に作成したサイトは、そのときの仕様にのっとって作成したものであり、この変更の対象外となります。
またGoogle ChromeでShift-JISエンコーディングで作れた文字化けを起こすページも、ブラウザのアップデートによって減ってきています。すぐにでも対応しなくても構いませんが、将来的には何らかの対応を行なった方がいいかもしれません。

次々と出てくる新しい技術を覚えるにはどうしたらよいか。

新しい技術は、各ブラウザのリリースノートでアナウンスされます。特に目玉となる機能は、リリースノート以外の各ブラウザのブログなどで使い方を紹介するケースなどもあるので、これらをチェックしておくといいと思います。

IEがまた手間のかかる存在のようで… なぜいつもIEがネックになるのか気になりました。

Microsoftは後方互換性を大切にしています。
IEは、本当は新しい機能を追加したいのに互換性の問題で実装できないなどの問題あります。
そのためIE11は、セキュリティのアップデートを行いますが、機能の開発を中止し、最新のweb技術はEdgeが担うことになりました。

現在は少なくなりましたが、IEでしか表示できないサイトやwebシステムが残っています。Microsoftもジレンマとしてあるようですが、これらのサイトやwebシステムでも問題なく使うためにIEが必要となり、それがネックとなります。

CSSクリップパスが便利なのにIEで使えるようになるか気になります。

IEの新規開発は中止されています。そのためIEで使える日は来ないでしょう。

2025年までIE11。知らなかった・・・

IE11のサポート終了のスケジュールは下記のようになっています。

  • Windows 7のIE11は、2020年1月まで
  • Windows 8のIE11は、2023年1月まで
  • Windows 10のIE11は、2025年10月まで

PugよりEJSなどのHTMLテンプレートエンジンの方が好きとおっしゃっていたのはなぜですか?

Pugと他のHTMLテンプレートエンジンの機能に差はありますが、ものすごく大きな差はありません。そのため、インデント構文かHTML構文のどちらが書きやすいかという差しかないと感じています。
この2つの構文を見比べたときに、私はHTML構文の方が編集力に優れていると感じています。

下記は弊社(まぼろし)の勉強会で発表したスライドです。キーボードの矢印で動きます。

エディタの画面があるページは、動画になっています。左がインデント構文、右がHTML構文で同じ操作を行った様子を比べているので、再生してみてください。

レイアウト手法はGrid Layoutが標準に移行するのでしょうか?

Grid Layoutは、レイアウトを作成する専用の機能として新たに策定されていました。最新のGrid Layoutは柔軟性が高く、非常に便利な機能ばかりです。
間違いなくレイアウト手法のスタンダードになるでしょう。

display: gridはTableの考え方に近いのでしょうか?

IEを含めたGrid Layoutの考え方は、Tableに近い考え方です。
ただしIE以外の最新のブラウザが対応しているGrid Layoutの仕様は、Tableとは少し異なると考えた方がいいでしょう。

例えば、Gridのボックスを等間隔に配置したり、ボックスを重ねたり、視覚的にボックスを管理できます。
これらは時間の都合上、紹介しませんでしたが、チェックしておくといいでしょう。

CSS Nite実行委員会

CSS Nite Shift11(7)「スマホUIトレンド」佐藤 洋介(サイバーエージェント)

7 years 9ヶ月 ago

2017年12月16日(土)ベルサール半蔵門 イベントホールで開催したShift11:Webデザイン行く年来る年のフォローアップとして、佐藤 洋介さん(サイバーエージェント)の『スマホアプリにおけるUIデザインのトレンド2017』セッションのスライドなどを公開します。

CSS Nite実行委員会

「Webコンテンツはもうダメだよね」にSEOのレジェンドが反論【海外&国内SEO情報ウォッチ】

7 years 9ヶ月 ago

Web担当者Forum の連載コーナー「海外&国内SEO情報ウォッチ」を更新。「コンテンツが増えすぎたせいで、もうマーケ的には Web コンテンツの価値は下がったよね」という意見を、元 Moz のランド・フィッシュキン氏が明確に否定している。ほかにも、「グーグル画像検索結果表示の変更で SEO がはかどる?」「全ページ共通のテキストで重複コンテンツ?」「ローカル SEOの成功事例」「AMP 最新情報」「最新技術を使った PW Aの威力」などなど、SEO に役立つ情報をまとめてお届け。

- 「Webコンテンツはもうダメだよね」にSEOのレジェンドが反論【海外&国内SEO情報ウォッチ】 -

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

Kenichi Suzuki

低価格で食品・日用品を強化する西友、価格プログラム刷新し約500品目を平均7%値下げ

7 years 9ヶ月 ago

西友は2月22日、ネットスーパー「SEIYUドットコム」と実店舗338店において、食品や日用品などの販売価格を一定期間固定する価格プログラム「プライスロック」を刷新すると発表した。

対象商品を約1300品目追加し、合計で過去最多となる約3000品目の価格を2月22日から3か月間固定する。対象商品のうち約500品目の価格を平均約7%値下げした。

原料価格や物流費の高騰、昨秋の天候不順などで野菜や生鮮食品などが値上がりする中、約3000品目の食品や日用品の価格を据え置くことで販売を強化する。

西友が価格プログラムの「プライスロック」を刷新

価格変動の大きい生鮮食品を充実させ「生鮮強化」を宣言した

「プライスロック」は、西友が掲げるEDLP(Every Day Low Price 毎日低価格)戦略の下、低価格路線を追求する価格プログラム。2015年に導入し、これまで12回実施した。

今回のリニューアルで「プライスロック」の対象期間をこれまでの6か月から3か月に変更。「生鮮強化」を打ち出し、青果や水産、畜産の売れ筋商品であるバナナ、サーモン、アンガスビーフなどを追加した。

価格プログラムの「プライスロック」を展開する「SEIYU ドットコム」

「プライスロック」を展開する「SEIYU ドットコム」

西友の親会社であるウォルマートは2018年1月、楽天との戦略的提携を発表。楽天と西友は2018年7-9月期にネットスーパー事業「楽天西友ネットスーパー」を立ち上げ、協働運営する。西友のネットスーパー「SEIYUドットコム」は「楽天西友ネットスーパー」へ移行する。

渡部 和章

ライトプロ株式会社 代表取締役

渡部 和章(わたなべ・かずあき)

新聞社で約7年半、記者を務めた後、2015年に編集プロダクションのライトプロを設立して代表に就任。編集者兼ライターとしても活動中。

趣味は料理と漫画を読むこと。東京都在住。1983年生まれ。

渡部 和章

ヤマトの配送データを利用して、自社顧客がもっと簡単に荷物を受け取れるようにする方法【今週のアクセスランキング】 | 週間人気記事ランキング

7 years 9ヶ月 ago

ヤマト運輸は昨年12月から「YBM For Developers」を開始しています。荷物の発送や受取をより便利にするためのサービスや機能を、API(Application Programming Interface/データを相互に活用する仕組み)で提供しています。

  1. ヤマト運輸の配送データAPIは使ってますか? 荷物の「配送」「受取」でECサイトの顧客満足やCXを向上する方法

    ヤマト運輸の配送データを他社が活用できるようにするための各種APIの使用は、ECサイトでの顧客満足度アップ・CX向上といった施策に役立つという

    2018/2/19
  2. 在宅ワークできる「ZOZO販売員」に1コーディネート作成600円、「おまかせ定期便」で実施

    衣類の定期販売サービス「おまかせ定期便」においてコーディネートを作成する専門スタッフの募集を開始

    2018/2/19
  3. 商品検索はGoogleよりもAmazonの時代――アマゾンで成功するための広告戦略とは

    Bloomreachの調査によると、55%の消費者がアマゾンで最初に検索行動を行うことが判明。そのAmazonを活用して勝つための広告戦略とは?

    2018/2/16
  4. ECサイトのかご落ち経験者は7割超、理由は「送料や手数料などが高かった」が最多

    調査会社のBarillianceが行った調査(2016年に実施)では、グローバルでのカート離脱率の世界平均は68.81%

    2018/2/16
  5. CVR85%増とUX向上を実現したナノ・ユニバースがやったスマホ時代のECサイト改善策

    ナノ・ユニバースのECはなぜ伸びているのか?その理由をEC責任者と、それを支えるNTTレゾナントが解説

    2018/2/21
  6. セブン&アイ、CRM戦略推進のための「デジタル戦略推進」組織を新設

    オムニチャネル管理部の名称を「デジタル戦略部」へと変更し、デジタル戦略部などを統括するデジタル推進本部を新設

    2018/2/20
  7. 「訪問数×転換率×客単価」ではダメ。オムニチャネル成功のポイントは?【ネッ担まとめ】

    ネットショップ担当者が読んでおくべき2018年2月12日〜18日のニュース

    2018/2/20
  8. ストライプとソフトバンクがファッションECサイト、約600のブランドが参画

    試着後に返品できるサービス、チャットを活用したオンライン接客機能などが特徴

    2018/2/16
  9. 千趣会、通販事業の赤字は57億700万円/新世代に対応するECサイトとは?【今週のアクセスランキング】

    2018年2月9日~15日にアクセス数の多かった記事のランキングを発表! 見逃している人気記事はありませんか?

    2018/2/16
  10. 2018年に10兆円を超える通販・EC市場、ネット販売が拡大をけん引[富士経済調査]

    EC市場における商品カテゴリー別の市場規模を見ると、「食品・産直品」「アパレル」「生活雑貨」などの成長が目立つ

    2018/2/21

※期間内のPV数によるランキングです。一部のまとめ記事や殿堂入り記事はランキング集計から除外されています。

uchiya-m

RIZAPグループに転じた元オルビス社長の髙谷氏、プロダクト戦略や成長戦略を語る。 | 通販新聞ダイジェスト

7 years 9ヶ月 ago

RIZAPグループ子会社の健康コーポレーションでは昨年10月、元オルビス社長の髙谷成夫氏が社長に就任した。豆乳クッキーダイエットや美顔器の通販で一世を風靡(ふうび)した同社だが、近年はプライベートジム「ライザップ」が急成長。M&Aを積極的に行っていることもあり、グループに占める同社の売り上げ比率は低下している。経験豊富な髙谷社長は、グループの祖業でもある同社をどう再成長させるのか。方策を聞いた。

RIZAPの新たなプロダクト戦略

RIZAPグループ子会社の健康コーポレーションでは2017年10月、元オルビス社長の髙谷成夫氏が就任した
健康コーポレーション社長の髙谷成夫氏

――RIZAPグループに参画したきっかけは。

「瀬戸健社長から『RIZAPグループで力を発揮してほしい』という誘いがあった。アグレッシブに挑戦したいという想いから入社を決めた」

――プライベートジム事業などを手掛ける子会社のRIZAPでは取締役を務めている。

「まず、RIZAPでは1月1日付で組織の再編成を実施した。5つの本部体制とし、私はプロダクト事業本部とマーケティング事業本部を統括している。プロダクトに関しては、これまでボディメイクのスタジオ事業として『ライザップ』が立ち上がり、成長してきたわけだが、プラスアルファーとしてプロダクトに関連する事業を第2の柱とするための事業本部だ」

――具体的には。

「ボディメイクに関していえば、低糖質の食事に加え、減量期・維持期を通してたんぱく質やビタミンなど必要なものはたくさんある。これをフードやサプリメントとして提供していく。これまでもやってきたことではあるが、CRMを強化し、減量期はもとより、その後の長い継続的な顧客との関係性を構築し、その中でプロダクト事業をスタジオ事業とほぼ同等の売り上げまで引き上げていく」

――販路は。

「対象としてはスタジオでトレーニングをする『ゲスト』とスタジオに来たことがない『非ゲスト』の2種類がある。ゲスト向けについては、減量やボディメイクだけでなく、健康をサポートする食品群を拡充する。販売チャネルとしてはスタジオやネット販売、さらには法人に向けた営業や直営店も視野に入れる。非ゲストは直営店やネット販売に加えて、コンビニエンスストアやGMSにもライザップブランドとして投入する」

「ボディメイクは健康に直結するので、健康領域への広がりと、さらには痩せることに付随してビューティー領域への広がりを考えている。そこへの商品の提供が成長戦略を考える上で重要になってくる。ゲスト向けについては、スタジオに来ているゲストのパーソナルデータやビッグデータも活かし、よりパーソナライズしたものにしていきたい。一方、非ゲスト向けに関しては、幅広い消費者に触れてもらうために、コンビニで手に取ってもらえる商品群の開発を強化していく」

――ビューティー領域とは、具体的にどんな商品なのか。

「従来のような化粧品だけではなく、ライザップのプログラムやパーソナルデータを組み合わせたものも考えている」

――マーケティングに関しては。

「ライザップではテレビCMの『ビフォアー・アフター』が成功モデルとなったわけだが、それをいかに進化させるかを考えている。また、テレビCMだけではなく、ソーシャルメディアも含めて、広い意味でのメディアマーケティングをどう組み立てるかも課題となる。ボディメイクからスタートしたライザップは領域を広げているわけだが、ブランド価値をさらに上げていく必要がある」

「近年、ライザップのCMに起用するタレントの選定は、健康維持に悩みが出て来る年齢層を中心にしてきた。ただ、ブランドとしての先進性を維持し続けるためには若い層は無視できない。今後もボディメイクから健康までをカバーしていくが、ペイドメディアだけでなく、ソーシャルメディアでのマーケティングも強化したい」

健康コーポレーションの課題と対策

――社長を務める健康コーポレーションの戦略は。

「現在リブランディングを進めている。コーポレートのブランドを作り直すほか、前提となる商品群についても、商品の刷新とマーケティングの変革も含めてリブランディングする。コーポレートブランドについては、新たに『健康を、日本を代表する価値にする』という企業理念を定めた。さらに、“KENKO MARK”という新しいブランドとそれにあわせたブランドロゴを作り、消費者に浸透させていく。商品については豆乳クッキーダイエットや美顔器、洗顔石けんなど、一つの時代を作ってきた自負はあるが、現状は競合と比較しさらなる強化が必要な状況なのは否めない」

――問題点はどこにあるのか。

商品力の課題は大きいだろう。これまで健康コーポレーションは『クッキーをダイエット商材にする』『高価な美顔器を安価に提供し、洗顔ジェルの継続性を高めることで収益化する』など、常識から少し外れた、驚きを与える商品を作っていたし、それが成功の要因でもあった。しかし、それが洗顔石けん『どろあわわ』以降は作れていない。改めて、健康コーポレーションとして、どうすれば驚きやわくわくするような商品やサービスに提供できるかを考えていく」

健康コーポレーションが運営する通販サイト
健康コーポレーションが運営する通販サイト

――定期購入が柱だ。

「ここ数年、定期購入顧客向けの施策よりも新規顧客の獲得を重視した割引のキャンペーンに注力してしまったという反省点がある。やはり、優良顧客をいかに作るかという、お客様を起点とするマーケティングの姿に立ち返るのがリブランディングの大きなテーマになる」

――割引施策をやめるということか。

継続して買ってくれている顧客に対し、どのようなメリットを与えられるかということだ。商品の作り方から情報の出し方、販売の仕方まで、何を軸に組み立て直すか。ダイレクトマーケティング的な、ストーリーのある商品を作り、継続性を高められるような仕組みを取り入れて価値づけしていく。定期購入者へのメリットを重視した施策とするため、これまでのやり方をゼロベースで見直していく」

――広告のクリエイティブに関しては。

「これからのメディアや情報の流通のあり方にあわせて、ストーリーとして価値を伝えられるクリエイティブを作れるかどうかが勝負だ。語れる商品を作りあげることが前提だが、『語り口』はメディアのあり方で変わってくる語れる商品を作りあげることが前提だが、『語り口』はメディアのあり方で変わってくる

――RIZAPグループ子会社である点は押し出さないのか。

「ライザップブランドと分けて展開しているのは、ターゲットや提供すべき価値が異なるからであり、そこは分けて考えたい。ただ、親和性の高い提供の仕方は、グループのシナジーも含めてありうるので検討したい」

――人材育成は。

「既存社員とのコミュニケーションを密に取るほか、経験者採用を強化している。当社は急成長中だからこそ、さまざまなことへ挑戦できる。マーケティングやプロダクト経験者は特に、これまでのスキルをすぐに活かすことができるポジションが多数ある。自分でやるべき仕事を探し実行していきたい方には、最高の環境でしょう」

通販新聞

重複コンテンツが発生する理由、検索に与える悪影響、防ぐ方法などをGoogleが詳しく解説

7 years 9ヶ月 ago

重複コンテンツに関するヘルプ記事を Google は更新した。重複が発生する理由や、重複が検索に与える悪影響、重複を防ぐ方法などが詳細に説明されている。

- 重複コンテンツが発生する理由、検索に与える悪影響、防ぐ方法などをGoogleが詳しく解説 -

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

Kenichi Suzuki

【シニアのネット活用】EC利用回数は月1回以下、ネット利用率は全体平均で6割

7 years 9ヶ月 ago

60歳以上のインターネット利用率は、60代前半は約90%で、年齢が上がるにつれて低下し80代後半で10~20%になる――。

日本能率協会総合研究所は2月19日、60歳から90歳までの消費者を対象とした「高齢者ライフスタイル構造基本調査」(郵送調査)の一部を公表し、男女別・年齢別のインターネット利用率や、1か月あたりのネット通販利用回数の平均値などを明らかにした。

郵送調査を行い、2500人から回答を得た。

インターネット利用率の全体平均は約60%

「あなたはインターネットを利用していますか」という質問に対し、「自分ひとりで、ある程度利用している」または「利用しているが、誰かの手伝いが必要」と回答した比率の合計をインターネット利用率として算出した。

「60~64歳」は男女ともに約90%に達している。男性の「65~69歳」「70~74歳」は80%前後、「75~79歳」は約60%、「80~84歳」は約40%、「85~90歳」は約20%。

女性は「65~69歳」で約80%、「70~74歳」は約60%、「75~79歳」は約40%、「80~84歳」は約20%、「85~90歳」は約10%。

全体平均は約60%。同年代の男女を比べると、70歳以上の年代では男性の方がやや高い。

日本能率協会総合研究所が実施した「高齢者ライフスタイル構造基本調査」、シニアのネット利用率

シニア層のネット利用率

1か月あたりのEC利用回数は全年代で1回以下

1か月あたりのインターネット通信販売(EC)の利用頻度を、男女別・年齢別に調査した。

5歳ごとの年齢別、性別で平均値を算出したところ、男女ともにすべての年代で1回未満だった。 60代前半は女性が約0.8回、男性が約0.7回。女性の一部年代を除き年齢が上がるにつれて平均利用回数は低下している。

日本能率協会総合研究所が実施した「高齢者ライフスタイル構造基本調査」。シニアのネット通販利用率

シニアのネット通販利用率

「テレビCMやチラシで新商品探す」約3割

「高齢者ライフスタイル構造基本調査」では、新商品を探す方法について、テレビCMやチラシなどの広告で、新商品の情報をチェックしているか聞いた。

「あてはまる」「ややあてはまる」の合計は約3割。年齢別でみると70代までは男女ともに3割程度だが、80代後半になると割合が大きく低下している。

日本能率協会総合研究所が実施した「高齢者ライフスタイル構造基本調査」、新商品情報を手に入れる方法

新商品情報をテレビCMやチラシといった広告でチェックする割合

調査概要

  • 調査期間:2017年12月6日~12月18日
  • 調査対象:日本能率協会総合研究所が保有する「高齢者6090リサーチモニター」(全国に居住する60歳から90歳までの男女)
  • 調査方法:郵送調査
  • 回答者数:2500人(配布数4000人、回答率62.5%)性別・年齢・エリアに基づき母集団人口構成比に準拠して回収

渡部 和章

ライトプロ株式会社 代表取締役

渡部 和章(わたなべ・かずあき)

新聞社で約7年半、記者を務めた後、2015年に編集プロダクションのライトプロを設立して代表に就任。編集者兼ライターとしても活動中。

趣味は料理と漫画を読むこと。東京都在住。1983年生まれ。

渡部 和章

たったひとりのためにテレビ広告

7 years 9ヶ月 ago
ウィリアムリグレージュニアカンパニーの菓子「Skittles」が、「Super Bowl LII」のタイミングに合わせ、ひとりの若者だけをターゲットにテレビ広告を制作。その若者を個室に招待して視聴してもらい、その状況をフェイスブックでライブ配信した。そのテレビ広告は公開されていないが、若者の自宅や母親が登場するなどパーソナライズされたものだったという。
noreply@blogger.com (Kenji)

人気記事トップ10

人気記事ランキングをもっと見る