参加セミナー・イベント

Designer meets Designers 05

講演者
福井幸子((株)キノトロープ)
成川秀幸((株)プレイズム)
ウェブ商人 川島康平
堀内敬子((有)アズ・シーツー)
開催日
2009年3月2日
場所
六本木アカデミーヒルズ49 タワーホール

2番目のsessionからセミナーを受けました。

制作サイトに新規ユーザーを呼び込む新機軸

成川秀幸((株)プレイズム)

アクセスを増やすための施策の一つとして

告知サイト → 購入用サイト

「告知サイト」から「購入用サイト」へ遷移させたい場合、告知サイトのクオリティを高めることは容易に思いつくのですが、告知サイトの中身を変えることなく購入用サイトへの流入を増大させた成功例があるそうです。

告知サイト → (予約番号) → 購入用サイト

予約番号を発行することで、予約したから買わなきゃという心理をついたのでは、と分析されています。
心理はともかく、重要なのは、
「記憶に留めるちょっとした工夫」

これだっ!と共感しました。

ランディングの見直し

ASPサイトで、ランディングを見直すことができるページがあります。
それは、トップページです。

地図から検索、住所検索、フリーワード検索などいろんな検索ができる一枚のトップページをよく見かけますが、
これは利用者にとって本当に使いやすい作りになっているのか?
という内容。

ランディングの上をゆく「インテリジェンス」という考え方。
複数のランディングを一枚のページにしているイメージ。
遷移元、遷移元に利用されたキーワードによって見え方を変えるというもの。

リピーター率を向上させる現場のノウハウ

ウェブ商人 川島康平

心理学をWebに応用しましょう、といった内容でした。
個人的には、手法は分かるのですが、セミナーとしてはまったく物足りないものでした。

ザイオンス効果
接触回数が増えると親近感や好意が上がっていく現象。
例)コンビニは80%がリピート客 → そこにコンビニがあるから
Webでは...検索結果、お気に入り、RSSの充実を!
バンドワゴン
多数の人気がある、支持されているものに心惹かれる現象
Webでは...Webサイトで人気を「演出」する
親近効果
最後に提示された情報が強く記憶に残る心理現象
Webでは...サンキューページ
これはよく分かり、「はっ」っとしました。
Webでの対応は機械的すぎます。もっと言葉丁寧なフォローがあれば
よりよいかと思います。
「だろう」の危険性
商品価値と情報量を比例させる(!?そう言い切れないような・・・)
情報起業家に学ぶ
セールスレターから学んでみる

  1. 問題提起
  2. 問題のあぶり出し
  3. 共感
  4. 解決方法(サービスの宣伝)
  5. 成功事例
ツァイガルニック効果
完成されたものより、未完成なものに興味を惹かれていく心理現象
Webでは...ビジュアルデザインを上手に駆使する
情報の3原則
質・量・スピード
スピードと量が質を高める

アクセスを向上させるプロのデザイン手法

堀内敬子((有)アズ・シーツー)

アクセス向上のためには、

  • ログ解析
  • アンケート、インタビュー
  • ペルソナシナリオ
  • ユーザビリティテスト

など施策は多々あるが、費用対効果を考えると導入が難しい
実は(極端に言って)、これらを導入しなくても本質的なところでだいぶカバーできる。
それは、「真剣にユーザーのことを考える
ごもっとも。

例)優秀なレクタングル広告「ピザハット」
mixiで展開。誕生日前になるとレクタングルバナーが表示される。
  1. バナー内でユーザーがアクションを起こす
  2. スペシャルサイトへの誘導
  3. クーポン発行

言うが易しですが、実物はよく考えてるなぁと感動しました。
広告色なく、誕生日をお祝いしつつ、宣伝している良例かと。

サイトにたどりついて、離脱するまでにできること

  1. [ストレス減] ファーストビューにキーワード(直帰を防ぐ)
  2. [ストレス減] 主導線の絞り込み(迷ったり、苛立ったりしたら、不必要なものを省く!)
  3. [ストレス減] 使いやすいフォーム
  4. [おもてなし] コピペできる
  5. [おもてなし] カスタマイズできる(自分で手を加えると愛着が沸く)
  6. [おもてなし] レコメンド
  7. [おもてなし] ブログで会社の社風や人柄が見える(検索されるし、「会社」と「人」ではなく「人」と「人」の付き合いになる)

 

言葉で表現できる記憶は2種類、「意味記憶」と「エピソード記憶」

意味記憶
A=B。忘れやすい、思い出すきっかけが少ない
エピソード記憶
経験やできごと。忘れにくい。思い出すきっかけが多い。

要は、エピソード記憶、感情が動くような経験を作る!!!こと。
Webは基本的に視覚のみ。リアルショップに対して不利。
そこで「おもてなし」による感動、個性、対話、気遣いを用意する。

<覚書>
記憶を固定するには記憶が肝心。公開後のキーポイントは、1、3、7。

  1. 定期購入の受付開始
  2. 定期購入のご注文締め切り
  3. 発送連絡
  4. 到着後のメール...
  5. 「〜」の秘密をご紹介します、メール

最近の記事

GulpでERRが出てテンパった → gyp: No Xcode or CLT version detected! → PostCSS plugin autoprefixer requires PostCSS 8

Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・

制作効率化

ビジネス前提ワークシート

書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・

知識編

リーン思考のUXデザイン

LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・

知識編

ES6(ES2015)の主な変更点

オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ・・・

JavaScript

JavaScriptスタイルガイド

書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ・・・

JavaScript

投稿を公開したときに指定したページにアクセスする

この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正し・・・

WordPress

ローカルフォントをWebフォント指定する

Google Fonts はとても便利だが、適用するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用意する・・・

CSS

[ソフト] Web font用のwoff、woff2にフォントを変換する無料サービス

WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォント・・・

CSS

JSON

JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・

JavaScript

いろいろな判定

真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ・・・

JavaScript

人気の記事

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・

MAMP

iframeの高さを自動調整する

iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・

JavaScript

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・

JavaScript

WP_Queryを使って絞り込み検索するのにコレは便利!

めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・

WordPress

イラストレーターでレイヤーごとにPNGで書き出す

【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済・・・

Illustorator

アーカイブページでカスタムフィールドやタクソノミーで絞り込みした状態でリスト表示する

<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・

WordPress

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・

WordPress

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・

WordPress

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・

WordPress

カウントアップ、カウントダウンするJavaScript

ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・

JavaScript

思考と学び参加セミナー・イベントDesigner meets Designers 05 | シンプルシンプルデザイン