Aggregator

千代田区に1万2,000人の猫好きが集合! ちよだ猫まつり&ニャンダフルマーケット | ネッ担ネコノミクス研究所

10 years ago
妖怪ウォッチのジバニャンまで登場! 千代田区の官民協働プロジェクトから、初のリアルイベント(第2回)

「猫の日」の前後は全国各地で猫にちなんださまざまなイベントが開催されました。中でも千代田区役所で開催された「ちよだ猫まつり」は1万2,000人を動員し、大いに盛り上がりました。物販コーナー「ニャンダフルマーケット」で、ネット通販をやっている人にも直撃インタビューしてきました。

こんなに猫関連イベントが多い年があったでしょうか? いや、ない。

2月22日は2のぞろ目で「猫の日」ということで、全国各地で猫にちなんださまざまなイベントが開催されました。

規模も趣旨もさまざまですが、ざっと並べてみただけでもこれだけのイベントが開催されたのです。

この他にもカルディーコーヒーファームでは「ネコの日バッグ」が販売され、ドーナツ店「イクミママのどうぶつドーナツ」では「10類の猫ドーナツ」を販売……なんてリリースもありました。

猫関連ニュースは昔から常にチェックしている研究員ですが、今年は例年になく猫の話題が多いような。まさに猫ブーム! と肌で感じます。

この中で、当ネコノミクス研究所では「ちよだ猫まつり 2016」に密着いたしました。2月20日(土曜日)と21日(日曜日)の2日間、主催は一般社団法人ちよだニャンとなる会、共催が千代田区というイベントで、千代田区役所内で開催されました。

出演者も登壇者もスタッフも、すべて無償のチャリティーイベント

千代田区では、ちよだニャンとなる会を中心に、千代田区の保健所と協力して飼い主のいない猫の保護活動を行っています。その甲斐あって、この5年は猫の殺処分ゼロを継続中。行政と民間がタッグを組んで猫のために動いている、全国的にも珍しい区なのです。

そんな千代田区で行われた「ちよだ猫まつり」。イベントステージでは獣医師によるセミナーやプロの音楽家によるミニコンサートが行われ、ワークショップ会場ではニャンドル「はっちゃん」の 写真家・八二一氏による写真教室が行われるなど、盛りだくさんな内容。しかも、運営スタッフはもちろん、イベント出演者やセミナー登壇者もすべてノーギャラという、猫への愛がなければ成立しないイベントでした。

今回が初めての開催とあって、運営陣は文字通り寝ないで準備することに。でも、その甲斐あって当日はたくさんの来場者が訪れました。

初日開場前の行列
小雨がそぼ降る中、開場前から行列が!

「ニャンダフルマーケット」も大盛況!

同時開催された「ニャンダフルマーケット」には、40ほどの出店者が集まり、猫のためのグッズや猫モチーフのグッズなどが販売されました。

雑貨以外にもタロット占いや、猫のためのリフォームを提案する会社、そして猫好きにはもはやおなじみの「猫本専門 神保町にゃんこ堂」さんも出店。大いに賑わいを見せていました。

ここならネットショップを運営している方にもお会いできるかも! と思ったら、やっぱりいらっしゃいました。

1人目「G-boy」さん

愛猫をモチーフにした樹脂製のアクセサリーを作って、「minne」や「creema」で販売している「G-boy」さん。

G-boyさん

ネットでの販売の他に、月に1回は各地のマーケットに出店し、販売を行っているそうです。

イベントによって出店料はさまざまですが、今回のニャンダフルマーケットの出店料は2日間で2万円。「売上の〇%をいただきます」といったことはありませんが、数千円で出店できるイベントもあるので比較的高めです。

「出店料がちょっと高いしどうかなーと思ったんですが、猫が好きなので出店しました。そしたらすごく人が来て、びっくりするくらい売れました(笑)」

いつものイベントの1.5倍くらい売れたそうです。

G-boyさんの売り場
G-boyさんのブース。カラフルでクールなバッジがいっぱい!

2人目「ネコソダテ」さん

ネコソダテ 店長しろねこ代理(使用人)の満間 摂子さん
ネコソダテ 店長しろねこ代理(使用人)の満間 摂子さん

「ネコソダテ」さんは姉妹で運営している首輪と迷子札のお店。東京に住む満間さんが材料の調達やサイトの運営を担当し、京都に住む妹さんが製造を担当しています。

「ネコソダテ」さんのショップ
「ネコソダテ」さんの売り場
ネコソダテさんの首輪は、布製で柔らかくて軽いので、子猫でも安心して使えるのが特徴。色柄もさまざま。「あの子に似合うのはどれかな〜」と選ぶのも楽しい。

「場所が区役所と聞いてホントに人が来るのかなと思いましたが、来場者が多くてびっくりしています。客単価も高かったです」

みなさん。財布の紐がゆるんでいたんですね、わかります。

3人目「よもぎや」さん

「よもぎや」さんは革製のポーチやキーケース、ペンケースなどのお店です。キョトンとした表情がたまりません。

写真では伝わりませんが、手触りがものすごく柔らかいのです!

「よもぎや」さんの売り場・ビフォー1
「よもぎや」さんの売り場・ビフォー2
初日の午前中にはこんなにあった商品が……
「よもぎや」さんの売り場・アフター
追加で商品を持って来てもらったにもかかわらず、2日目の午後にはほとんど売れてしまったそうです。ニャンダフルマーケットおそるべし。

もともと猫の保護活動をやっているので、今回の出店の目的はチャリティー。

儲ける気はなかったんですが、結果的に儲かってしまいました」

驚きを隠せない様子でした。

3人目「frss stitch」さん

最後は自社サイトでデザイン性の高いケージや食器、キャリーバッグやフードなどを販売している「frss stitch」さん。

有限会社フリーステッチ 事業統括 小森 智文さん
有限会社フリーステッチ 事業統括 小森 智文さん
「フリーステッチ」のホリスティックブレンド
普段は犬向商品が中心ですが、猫のフードの取扱を始めたので出店してみたそうです。この「ホリスティックブレンド」は穀物不使用のキャットフード。合成着色料や香料、保存料も使用していないそうです。
「フリーステッチ」のスクエアトート
猫界ではあまり見かけない、こんなかっこいいキャリーバッグもあります。手に取ってみたら思っていたより軽くてびっくり。

「今回は販売ではなくプロモーションなので、出店の成果は正直わかりませんが、千代田区はすごいなあと思いました。他の区も頑張って欲しいと思います」

集客の鍵は多彩な催し

両日とも人気を集めたのは「リアル猫ヘッドアートプロジェクト」。リアル猫ヘッドとは日本羊毛アート学園の講師であり、猫人形作家の佐藤法雪さんのプロジェクトで、体験すればたちまち猫の気持ちになれると話題のアートです。

リアル猫ヘッドアートプロジェクト
ニャー!!

このリアル猫ヘッドで記念写真を撮るための整理券は500円で100枚限定。あっと言う間に完売でした。

展示されていた生徒さんの作品もスゴかった〜。

