『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
画像がダイナミックに切り替わり、マウスオーバーに合わせてナビゲーションバーが変化する――そんな“動きのあるサイト”を作るのに、あなたなら今、何を使うだろうか? 4~5年前ならほぼ間違いなく「Flashで決まり!」だったかもしれないが、2005年以降、Ajax/JavaScriptを使うサイトが増えている。最近では手軽に実装できるライブラリの充実とともに、ますますその傾向にあるようだ。 9月9日にリニューアルされたソニーグループのコーポレートサイト(www.sony.co.jp)もその一つ。旧サイトに比べてトップページのレイアウト領域が広くなり、文字も大きく、スッキリとしたナビゲーションバー……と、注目したいところはいろいろあるが、最初に目を奪われるのは中央にある大きなメインビジュアル部分のはずだ。実はここにJavaScriptが使われている。
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
第12回 ユーザーを「目利き」に生まれ変わらせ、 購買を誘発させる写真の見せ方とは? 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) 写真のスペース配置の大原則は「場所をケチらない」ウェブサイト、特にECサイトにおいて「写真情報」は、商品の魅力を端的にユーザーに伝えるキラーコンテンツである。それだけに、見せ方1つで大きな効果を得られることもあれば、見せ方を少し誤っただけで多くのユーザーを取り逃がす、という怖さも存在する。そこで今回は、実際にユーザビリティテ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
今日は、Webページの作り方に関して、ちょっとした細かい話を。ページに画像を入れるときに、imgタグの「文字の色」をCSSで指定しておきましょう。画像に文字色? と思ったあなた、ちゃんと理由があるのです。 なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。それは、画像が表示されない状態では画像のaltテキストが表示されるため、その状態での表示をおかしくない状態にするためです。 念のために説明しておくと、altテキストとは、imgタグで画像の簡単な説明をテキスト記述するものです。HTMLの用語では「alt属性」と呼ばれ、img要素には必ず記述することとされています。altテキストはふつうにブラウザでページを見ているときには関係ありませんが、画像を解釈できない検索エンジンや視覚障害者が使うテキスト読み上げブラウザにとっては、そこに何が示されているのかを理解するのに重要です。 しか
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
サイト全体のナビゲーションコーナー間での移動ナビゲーションアクセスキーの使い方はじめに――モバイルサイト構築前のルール作り1. 対応端末とマークアップ言語について3キャリア共通のモバイルサイトを構築する場合、サイトのマークアップ言語を大きく分けると、第二世代端末はHTML(CHTMLなど)、第三世代端末はXHTMLに分けられます。 モバイルサイトを構築するときには、世代別のマークアップ言語を把握したうえで、サイトの目的やターゲットとするユーザーによって、HTMLかXHTMLのどちらかを採用します。また、第二世代、第三世代の両方に対応する場合は、HTMLとXHTMLそれぞれで記述したサイトを用意し、アクセスしてきた携帯端末(ユーザーエージェント)に応じて振り分けるシステムを利用することが一般的です。では、具体的にどういった場合にHTMLとXHTMLを選択すればいいのか、いくつか紹介しましょう
コンバージョン率を著しく下げるフォームの入力項目ワースト3 (HubSpot Blog)米ハブスポットは、40,000人のユーザーがアクセスしたランディングページを分析して、コンバージョンを下げる傾向にあるフォームの入力項目を調べ上げた。ワースト3に挙げられたのは、以下の入力項目だ。 年齢電話番号住所調査対象のページは、見込み客情報を取得する目的でフォームが設置されていたと思われる(オンラインショッピングで住所を入力させないわけにはいかないだろう)。住所は市町村だけではなく番地まで尋ねるとさらにコンバージョンが下がったとのことだ。米国での調査になるが、日本でも当てはまりそうに思える。 絶対に必須でないなら、これらの3項目は入力項目から外していおいたほうがよさそうだ。 日本語で読めるSEO/SEM情報Yahoo!サイトエクスプローラーが“こっそり”終了へ (Yahoo!検索サイトエクスプロー
HTML 5は、HTML、XHTMLと、それらをスクリプトなどで扱うための仕組みの定義を総合的に扱う、新しいHTML仕様だ。 HTML 5を正しく理解する大きなポイントとして、現在はウェブ標準の仕様を多く定めているW3C(ワールドワイドウェブコンソーシアム)で策定作業が進められているが、以前はWHATWGという団体によって「ウェブアプリケーション1.0(Web Applications 1.0)」という名前の仕様として開発が進められていた点がある。内容にふれる前に、まずはその根本の思想にもかかわるWHATWGという団体について軽くふれておきたい。 WHATWGの正式名称は「ウェブハイパーテキストアプリケーション技術ワーキンググループ(Web Hypertext Application Technology Working Group)」。ウェブブラウザの開発元であるApple、Mozill
[コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 明けましておめでとうございます。今年もよろしくお願いいたします。 私はクリスマス前にイギリスに帰り、お正月は両親と妹たちと一緒にフランスのブルターニュ地方に行きました。ブルターニュは子供の頃、毎年夏休みを過ごしていたところですが、今回の訪問は8年ぶりでした。町はずいぶん豊かになり、新しい別荘が立ち並んで、私が知っている昔のフランスの田舎の町からはずいぶん変わったなと思いました。でも、幸いに、私た
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ついに昨日、Googleリーダーがサービス終了となりました。 新しくRSSリーダーの乗り換え先を考えている方も多いのではないでしょうか。 私は当分Feedlyを使おうかと思っています。 もしよければFeedlyでも購読していただけると嬉しいです。 ↓クリックで登録できます! そこで、Feedlyを拡張できるスクリプトとかないかなぁと探したところ、いくつか良さそうなものを見つけました。 Chrome拡張機能やFirefoxアドオンも探そうと思ったんですが、 とりあえずはGreasemonkeyで使えるスクリプトのみを紹介しますね。 たくさん試したんですが、半分くらい使えなかったりして思ったほど量は多くないです‥。 Feedlyへ乗り換えたひとは気に入ったものをインストールしてみるとよいでしょう。 RSSリーダー「Feedly」で覚えておくと便利な機能&使い方 15個まとめも合わせてどうぞ。
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
また、ページの描画にかかる時間が3秒を超えると、40%の消費者がそれ以上待つのをあきらめてしまうとのこと(ただし、こちらも実際のデータでは、最も多かったのは「4秒超」の60%)。 では、ページの表示時間を特に気にするのはどんな層の人でしょうか。 調査によると、よくオンラインで購買活動を行う人ほど気にするようです。 そのネットショップへの愛着に影響する要素としてページの表示時間を挙げた人の割合は、オンラインで購買をする全体では52%ですが、年間1500ドル(約14万円)以上をオンラインで使う人では61%でした。つまり、よくネットで買い物をする人ほど、ページ表示の時間を気にするのですね。 次に、売上とページ表示速度の関係を。 ネットショップの表示が遅いからという理由で買うのをあきらめたことがある人は全体の1/3にも上りました。 ネットショップに対して不満を感じている人の23%は、不満の理由とし
顔の見えにくい漠然とした「ユーザー」ではなく、あたかも実在する人物のように具体的に記述されているので、ペルソナシートを読めば、その人が何を期待してどのようにウェブサイトを訪れ、どのように見るページを選んでいるかなどを、具体的かつ体系的に深く理解できる。 ユーザーが「できること」だけではなく「したいこと」を見つける「ユーザーにとって使いやすいサイトを設計したければ、ユーザビリティテストで十分だ」と考える人もいるかもしれない。確かに、ユーザーが「できること」「できないこと」「しやすいこと」「しにくいこと」に関しては、いわゆるユーザビリティの領域でカバーできていた部分だ。しかし、ユーザビリティでは、ユーザーがそれを望んでやっていることかどうか、つまり「したいこと」「したくないこと」あるいは「してほしいこと」「してほしくないこと」を理解することは難しい。 それに対してペルソナは、架空とはいえ、あた
Amazon, Apple, DellなどのEコマースを参考にした、商業ウェブサイトとして成功に導くための18のアドバイスを紹介します。 18 best practices to improve your e-commerce website [ad#ad-2] 下記は各ポイントを意訳したものです。 13番の「Google Sitemapに一工夫」は特に目からウロコでした。 Keep it simple どんな種類の商品を扱うサイトでも、サイトはシンプルで一貫したユーザインターフェイスを備えてください。不必要にユーザーを悩ませる情報は掲載しないようにします。 写真のクオリティは高く 商品を見せる写真画像は、クオリティの高いものにしてください。どんなにサイトのデザインがよくても写真が魅力的でないと、ユーザーは買う気を損なうでしょう。 商品の画像は複数 商品写真の掲載は一つだけでなく、複数掲載
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン(Call to Action Button)はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。
今日は、タブレット端末でユーザーが好むWebサイトの調査結果を紹介しながら、昨今のユーザーがWebサイトを見るのに使っているデバイスにどう対応するかを少しだけ考えてみます。 タブレット端末で使いやすいサイトとは?「タブレット端末でのサイトユーザビリティ調査」というレポートを、IMJさんが発表していました。 ・ IMJ調査レポート「タブレット端末でのサイトユーザビリティ調査」 → http://www.imjp.co.jp/press/release/20130515_000959.html (リリース) → http://www.imjp.co.jp/press/assets/201305/imj20130515.pdf (調査データPDF) ざっくりその内容をまとめると、こんな感じです。 7インチタブレットユーザーの最大34%はスマートフォンサイトを支持 (でも大半がPC向け表示を支持)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く