今年も様々なツールをレビューさせていただきました。去年と同様、一つのドキュメントにまとめましたので年始の読み物（にしては量が多いですが）あるいはツール選定の参考にぜひご利用下さい！ ダウンロード ウェブ分析ツール大全_2012.pdf(23MB) ※推奨 通常はこちらのファイルをご利用ください ウェブ分析ツール大全_2012.docx(49MB) 引用などの利用したい方向け。レイアウトが崩れる場合があります 前年(Ver1.0)からの主な変更点 ・44のツールを追加、26のツールを削除して合計118ツール ・Google アナリティクスの内容を追加 ・文字数は10万文字→16万文字 ・ページ数は380ページ→547ページ 追加されたツール（順不同） CoreMetrics / Readscope Pro / Visionalist / Yourls / チーター6.0 / Analytic
ゲーム嫌いも知らないと損する ゲーミフィケーション入門 あなたの生活を変える「Gamification」現状まとめ 株式会社ライブドア マークアップエンジニア／ディレクター 浜 俊太朗 2011/9/16 「Gamification（ゲーミフィケーション）」という言葉をご存じでしょうか？ 最近よく話題になっているので、見掛けたことのある方も多いことでしょう。本稿では、今後のWeb業界のキーワードとなり得るゲーミフィケーションの解説と現状、そして未来予想をお届けします。 今年の初めごろまでは一部の人が注目しているだけでしたが、ここ最近ではセミナーや勉強会が開催されたり書籍も出版されるなど、盛り上がりを見せています。 「ゲーミフィケーション」とは、何なのか ゲーミフィケーションは海外で生まれた概念で、その本質を説明すると「ユーザーエンゲージメントを高めるために、ユーザーに楽しんでもらうための方
GDCのシリアスゲームサミットは2日目を「ゲーミフィケーションデイ」と名付け、6本のセッションを実施。会場にはゲームとゲームビジネスの新しい可能性を模索する、大勢の聴衆が詰めかけました。 ゲーミフィケーションとは、ゲームデザインの要素を実領域に応用する考え方や、取り組みのこと。従来のシリアスゲームが知育ゲームや健康ゲームなど、パッケージゲームの範疇に収まっているのに対して、よりラジカルな考え方だといえます。 ウェブ上で特定の行為を行うとバッジやクーポンなどの報酬がもらえる、といったサービスはその一例。運営主体もゲーム業界外の企業や団体が中心で、昨年後半から急速に注目を集めてきました。 最初のセッション「Gamification 201-60 Tactics in 60 Minutes」は、60個のハウツーでゲーミフィケーションをまとめた、「明日から使える」実践的な内容。スピーカーのモ
コミュニティサイト「YYC (ワイワイシー)」を担当しているケイです。 YYCは先月 (10/6) にPCとモバイル両方でリニューアルを行いました。デザインだけでなく、システムも全て新たに開発してのフルリニューアルとなりました。今回はリニューアルの目的と、それを進める上で必要なことを簡単に書いてみます。 リニューアルの目的 PCシェアの拡大が更なるサービス成長への起爆剤YYCはもともとモバイルサイトとして誕生し、その後PCでも利用できるようになりました。また「お相手からメールが来たらすぐにでも返事したい」というサービス自体の特性から、モバイルでの利用が圧倒的で、約9割を占めています。 その為、開発期間をできるだけ短くしたいこともあり、主な開発はモバイルのみということが多く、PCサイトはモバイルの補助的役割という立場で、モバイル版がフレーム内で表示されておりました。 この”PCでのモバイル画
かなり釣りエントリーっぽいタイトルですが、企画を作る際に使っているツールについて聞かれたのでまとめてみました。知っている人にとっては当り前の内容ですが、使い方によってはコストをかけずにコンシューマーのニーズと競合のスキを知ることができ、プレゼンテーションに役立つ有益なツール・サービスのリストです。 ・Google キーワードツール キーワードに対するGoogleでのおおよその月間検索数を知る事ができます。関連ワードも表示され、複数ワードが入力できるので有効なキーワードの絞り込みなどに使えます。言語や地域も設定できるので、海外の検索動向も知ることができます。また、特定のURLからページ内に含まれるキーワードを抽出する事も可能です。 https://adwords.google.co.jp/select/KeywordToolExternal ・Ferret-Plus 同様のツールですが
どこをクリックしたのかなどを、サーモグラフィーのように可視化できるツールです。 これを使うことで、サイト上で訪問者が注目を集めている場所や、 逆に思ったよりも効果が出ていない部分を知ることができるので、
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ウェブサイト運営者は、自らが意図するユーザー体験を利用者に与えたい場合などに、自らのウェブサイトを利用するためのウェブブラウザとして特定のウェブブラウザを利用者に対して推奨することがある。推奨ブラウザとはこの時に推奨されたウェブブラウザ全般を指す用語である。 上記のように推奨ブラウザとは概念的用語であり、「推奨ブラウザ」という名前のウェブブラウザが存在するわけではない。 本来、ウェブブラウザはウェブ標準の技術仕様を正しく解釈してサポートすることが期待できるため、サイト作成者がウェブ標準に従ってウェブサイトを作成すれば、意図するユーザー体験を利用者に与えることができ、推奨ブラウザの指定は不要なはずである。 しかし実際には、ウェブブラウザに組み込まれているHTMLレンダリングエンジンのバグや独自仕様などにより、作成者の期待する表示結果や挙動にならない場合がある。例えば、World Wide W
先日社内勉強会にてお話させていただきました。 テーマはユーザビリテイです。 web標準が制作業界に定着し、我が社でもユーザビリティという言葉を聞く機会がふえてきました。にも関わらずそのユーザビリティ議論は自分が使いにくかったことに起因していたり、偉い人の鶴の一声で進んでるような案件が目につきます。それユーザーのこと考えてないよねと問いただしたくなったわけですね。そこで「それ、誰のためのユーザビリティ？」という発表をさせていただきました。 我々制作者と、ユーザーとの間には決定的な溝がある！ということで“制作者の「３ある」、ユーザーの「３ない」”としてまとめてみました。 制作者の「３ある」 まずは制作者が持っている3つの特徴を紹介します。業界人なら共感できることうけあいのまさにあるあるネタですねｗ 欲望がある 制作者は欲深いです。 一ページの中に情報をつめこんでおけば、ユーザーはすべて目を通し
posted on 2009.09.01 2:04 2 trackbacks 代表の和田です。 第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」が盛況の後終了いたしました。当日ご参加頂いた皆さん、オンラインでご参加いたした皆さんありがとうございました。 また、マイクトラブルで開始が遅れた件、聞きにくい点があり申し訳ありませんでした。 当日資料とグループワークで発表して頂いたサイトマップは準備が整い次第、こちらで順次公開していきます。 ■変更履歴 ○9月1日：進行資料公開 今回は、WebSig初のスピーカー無し、かつ、まだ明確な答えが無い事へのチャレンジということで、モデレーターでもぎりぎりまで会議設計に悩み、皆さんから事前に頂いた課題を整理していきました。 なるべく頂いた課題を拾おうとするあまり、ちょっと盛りだくさんとなり消化不良気味なところもあったかと思い
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
株式会社シーブレイン創立15周年記念キャンペーンとして、通常 ¥52,500～のサイト診断サービスを期間中毎月 3 社様に限り無料でご提供させていただきます。 今回のサイト診断は巷にあふれる「ツールを使った通りいっぺんの無料診断」ではなく、1,000 件以上の実績を誇るウェブサイト制作に携わるスタッフが、御社のウェブサイトを丁寧に診断いたします。 診断は、以下の内容で実施します。 診断結果につきましては、診断書をお送りさせていただきます。 首都圏のお客様にはご希望によりご報告にお伺いさせていただきます。 ウェブサイトは生き物です。目的や時代の変化に合わせてお手入れが必要です。何もせずに長年放置しておくと本来の目的を果たす能力がなくなってしまいます。 この機会に御社のサイトを診断してみてはいかがでしょうか？
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
(追記 2009/12/17) アメーバの仕様変更により以下のものは使えなくなりました。 アメブロには「ペタ」っていう、ちょっとイイ機能がありますよね。 これはなにかっていうとmixiの足あとのようなもので、 mixiと違う点はといえば、 訪問者が「ペタボタン」を押さないかぎり、ペタが残らないという点。 ペタを残すか残さないかを、訪問者が決められるわけですね。 でも、このペタボタン、 もし自動でクリックする仕掛けがページ側にあれば mixiのあしあとのように、来訪者のIDを知ることができてしまいます。 そこで、ちょっと調べてみました。 どうやらペタをつけるは、以下のurlにリクエストすればokのようでした。 http://peta.ameba.jp/p/addPetaComplete.do?targetAmebaId=(ユーザーID)だけど少しだけ条件があって、 ・refererが空である
TOPICS Web , Design 発行年月日 2009年12月 PRINT LENGTH 332 ISBN 978-4-87311-434-7 原書 Designing Web Interfaces, First Edition FORMAT PDF 本書『デザイニング・ウェブインターフェース』はウェブのインタラクションをよりリッチにするためのパターン、ベストプラクティスをまとめた書籍です。ドラッグアンドドロップ、オーバーレイ、展開／折りたたみ、アニメーション、ライブプレビューなど、75以上の重要なパターンが「直接的なインターフェースを作ろう」から「すばやく反応しよう」まで、6つの原則のもとに整理され、操作の概要、利用すべき状況、そしてアンチパターンまで、丁寧に解説されています。すべての解説例が、Yahoo!、Google（Gmail、Google Maps）、Flickrなど実際の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