日本羊毛アート学園生徒作品1
今にもこっちに歩いて来そうなこの作品とか……
日本羊毛アート学園生徒作品2
ものすごい眼力のこの作品とか!

私が知っているフエルトの人形とは別物でした。まるで生きているかのようなリアリティー。スゴすぎです!

次に行列ができていたのは、靖国神社の近くに店舗を構える和菓子の宝来屋さん。創業明治元年の老舗で、おしゃれな喫茶室もある素敵なお店です。そんな宝来屋さんがこのイベントのために作ったのが、猫をモチーフにした「ねりきり」と「肉球まんじゅう」、そして焼き印入りのどら焼きです。

宝来屋さんのお菓子
すべて研究員が1人で美味しくいただきました。
宝来屋さん・ビフォー
あっと言う間に行列ができて……
宝来屋さん・アフター
あっと言う間に完売です。

2日目には妖怪ウォッチの「ジバニャン」までやって来ました。えっ、ジバニャンって地縛霊じゃなかったっけ……。「猫を外に出しては危険ですよ」というメッセージか? ……そんなことは関係なく、お子さんたちは大喜び。

ジバニャンと撮影
笑顔でパシャリ
ジバニャンを見送る男児
退場するジバニャンに切なげに手を振る男児

2日目には猫の譲渡会も行われました。

愛しのむぎちゃん
愛くるしい姿で来場者を悶絶させていた「むぎちゃん」。なんと沖縄からやって来ました。
テレビの取材もたくさん
テレビの取材もたくさん入っていました。

譲渡会は一時は2時間待ちの行列ができるほどの人気。命は買うものではなく巡り会うもの、そんな風に考える人が増えれば、寄る辺のない猫たちもきっと幸せになれます。この日も多くの猫が新しい家族と巡り会えました。よかったねぇ!

◇◇◇

センターステージの音楽にゆったりと身を任せる人、真剣な表情で首輪を選ぶ人、熱々の肉まんを嬉しそうに運ぶ小さな兄妹……会場を見渡すと、たくさんの幸せな表情に出会えました。

今回のイベントで寄付されたお金は猫の保護活動と医療費に使われます。素敵なマーケットや出店で楽しくお金と時間をつかい、それが猫のためになるのなら、猫好きにとっては万々歳。「ネコノミクス」はこういう循環であってほしいなあ! と思う研究員でした。

ネコノミクス研究所

猫、および猫を愛する人の暮らしを、便利にしたり楽しくしたりする人や企業を応援します。「この商品がスゴい」「このサービスが面白い」「うちの猫が可愛い」「いやいや、うちの猫の方が可愛い」など、猫に関する情報ならなんでも歓迎いたします。ネットショップ担当者フォーラム編集部までお知らせください!

uchiya-m

WordPressブログをプラグインを使って30分でAMP化する方法

10 years ago

Wordpressブログを手っ取り早くAMP対応させる方法を説明します。3つのプラグインを使う ―― AMP、Facebook Instant Articles & Google AMP Pages by PageFrog、Glue for Yoast SEO & AMP。とりあえずAMP化するだけならこれらのインストールだけで十分。

- WordPressブログをプラグインを使って30分でAMP化する方法 -

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

Kenichi Suzuki

CSS Nite in FUKUOKA, Vol.8が終了しました

10 years ago

2016年2月19日(金)デジタルハリウッド福岡校でCSS Nite in FUKUOKA, Vol.8を開催し、40名の方にご参加いただきました。

CSS Niteの福岡版は、このVol.8を含む、過去5回、デジタルハリウッド福岡校に会場提供を含めてサポートいただいています。

今回(Vol.8)、昨年末に都内で開催したShift9から2セッションの再演版を2セッション、

  • 「Webデザイントレンド」/原 一浩(Greative)
  • 「ツールと制作環境、フォント 2015-2016」/鷹野 雅弘(スイッチ)

加えて、2本のLT(ライトニングトーク)で構成しました。

  • フリーランスになって気付いた「やっててよかったこと」と「今やってること」について /末永 まり絵(デザイン イリューム)
  • 体の動きが音楽になる!次世代楽器「KAGURA」/横山 隆明(しくみデザイン)

次のブログで取り上げていただきました。ありがとうございます。

CSS Nite実行委員会

グーグル、「広告主コミュニティ」を公開

10 years ago
グーグルが「AdWordsコミュニティ」を刷新して「広告主コミュニティ」を公開。今後「AdWords」のブログ記事は、「Inside-AdWords」でなく「広告主コミュニティ」でのみ更新されるという。
------------------------------
Google 広告主コミュニティ
https://www.ja.advertisercommunity.com/
------------------------------
noreply@blogger.com (Kenji)

グーグルの検索結果が大変化:右広告枠が消滅し、AMP表示開始【海外&国内SEO情報ウォッチ】

10 years ago

Web担当者Forumの連載コーナー、「海外&国内SEO情報ウォッチ」を更新。今週は、『グーグルの検索結果が大変化:右広告枠が消滅し、AMP表示開始』、『素朴な疑問だけど、AMP対応ってしたほうがいいの?』、『これはヒドイ! DMCA申請を悪用され検索結果から消された葬儀屋さん』など10記事+4記事。

- グーグルの検索結果が大変化:右広告枠が消滅し、AMP表示開始【海外&国内SEO情報ウォッチ】 -

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

Kenichi Suzuki

関連団体からのお知らせ及びイベント

10 years ago

■首都大学オープンユニバーシティ

(2016/2/18-2016/3/11 @首都大学東京 飯田橋キャンパス)

https://www.ou.tmu.ac.jp/web/course/detail/1541G006/

※黒須名誉理事長が講師を務めるセミナーです。

 

■村上隆の五百羅漢図展

(2015/10/31-2016/03/06@森美術館)

http://www.mori.art.museum/jp/exhibition/murakami_takashi.html

 

■祖父江慎+コズフィッシュ展:ブックデザイ

(2016/1/23-3/23 @日比谷図書文化館)

http://hibiyal.jp/hibiya/museum/exhibision2015sobue-cozfish.html

 

■インタラクション2016

(2016/3/2-2016/3/4 @科学技術館)

http://www.interaction-ipsj.org/2016/

 

■ゲームってなんでおもしろい?

(2016/3/2-5/30 @日本科学未来館)

http://www.fujitv.co.jp/events/gameon/

 

■街づくり・店づくり 未来提案EXPO 2016

(2016/3/8-11 @東京ビッグサイト)

https://messe.nikkei.co.jp/fe/

 

■デジタルヒューマン・ワークショップ&オープンハウス2016

(2016/3/9 @産業技術総合研究所 臨海副都心センター 本館3階・4階)

http://www.dh.aist.go.jp/jp/general/2016.php

 

■情報処理学会第78回全国大会

(2016/3/10-12 @慶應義塾大学 矢上キャンパス)

http://www.ipsj.or.jp/event/taikai/78/index.html

 

■2016年電子情報通信学会総合大会

(2016/3/15-18 @九州大学 伊都キャンパス)

http://www.ieice-taikai.jp/jpn/

 

■MIYAKE ISSEY展: 三宅一生の仕事

(2016/3/16-6/13 @国立新美術館)

http://www.nact.jp/exhibition_special/2016/MIYAKE_ISSEY/

 

■International Symposium on Affective Science and Engineering 2016

(2016/3/21-2016/3/22 @工学院大学)

https://www.isase-ke.org/conferences/isase2016/

 

■第11回日本感性工学会春季大会

(2016/3/26-2016/3/27 @神戸国際会議場)

http://www.jske.org/taikai/jske11s/

 

■2016年度サービス学会 第4回 国内大会

(2016/3/28-29 @神戸大学 百年記念館(神大会館),瀧川記念学術交流会館)

http://ja.serviceology.org/events/domestic2016.html

Fujikawa

初めての動画リリース!見てもらえる動画作成の基本

10 years ago
初めての動画リリース!見てもらえる動画作成の基本

初めての動画リリース!見てもらえる動画作成の基本

ニューズ・ツー・ユーでは2016年2月2日から、「動画リリースサービス(仮称)」の提供を開始しました。これは、スマートフォンで商品紹介やイベントの動画を撮影し、撮影した動画を埋め込んだリリースを配信できる期間限定のトライアルプランです。
「テンプレートに従って撮影すれば簡単にクオリティの高い動画を作ることができるので、初めての方でも安心!」と謳っていますが、いざ「撮影してください!」と言われても何を撮ったらよいか、そしてどのように撮ったらいいか分からないという方も多いのではないかと思います。

そこで、今回は動画リリースで、訴求力のある動画を作るためのヒントをご紹介したいと思います!

見てもらえる動画のポイント

先日、「よいコンテンツを届けるためのトレンドを学ぶ キュレーションアプリ、ネイティブアド、SNSの最新事例 はてなオウンドメディアマーケティングセミナー」に参加してきました。コンテンツマーケティングを担当している者としてはとても参考になる貴重なお話ばかりでした。

その中で、ヤフー株式会社の涌井瑞希さんがFacebookで動画を拡散させるポイントをお話していましたので、3点ご紹介しながら、動画リリースにどのように活かしたらよいか考えてみました。

最初の三秒がキモ!

最初の三秒がキモ!

動画が始まって3秒間ほぼ映像が動かなかったら、続きを見ずにそのまま消してしまうと思います。スタートから動きのある動画の方がリーチ力があるのだそうです。

これはリリースに埋め込まれる動画も一緒です。
すぐに絵が動き出さないと「なんだかつまらなさそう…」と思われる可能性があります。
なるべく最初のカットから動きがある方が、興味を持って見続けてくれるでしょう。

動画リリースで商品や会社のロゴを冒頭に撮影する際は、カメラワークを工夫して、カメラをスライドさせる「パン撮影」か、ズームで撮影すると良いかもしれません。動かないものを撮るときは自分が動くということですね!

長さよりも内容が大事

内容がしっかりしていても、長い動画は途中で飽きられて最後まで見てもらえないのでは?と思う方もいるかもしれません。
だからと言って大事な要素や伝えたいことをカットしてしまうと、結局何が言いたかったのか分からない意味不明な動画が完成してしまいます。

視聴者は映像を見て何か情報や感情を得ないと次の行動を起こしてくれません。
伝えたい内容が、冗長にならずに伝えられていれば長くても見てもらえるし、短くてもメッセージが伝わって「なるほど!」と思ってもらえれば、ユーザーの納得感は長めの動画と変わらないそうです。

動画リリースの場合で考えてみると、リリース本文では伝えられないような内容を動画に盛り込むと良いでしょう。テキストでは伝わらない五感に訴えるものや、雰囲気を伝える映像で、「そうなんだ!」「これ欲しい!」と思ってもらえるようにしましょう。

単調でない構成にする

単調でない構成にする

これは最初の3秒が大事ということと少しかぶりますが、動画全体があまり絵変わりしない動画は見ていて楽しくありません。
カットやアングルがテンポよく変わって、動きがある方が「この後どうなるんだろう?」と、最後まで見てくれる確率があがります。
そのため、定点カメラで撮影するインタビューのような絵変わりしない単調なものは動画としてあまり良いとは言えないそうです。

リリースに動画を埋め込む場合、ユーザーはすでにリリース本文で内容を把握している場合が多いことが考えられます。内容を知った上でさらに動画を見る、ということを考慮して、リリース本文の内容と被らず、興味を持って見ることができるようなテンポの良さを心掛けましょう。
リリース内にインタビュー動画を入れる場合は、音声を流して話者以外のカットを盛り込み、絵に変化を与えるといいかもしれません。

リリース用として作成した動画も二次活用して広げよう!

今回ニューズ・ツー・ユーで提供している「動画リリースサービス(仮称)」は、作った動画をYoutubeにアップし、本文内に動画を埋め込む仕組みになっています。

動画リリースとして配信するだけでなく、作成した動画を自社サイトにアップしたり、ソーシャルメディアで公開すると「いいね!」やシェアを獲得しやすく、ユーザーにアピールできる機会が増えます。

補足:サムネイルも大事です

サムネイルも大事です

ネット上に動画を上げる際に、動画の一覧や動画が流れる前に表示される「サムネイル」は自分で選ぶことができます。また、動画内の画像だけでなく、別の画像を設定することも可能です。

セミナーでは、ONAというジャーナリズムイベントで発表された米国の研究結果を引用し、よいサムネイルの選ぶ際のアドバイスも紹介されていたので、3つにまとめました。

  1. 色鮮やかで鮮明なもの
    パッと見たときに色鮮やかで明るいもののほうが目をひきます。くすんでいたり、一色でまとまっているものはあまりサムネイルには適さないそうです。
  2. 人間の顔はすごく大事
    一人よりも複数人の方がよく、どちらかというと男性より女性の方が好まれます。
  3.  Instability(不安性)が大事
     人が映っている場合、カメラ目線よりもどこか違う方向を向いている方が拡散されやすいのだそうです。他にも何かが落ちそうといったアクションが起きる直前のショットも適しているとのことでした。

今回ご紹介したポイントを意識して、この機会にぜひ自社でも動画コンテンツを、そして動画リリースを始めてみてはいかがでしょうか。

ニューズ・ツー・ユー、動画制作とリリース配信をセットにした「動画リリースサービス(仮称)」を2016年2月2日より1回3.8万円でトラ|株式会社ニューズ・ツー・ユーのニュースリリース

ネットPR事業を展開している株式会社ニューズ・ツー・ユー(東京都千代田区、代表取締役社長:増田彰)は、動画制作とニュースリリース配信をセットにした「動画リリースサービス(仮称)」のトライアル販売を2016年2月2日より期間限定で開始します。 本サービスは、1件あたり3.8万円(税別)として、お客様がお試ししやすい料金で提供いたします。 ▼動画リリースサービス(仮称)トライアル概要 …

Cider

関連商品をレコメンドする「VeAssist」のモバイル版をリリース、VeJapan

10 years ago
メガネスーパーがすでに導入し、新規ユーザーの獲得に高い効果をあげている

Web接客サービスを展開するVe Japanは2月から、閲覧していた商品に関連するほかの商品をレコメンドする機能「VeAssist(ヴィ・アシスト)」のモバイル版の提供を開始した。

スマートフォンは表示スペースが少ないため、レコメンド商品などが表示しにくい。「VeAssist(ヴィ・アシスト)」はユーザーが離脱する際、ポップアップを表示する仕組みのため、スマホでは高い効果が発揮できるという。

「VeAssist」は「戻る」ボタンで直帰したり、長い時間にわたって画面を操作しなかった場合、別のサイトへ遷移しようとした時に、ポップアップを表示し、サイト内で扱っている商品をレコメンドするサービス。

世界初の導入企業としてメガネスーパーの自社ECサイトですでに利用を開始。新規ユーザーの獲得に大きな成果を発揮しているという。全体では新規ユーザーの35%が購入にいたるのに対し、「VeAssist」経由の新規ユーザーは69%が購入に至っているという。商品詳細ページの離脱率は19.1%から18.6%に改善した。

EC事業者は商品のデータフィードを用意することなく実装することが可能。メガネスーパーはインタースペースのアフィリエイト広告「アクセストレード」でコンバージョンのトラッキングをしており、アフィリエイト広告費用のみで利用している。

VeAssistモバイル版の表示イメージ

中川 昌俊

ネットショップ担当者フォーラム編集部

ネットショップ支援会社を中心にEC業界にかかわる企業や人を取材していこうと思っています。

読んで少しでも経営に役立ったり、なるほどと言ってもらえるような記事の執筆を心がけます。

nakagawa-m

Shift9:Webデザイン行く年来る年(CSS Nite LP43)のフォローアップを公開します

10 years ago
CSS Nite実行委員会

全日本DM大賞グランプリは山代温泉 宝生亭の「金の名札」、8割のレスポンス率が評価

10 years ago
発送した100通のうち84%が宿泊予約した成果が高く評価

日本郵便は2月24日、優れたダイレクトメール(DM)活用例を顕彰する「第30回全日本DM大賞」の表彰式を開催し、グランプリに石川県加賀市の温泉旅館「山代温泉 宝生亭」のDMを選出した。

「山代温泉 宝生亭」のDMは、常連客の中から厳選した100人に対して、特注で名入れした「金のバッジ」を送付しVIP感を演出。その結果、84組が宿泊プランを予約するという成果をあげた点が評価された。

金賞には、果樹園を運営する「かみやま農園」のさくらんぼ狩りを紹介するDM、ソフトバンクの機種変更を促すDM、ベネッセコーポレーションの「こどもチャレンジのDMが選ばれた。

銀賞8点、銅賞12点、審査委員特別賞2点、日本郵便特別賞5点(複数受賞あり)が贈賞式で発表された。

「第30回全日本DM大賞」は、2014年11月から2015年9月にかけて制作、発送されたDMのうち、応募があった625点を対象に審査。戦略性、クリエイティブ、実施効果の3つの観点から評価した。25点の入賞作品は、2月29日から3月4日まで、東京・汐留のトッパンフォームズビル1階ロビーで展示される。入場料は無料。

グランプリに選ばれた山代温泉 宝生亭のDM

中川 昌俊

ネットショップ担当者フォーラム編集部

ネットショップ支援会社を中心にEC業界にかかわる企業や人を取材していこうと思っています。

読んで少しでも経営に役立ったり、なるほどと言ってもらえるような記事の執筆を心がけます。

nakagawa-m

商品購入の決め手。若者はTwitter、シニアは断然メール | 週間人気記事ランキング

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

エクスペリアンジャパンの「メール&クロスチャネルユーザー動向調査2016」と、ヴァリューズのスマートフォンアプリの使用頻度に関するランキングにアクセスが集まりました。エクスペリアンジャパンによるとLINEの利用率は急増中。2015年調査では68.0%で、2014年と比べると31.0ポイント増だそうです。

  1. 「商品購入の決め手」はメールが1位、20代以下ではLINEとTwitterの影響度も大きい

    tweet59このエントリーをはてなブックマークに追加

    「30~40代」「50代以上」の50%以上が、メールが商品購入の決め手、購入検討のきっかけになったとエクスペリアンジャパン調査に回答

    2016/2/19
  2. スマホ使用頻度1位はLINE。Facebook、TwitterにYahoo!とマクドナルドが迫る

    tweet21このエントリーをはてなブックマークに追加

    『VALUES eMark+』を使った、男女×年代別、よく使うアプリランキングをヴァリューズが発表

    2016/2/19
  3. 楽天・三木谷社長が語る国内EC流通総額5兆円計画

    tweet8このエントリーをはてなブックマークに追加

    15年12月期の楽天市場のモバイル比率は54.2%、専用スマホアプリの流通総額は前年同期比105.1%増

    2016/2/22
  4. 優秀な店員はなぜ接客が優れているのか? テクノロジーを活用した店舗流接客のすすめ

    個々の接客の質を引き上げるには、ROIを重視したビッグデータによるアプローチが重要

    2016/2/23
  5. ヤフー出店者の利用が増えているYahoo!ショッピング広告「PRオプション」とは?

    出稿が増えている「PRオプション」は現在、テスト段階で、出稿できるのは一定の実績を持つ店舗(対象は数千店舗規模)

    2016/2/24
  6. ECサイトのカード情報は原則非保持へ、保有する場合はPCIDSSへの準拠を推進

    経済産業省2018年3月までに、カードのEC加盟店などに対し、非保持化などを推進する安全対策を強化する

    2016/2/24
  7. ユナイテッドアローズのECも採用、シルバーエッグのレコメンドと「KARTE」がタッグ

    「KARTE」と「アイジェント・レコメンダー」の連携で、レコメンド表示するタイミングや出し方を自由に設定可能

    2016/2/24
  8. 公取委がプラットフォームと出店者の取引実態を再び調査する理由

    公正取引員会は2006年に大手モールとその店子の取引実態を調査、独占禁止法上の評価などをまとめた報告書を公表している

    2016/2/19
  9. LINEスタンプを使ったEC関連企業31社のキャラクター戦略

    公式から無料配布するだけじゃない「隠しスタンプ」の活用事例

    2016/2/24
  10. ネットショップ業界はどうなっているんだ! 経産省と公取委が共同調査。など14記事【ネッ担まとめ】

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

    2016/2/23

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

    uchiya-m

    自社に合うアフィリエイトはどのタイプ? アフィリエイターの種類を知ろう | アフィリエイトの効果が出ていないEC事業者のためのアフィリエイト再入門講座

    10 years ago
    アフィリエイトには6つのタイプがあります。最適なアフィリエイターと出会えるASPを選ぼう(第3回)

    前回、ASPを選ぶポイントとして機能面が重要だとお伝えしましたが、もう1つ意識すべきことがあります。それはASPと提携関係にあるアフィリエイターの傾向です。一概にアフィリエイターといっても、個人が運営するサイトから、大手企業が運営する法人サイトと、さまざまなアフィリエイターがいます。ASPを選択するときは「紹介してほしいアフィリエイターがいるところ」を選ぶ必要があります。

    アフィリエイトサイトの6つの種類

    アフィリエイトサイトの種類は、ASP(アフィリエイト・サービスプロバイダー)各社で、名称も分け方も違いますが、大きく分類するとこの3つになります。

    • ポイントバックサイト……法人が運営している代表的なサイト
    • 法人サイト……法人が運営しているポイントバック以外のサイト
    • 個人サイト……一般個人が運営しているサイト

    サイトのタイプで分類すると下記の6つになります。

     ① ポイントバックサイト(法人のみ)
     ② 検索・価格比較系
     ③ SEO系
     ④ SEM系
     ⑤ コンテンツ系(②〜⑤は法人も個人もあり)
     ⑥ 個人サイト(個人のみ)

    それぞれについてご説明します。

    ①ポイントバックサイト

    法人アフィリエイトサイトの代表的な1つです。「クレジットカード系」「ポイント還元系」「Pサイト」とも呼ばれており、自サイトの会員が提携企業で資料請求や商品購入をするとポイント付与し、メリットを還元しているサイトです。会員はポイントがたまると商品に交換したり、現金に交換したりすることができます。永久不滅.comJALマイレージバンクANAマイレージモールOki Doki ランド(JCBが運営するポイント優待サイト)、Gポイントなどがあります。

    自サイトに多くの会員を抱えており、ポイント付与による送客力が強みですが、ポイントだけを目当てにしているユーザーも存在するのが注意点です。また、一部、掲載条件に月額固定費などが発生するサイトもあるので、ASPの営業担当と相談しながら掲載を進めるとよいでしょう。

    ②検索・価格比較系

    商品を横断的に検索できて、価格比較ができるサイトです。サイトの滞在時間が長く、価格と商品のスペックや内容をよく吟味するユーザーが多いことが特徴です。代表的なサイトは価格.com。その他にもショッピングサーチ.jpなどがあります。

    API(アプリケーション・プログラミング・インターフェイス)を利用する場合は、選択したASPでAPIの提供が可能か確認する必要があります。

    ③SEO系

    その名の通り、検索サイトの上位表示で集客を得ているサイトです。「ショッピングカート 比較」「クレジットカード おすすめ」などで検索してみると、検索上位にいるアフィリエイトサイトを確認できます。

    検索上位サイトに掲載されれば、自社サイトで拾いきれないキーワードでの集客も期待できます。ただし、アフィリエイターの中にはSEOを得意としている方もいるので、自社商品名なのにアフィリエイターサイトが1位に表示される……といったことも起こりえます。

    ④SEM系

    Yahoo!やGoogleなどの、検索エンジンが提供している広告を利用して集客しているサイトです。「PPC系」「リスティング系」とも呼ばれており、自ら商品名などのキーワードを購入して、検索サイトで上位表示させています。自腹を切って集客していると言えますが、SEM系サイトとの取り組みは、キーワードをどの範囲まで開放するのか、事前のルール作りが必須となります。

    なぜなら、100%リスティングを開放すると、自社ですでに検索上位となっている商品名やショップ名での購入も容認したこととなり、自社のリスティング広告運用に影響が出る場合があるからです。広告主によっては全面的に開放している場合もありますが、「商標、ショップ名、商品名での入札を禁止」としているところが多いようです。

    また一部、禁止しているにもかかわらず、ルール外の活動をしているアフィリエイターの存在も問題視されています。ASPによってはパトロールを強化しているところもありますので、検討の1つとするとよいでしょう。

    ⑤コンテンツ系

    ベビータウンWalkerplusiQONのように、特定の目的や趣味趣向などに特化した情報を提供するサイトです。専門的な情報を掲載しているので、良質なユーザーが多い傾向があります。

    ⑥個人サイト・ブログ

    おそらく、一般的に思い浮かべるアフィリエイトサイトはこちらかもしれません。自分の趣味や毎日の出来事をブログなどで紹介するサイトです。無料ブログサービスを利用したアフィリエイターも多いです。

    1つ1つのサイトに集客力が弱くても、多くのサイトと提携することで、積み上げが期待できます。個別の施策ももちろんですが、全体を見たマスプロモーションを用いた取り組みが中心となります。

    ASPには得意・不得意がある

    例えば個人サイトが中心で、還元系サイトの取り扱いをしていないASPや、そもそも検索・価格比較系に掲載するための仕組みを持っていないASPもあります。つまり、選択したASPによっては、「希望するアフィリエイターへ提携のお願いをするチャンスすらない」といったことも起こりえるのです。得意・不得意を確認し、自社の施策に合ったASPを選択したいところです。

    ①ポイントバック系②検索・価格比較系集客力が高い。固定費・特別報酬が必要な場合も③SEO系④SEM系⑤コンテンツ系⑥個人サイト商品のファンやエンドユーザーが運営しているこごもある
    図 あるASPでのアフィリエイターの傾向(例)

    上の図は、あるASPでのアフィリエイターの傾向を図にしたものです。上は集客力が強く、成果に貢献しているサイトです。ここでは、クレジットカード系のポイントバックサイトが圧倒的な集客力を誇っています。広告主の中には、上位2%のアフィリエイターが、全体売上を支えている場合もあります。

    また、逆に、多くの個人サイトに掲載されることで成果を積み上げるASPもあります。上位傾向はASPにより変わるので、ぜひ担当営業に「御社はどんなアフィリエイターが多いの?」「どんなサイトが集客力あるの?」と聞いてみましょう。

    メリット・デメリットも知っておこう

    ポイントバック系などの大手法人は圧倒的な集客力を持っていますが、掲載は商品の知名度やブランド力などが影響するので、ASPに掲載依頼をしても進まないことがあります。商談会による個別の提案が必要であったり、月額固定費が発生したり、通常報酬よりさらに報酬アップとなる特別報酬(特単)を掲載条件にしている場合もあります。

    予算をかけられない場合は、個人アフィリエイターへのアプローチが必要となります。個人サイトは、「商品のファン」「ユーザー」のように一般消費者に近い視点で紹介してもらえる利点があります。1サイトからの成果は年1回であったとしても、より多くのアフィリエイトサイトと提携関係を結ぶことで成果を積み上げていくことができます。

    ですが消費者と同様、「熱しやすく冷めやすい」という傾向もあるので、飽きられない、忘れられないための工夫が必要です。より多くの提携数を増やすために、オンラインプロモーションや、エンドユーザー向けのキャンペーン情報の共有といった、「マスプロモーション」を継続的に行う必要があります。

    ◇◇◇

    いずれにしても、自社の傾向に合わせて、より貢献度の高いアフィリエイターに対して、より多くのリソースを投下することが原則です。限られた予算と時間を効率良く使っていきましょう。

    鈴木 珠世

    鈴木 珠世

    コミュニケーション・マーケティング コンサルタント

    2004年よりギフトメーカーのWebショップ担当を経験。「モノを売る楽しさ」「アフィリエイトの楽しさ」に目覚め、2008年よりファンコミュニケーションズ、そしてリンクシェア・ジャパンにて、ネットショップ運営者やアフィリエイトサイト運営者に向けた教育・啓蒙活動に従事。その後、売れるネット広告社にて新規媒体営業と通販事業者向けのコンサルティングを行う。

    日本アフィリエイト協議会による、アフィリエイト業界関係者が選ぶ「アフィリエイト業界MostValuable Player(MVP)」2012、2013、2014の3年連続の受賞など、受賞歴も多い。共著にて「成功するネットショップ 集客と運営の教科書」を出版。

    現在フリーにて、ネットショップ(通販企業)向けのコンサルティングを開始。

    uchiya-m

    Shift9:Webデザイン行く年来る年(CSS Nite LP43)フォローアップ(1)長谷川 恭久さん(could)

    10 years ago

    2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォローアップとして、長谷川 恭久さん(could)の『貴重講演:制作者はもっと盗むべき、たったひとつの理由』セッションのスライドなどを公開します。

    フォローアップ+メッセージ

    基調講演「制作者はもっと盗むべき たったひとつの理由」を担当した長谷川です。年末のお忙しい中、ご来場いただきありがとうございました。 例年以上に刺激がたくさんあるイベントだったのではないでしょうか。

    私は今でも Web ブラウザにある「ソースを見る・要素検証」を選択して、Web サイトの中身を見て学んでいます。この「コピーのしやすさ、盗みやすさ」が Web を急成長させた要因です。皆で学ぶから Shift のようなイベントで毎年集まる度に多くのことを学べるわけです。仕事をする人間としてのモラルをもつことは重要ですが、「これは他人のアイデアだから禁止」と過保護になるより、新しいものを作り続けるほうが自分にとっても周りにとっても良いはずだと思います。

    クリエイティビティという言葉には、どこか神秘的なところがありますし、デザインにしても似たようなニュアンスが含まれていることがあります。しかし、その神秘性が「よく分からない」ということになり、「デザイナー=いつの間にか良いかんじのものを作ってくれる人」という立場にさせているのではないでしょうか。私たちはそのベールによって隠れたデザインを見せていく必要があります。

    最後のセッションで矢野りんさんが「コミュ障になるな」と仰っていましたが、これは正に本セッションと繋がるものだと考えています。デザインを見てもらえば分かってもらえるということはありません。プロセスを見せる。自分のデザインについて語る。私たちの仕事にある「分かりにくい」ところを少しでも「分かりやすくする」ところがスタートではないかと思います。

    これからも Web 上で、そして CSS Nite でデザインのこと、開発のこと、制作のこと話し合っていきましょう。

    動画

    Shift9[#1]基調講演/長谷川 恭久(could) from CSS Nite on Vimeo.

    CSS Nite実行委員会

    Shift9:Webデザイン行く年来る年(CSS Nite LP43)フォローアップ(2)益子 貴寛さん(サイバーガーデン)、小山田 晃浩さん (ピクセルグリッド)、久保 知己さん(まぼろし)

    10 years ago

    2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォローアップとして、益子 貴寛さん(サイバーガーデン)、小山田 晃浩さん (ピクセルグリッド)、久保 知己さん(まぼろし)の『マークアップ』セッションのスライドなどを公開します。

    メッセージ:小山田さん

    マークアップセッションを担当した小山田です。

    マークアップ・フロントエンドの視点から見た今年のトレンドと来年の予想、いかがでしたでしょうか?

    HTMLやCSSなどテクニック単体での大きな変化はあまりなかった用に感じますが、それを取り巻く環境は大きく変わった用に感じます。

    特にIEについて、IE8のサポートは終了し、これからは9あるいは11が下限になるというお話をしました。事実、すでにいくつかの有名サイトでは排除する方向に向かっていますし、来年はそれが普通になってくると考えています。

    制作者が考えなければならないブラウザーの下限が変わればできることはより多くなります!そして理不尽な不具合にも付き合わなくてよくなるのです。

    も ちろんこれは、私達の仕事が楽になるからという理由ではなく、IE8がキケンなブラウザーという建前があるからです。「だれがキケンの責任を取るのか」も 含めみなさんの上司やお客さんにも相談し、社内のガイドライン等を見なおしてみてはいかがでしょうか。そしてよりモダンな技術でよりより体験をWebの利 用者にお届けしてはどうでしょうか。

    最後に、すこしおそくなりましたがWebGL(JavaScript)でメリークリスマス!
    http://yomotsu.net/blog/assets/2015-12-25-xmas/demo/index2.html

    お知らせ: 弊社ではCodeGridというメディアを運営しています。HTML、CSS、JavaScript、今回話題にした縦書きやWebアプリケーションの作り方などを毎週木曜日にお届けしています。「技術の情報を自動で仕入れたい」という方、ぜひお試しください!

    メッセージ:益子さん

    マークアップセッションを担当した益子です。Shift9へのご参加、ありがとうございました。

    デザイントレンドを担当した原さんと、「Shiftって、ちょっと同窓会っぽいノリで、楽しいね」と話していました。

    いろんなセミナーや勉強会がありますが、9年つづけているShift、10年つづけているCSS Niteの価値が、そんなところにもあると思っています。

    来年は、セッションのラインナップや出演者を見直し、ますます充実した内容をみなさんにお届けできたらと思います。

    同じ時代に生まれ、生きている者同士、知識と熱を心地よく分け合える場になれたらと、いつも願っています。

    メッセージ:久保さん

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

    今年を振り返ると、CSSそのものには大きな変化はあまりありませんでした。
    CSS設計の浸透や、SassやPostCSSなどのツールが去年とは異なる流れにのった年だと感じています。

    Sassは本家のRuby Sassから、C/C++で開発されているlibSassに流れている傾向があります。
    この背景には、gulpなどのNode.jsで動作するツールを利用する場合でも、libSassを使えば、わざわざRubyをインストールせずにSassをコンパイルできるようになります。

    な おlibSassではSassのフレームワークのCompassが動作しません。Compassに依存してサイトを構築している方は、気をつけてくださ い。ただしCompassのベンダープリフィックスの付与やCSSスプライトの自動生成などは、PostCSSのプラグインのautoprefixerや gulpのプラグインのgulp.spritesmithで代用できます。

    ライブコーディングでは、gulp, jade, Sass(libSass), Browsersync, Emmetのデモを行いました。

    Browsersync は、ファイルを保存するだけでブラウザが自動的に更新されるツールです。また開発しているパソコンと同じWi-Fiにつないだスマートフォンからターミナ ル(コマンドプロンプト)に表示されるURLにアクセスすると、パソコンで見ているWebページと同期し、ファイルの自動更新、スクロールなどの同期など が行われます。
    パソコンやスマートフォンのWebサイトの開発には、必要なツールとなっています。

    Emmetは、CSSプロパティの展開を行っていたエディタのプラグインです。[p20-0]と入力して、Emmetのアクションを実行すると[padding: 20px 0;]と展開されます。
    CSSの記述を素早く行えるようになるプラグインです。
    Emmetが動作するエディタは、Sublime TextやDreamweaver, Brackets, Atom, WebStorm, Vimなど、これ以外にも多くのエディタで動作するプラグインです。
    すぐに導入できるものなので、インストールしておくといいでしょう。

    なおEmmetは展開するだけのツールと勘違いされている方が多いですが、HTMLやCSSを楽に書くためのアクション集です。

    詳しくは、私がAdobe Creative Stationで連載していた全6回のEmmetの記事をご覧ください。
    https://blogs.adobe.com/creativestation/web-learning-emmet-why-emmet

    今回のライブコーディングで使用したgulpfileは、GitHubに公開します。
    気になる方は、ぜひご確認ください。
    https://github.com/kojika17/2015-shift9-livecoding

    お知らせ:

    2016年1月9日に「と、コラボ特別編 Webクリエイター新年会 featuring まぼろし」というイベントを行います。弊社まぼろしのスタッフが多く出演するイベントです。
    席に限りがありますが、お時間がございましたら、ぜひお越しください。
    http://www.creativevillage.ne.jp/lp/tocolabo_special/

    動画

    Shift9[#2]マークアップ from CSS Nite on Vimeo.

    CSS Nite実行委員会

    Shift9:Webデザイン行く年来る年(CSS Nite LP43)フォローアップ(3)植木 真さん(インフォアクシア)、中根 雅文さん(AccSell)、山本 和泉さん、伊原 力也さん(ビジネス・アーキテクツ)、太田 良典さん(ビジネス・アーキテクツ)

    10 years ago

    2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォローアップとして、植木 真さん(インフォアクシア)、中根 雅文さん(AccSell)、山本 和泉さん、伊原 力也さん(ビジネス・アーキテクツ)、太田 良典さん(ビジネス・アーキテクツ)の『アクセシビリティ』セッションのスライドなどを公開します。

    メッセージ:【植木さん】

    インフォアクシアの植木です。

    「WAI-ARIA」は、ゼロから実装しようとすると難易度が高いかもしれませんので、例えばセッションでもご紹介したように、最初のスタートとしては、WAI-ARIA対応を進めている「Foundation」や「Bootstrap」といったフレームワークや「jQuery UI」のウィジェットを使ってみるのがよいかもしれません。

    例えば、「Bootstrap 3」用のプラグインがあるのですが、そのデモページではよく使われるリッチなUIにそのプラグインを用いてWAI-ARIAを実装してアクセシブルにしたサンプルを見ることができます。

    このページには、モーダルウィンドウ、ドロップダウンメニュー、タブ&タブパネルなどのサンプルがあります。デフォルトではプラグインが適用されていないのですが、ページ先頭にあるリンク「load bootstrap accessibility plugin features」をクリックすると、プラグインが適用された状態になります。

    適用されているとき、先ほどのリンクは「unload bootstrap accessibility plugin features」という文言に変わっているのを確認してください。「unload ......」のリンクをクリックすれば、再びプラグインが適用されていないデフォルトの状態に戻ります。

    デフォルトのときとプラグイン適用後のHTMLコードを見比べてみていただけると、違いが分かるかと思います。スクリーンリーダーの読み上げも、やはり明らかに変わりますよ。
    こういった人気のあるフレームワークやライブラリなどでのWAI-ARIA対応が強化されていくといいなと思います。

    その他、「WAI-ARIA」を実装したサンプルは、以下のURLなどで実際にご覧いただくことができます。

    デモで使用したモーダルウィンドウは、こちらをベースにしました。

    また、WebアクセシビリティのJIS規格(JIS X 8341-3)の元にもなっているW3C勧告「Web Content Accessibility Guidelines (WCAG) 2.0」の関連文書として、達成基準を満たす方法を解説したものがあり、以下のURLで日本語訳が公開されています。

    それでは、また来年お会いしましょう!

    メッセージ:【中根さん】

    AccSellの中根です。

    今回は、WAI-ARIAに注目してみました。

    普段からアクセシビリティー関連の技術動向を追いかけている人でないと、まだあまり認知されていない技術だと思いますが、セッションの中でも触れたBootstrapやFoundationのようなフレームワーク、また最近のCMSが生成するコードを見ていただくと、role属性を初めとするWAI-ARIA関連の記述が意外に多いことに気づかれるのではないかと思います。
    コンテンツの見た目にはなにも影響を与えないこれらの記述ですが、デモでご覧いただいたとおり、スクリーン・リーダーには大きな違いをもたらします。

    W3Cが発行している仕様書を読んで理解しようと思うとかなり大変なこのWAI-ARIAですが、セッションの中でも取りあえげた書籍、「コーディングWebアクセシビリティ」や「わかりやすいWAI-ARIA 1.0仕様解説書」などを読んでいただければ、この技術の全貌を理解し、そしてアクセシビリティーとはなにかということを考えるきっかけになるのではないかと思います。

    2015年は、WAI-ARIAの実装が、コンテンツ側でもユーザー・エージェント側でも進んで、ユーザー視点でもいよいよ使い物になるレベルになったなと強く感じさせられた年でした。おそらくこの流れはさらに続いて、いろいろなWebコンテンツをより多くの人にとって使いやすいものにしていく上で、WAI-ARIAが欠かせない技術になっていくのではないかと思います。
    今回のセッションをきっかけに、そんなWAI-ARIAについて知り、そしてアクセシビリティーについても思いを巡らせてみていただければ嬉しいです。

    AccSellでは、WAI-ARIAのようなWebアクセシビリティーに関連する最新技術に加えて、アクセシビリティーに関する社会的な動向、Web以外の分野も含めた情報アクセシビリティーに関連する話題、そしてアクセシビリティーに関連するイベント情報などを、ポッドキャスト、メール・マガジン、Twitter、そしてAccSellのサイト上で紹介しています。ぜひ一度覗いてみてください。
    http://accsell.net/

    メッセージ:【山本和泉さん】

    こんにちは。AccSellのアクセシビリティ・ビギナーのガイドを担当している山本和泉です。
    今回のアクセシビリティのセッションはいかがでしたか?

    2015年はアクセシビリティの話題がネットやリアルや書籍等々でとても多かったなぁって本当に思いました。
    以前、ミツエーリンクスの木達さんは「Webアクセシビリティ・ファースト」(http://web.a11y1st.jp/)というページで、『アクセシビリティは、マルチデバイス時代において、全てのWebサイトに必ず求められる品質の一つでしょう。』と書かれている通り、制作の追加の作業というポジションではなく「Webサイトの品質」として意識していく時代なんだろうなーって思います。

    また、Webサイトが品質としてアクセシビリティを担保していくことで世界が変わるような気がします。

    今回のセッションを機にぜひWebアクセシビリティについて一緒に意識していけたらうれしいです!!

    追伸:ちなみに当日の伊原さんと太田さんは書籍に合わせた「アクセシビリティピンク」と「アクセシビリティグリーン」の衣装だったのをお気づきですか?
    安心してください、動画で確認できますよ。

    メッセージ:【太田さん】

    ご参加ありがとうございました。

    WAI-ARIAは難しそうだ、と感じられた方もいらっしゃるかもしれません。ご紹介した書籍『コーディングWebアクセシビリティ』は、イギリス人の著者が高度なジョークを交えてWAI-ARIAの基礎的な考え方を紹介する、非常にフランクな読み物になっています。難しそうだと思われた方にこそお勧めですので、ぜひ一度お手にとって見ていただければと思います。

    WAI-ARIAの難しさは、ぱっと見ではその効果が分からないところにもあります。今回のセッションでは中根さんにデモをしていただきましたが、このデモで初めてWAI-ARIAの効果を実感できたという方も多いのではないでしょうか。中根さんお勧めのNVDAやVoiceOverなどは気楽に導入できますので、興味をもたれた方は、ぜひ一度スクリーンリーダーでの読み上げを体験していただければと思います。

    また、セッションでも簡単にご紹介しましたが、CSSフレームワークにWAI-ARIAが組み込まれていることも多くなってきています。きちんと設計されたフレームワークを使えば、あまり意識しなくても、自然とアクセシブルなコンテンツを作ることができるようになります。今後も普及は進んでいくと思いますので、恐れずに、かつ気楽に、WAI-ARIAに触れていっていただければと思います。

    メッセージ:【伊原さん】

    ご参加ありがとうございました。

    書籍『デザイニングWebアクセシビリティ』では、今回取り上げたネタも含め、いろんな状況における「使いづらさあるある」と実際の解決例を200件以上にわたって紹介しています。ぜひご覧ください。

    こういったあるある問題を回避・改善するには、複数人でのプロトタイプのレビューや、近くに居る人へのゲリラ的なユーザビリティテストといった手法が有効です。

    言い換えると「作り手の考えだけに閉じないようにする」ということであり、これって実は、今回のイベントで出た「プロセスを共有する」「コミュ障になるな」といった話、そのものだったりするのです。

    アクセシビリティとは、多様な状況におけるユーザビリティの集合体です。だとすれば、作り手がなるべくスタンスを広く取って、周りに目を向け、共創していくことがアクセシビリティの改善に繋がるのは、至極当然のことだと言えます。

    2016年の展望でも述べたとおり、これからWebやデバイスの利用はさらに多様化の一途を辿ります。アクセシビリティという引き出しを持っているかどうか、何か少しでも実践経験があるかどうかが、今後のWeb活用においての重要なヒントになることは間違いありません。

    ぜひ視点をShiftさせて、一緒にアクセシビリティの世界を覗いてみませんか。安心してください、面白いですよ。

    動画

    Shift9[#3]アクセシビリティ from CSS Nite on Vimeo.

    CSS Nite実行委員会

    Shift9:Webデザイン行く年来る年(CSS Nite LP43)フォローアップ(4)たにぐち まことさん(エイチツーオー・スペース)、松田 直樹さん(まぼろし)、矢野 りんさん(Baidu)

    10 years ago

    2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォローアップとして、たにぐち まことさん(エイチツーオー・スペース)、松田 直樹さん(まぼろし)、矢野 りんさん(Baidu)の『スマートデバイス』セッションのスライドなどを公開します。

    メッセージ:矢野さん

    ご参加くださりありがとうございました。今年はAndroid 6でiOS同様アプリの取得する権限をユーザーが個別に選択できるようになったり、強烈に解像度の高いiPad Proが追加されるなどいろいろな動きがありました。Appleはこれからも異なる解像度の端末をどんどんリリースしてくるでしょう。ネーティブアプリもWebとおなじようにフレキシブルな画面設計が必須ですね。

    今年のセッションで矢野からはモバイルむけ画面デザイン最適化のために数値目標を持つことというお話をしました。モバイルのUIデザインを評価するばあい、単に「使いやすい」とか「便利」というのはあまり意味がありません。デザイナーが個人的に使いやすいと考えていてもリテンションレートが50%以下ならそれは使いやすいとは言えないのです。数値にかなった評価をするという考え方をぜひ活用してみてください。デザイン力で目標を達成することが、できるようになるでしょう!

    来年はたくさん新しいことに挑戦して、年齢に関係なくうんと成長できる年になるようみなさんと一緒に頑張りたいです。またお会いしましょう!

    メッセージ:松田さん

    スマートフォンセッションの松田です。ご参加いただいた皆様、今年もありがとうございました。

    今回はECサイト、特に入力フォームを中心とした傾向をご紹介いたしました。UI単体をどう見せるかに加えて、そのUIをどういったタイミングで見てもらうかという動線設計のウェイトが上がってきているのが近年の傾向です。ひとつの画面およびUIとしてのフォームを使いやすくデザインすることももちろん大事ですが、そのUIがサイト全体の中でどういった立ち位置で存在させるべきなのか、ということをお伝えできたかと思います。

    こういった時系列の設計に役立つのが冒頭でも紹介した「プロトタイピング」です。(長谷川さんのセッションや鷹野さんのセッションでも紹介されていましたね。)今回、ECサイト100社以上の調査を行って、私自身、プロトタイピングでの全体設計の重要さを改めて感じました。Webサイトの場合、どういった画面やUIも単体では存在し得ないし単体では使ってもらえません。必ずその前後のコンテキストがあるのですよね。この時系列の設計は、矢野さんのKPIのお話にも繋がります。運用での検証と改善こそ時系列設計の最たるものでしょう。

    100社の調査をしてみて思ったのが、この動線設計には完全なセオリーはなく、それぞれの正義があるのだろうということ。特にスマホという文字通り肌身離さない、人に一番近いデバイスだからこそ、Webサイトを「ユーザーと対話する生き物」として考えていきたいものですね。

    毎年こういった考える機会をいただけて幸いです。来年もお会いできること楽しみにしています!あらためまして、ありがとうございました!

    メッセージ:たにぐちさん

    今年も一年お疲れ様でした。今年の、スマートデバイスセッションは ECサイトの特に、フォームを取り上げました。もしかしたら「自分は ECサイトには関わっていないので関係ない」と思われる方もいるかも知れません。しかし私は、逆に ECサイト以外のサイトでおざなりになりがちなフォームに、今回の内容で学ぶべきと頃があればと思い、このテーマに決めました。

    ECサイトの場合は、売上などのデータをシビアに確認しながらフォームをチューニングしているはずです。しかし、ちょっとしたお問い合わせフォームや申し込みフォームだと、そこまで気を使って作ることができないかも知れません。しかし、スマートデバイスでお問い合わせ・申し込みをする機会はますます増えていきます。そんな時、少しでも使いやすいフォームが増えていくことで、より多くの方がスムーズに手続きができる世界を私たちで作っていけたらと思いました。

    なにか参考になる部分があれば幸いです。

    動画

    Shift9[#4]スマートデバイス from CSS Nite on Vimeo.

    CSS Nite実行委員会

    人気記事トップ10

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