UXを改善したいけど、どの指標をトラッキングすればいいのか分からない。 本日は、多くのサービスが抱えるこの悩みを、グーグルが採用する「HEARTフレームワーク」と「Goals-Signals-Metricsプロセス」を利用して解決する方法を紹介します。 参考:　How to Choose the Right UX Metrics for Your Product グーグルのHEARTフレームワークは、ユーザー体験(UX)の品質を計測する上で役立ちます。 プロダクト全体に当てはめることも、一部の機能に当てはめることも可能です。 HEARTのHは、Happiness(幸福)を指します。 ユーザーの満足度、UIの使いやすさ、ネットプロモータースコア(カスタマー・ロイヤルティを計測する指標)など、顧客調査を通じて得られたデータがHappinessの構成要素にあたります。 HEARTのEは、Enga

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ 先日、アイトラッキングに関する記事を配信した所、予想以上の人気がありました。アイトラッキング以上に簡単に実施できるのが、マウスの導線を追うヒートマップテスト。様々なASPサービスも提供されており、低価格で導入できますよね。今回の記事では、数多くの公開事例や調査を通してヒートマップテストで会得した19のデータを紹介します。 — SEO Japan ヒートマップは、ビジターの行動を分析する上で大いに役立つ。その他のメソッドでは得られない見解を導き出し、その結果、コンバージョン率を大幅に引き上げることが出来る可能性がある。 ヒートマップは、マウストラッキングとアイトラッキングの2つに分類される。大多数

I’ve been practicing information architecture since 1994, and from Gopher to Google have seen dramatic changes in the landscape of organization, search and retrieval. Through these ten tempestuous years, I’ve found the infamous three circle diagram to be a great tool for explaining how and why we must strike a unique balance on each project between business goals and context, user needs and behavi

Tweet Pocket カナダに留学しネイティブと英会話をしていたときにふと、大事なことに気づきました。それは「ネイティブは、長い英文をしょっちゅう話している訳ではない」という事です。 例えば、普段の英会話はこのように始まります。 What’s up? I’m pretty good. How about you? I’m chilling, man.のように会話が続いていきます。 これはびっくりしました。なぜかと言うと、中学で学んだような、I’m fine, thank you. And you? のような長い英文が使われているのではなく、たった３単語の英語フレーズがたくさん出てくるのです。 つまり、このように短い英語フレーズでタイミングよく自分が言いたいことが言う事が出来れば、ネイティブ並の英会話がスムーズにできるようになるということなのです。 1.英会話の80％は、3語以下で成り立

■「ミスディレクション」を使う マジックの世界ではミスディレクション（Misdirection）という手法が使われます。ミスディレクションとは「観客の注意をそらす」という意味で、マジックショーでもよく使われます。マジシャンはトリックがばれないように、観客の注目を惹いてトリックが見えないようにしています。観客はマジシャンが誘導するものだけを見ているため、トリックに関わる部分を見逃してしまいます。もう少しわかりやすく説明するため、2つの例をご紹介します。 ■記憶したカードが消えるマジックの例 ミスディレクションを使ったカードマジックを1つご紹介しましょう。まず、画像にある5枚のカードから1枚のカードを選んでください。 そのカードを記憶してください。 最初の5枚を見ずに、記憶したカードに集中してください。 あなたが記憶したカードは消えています！ なぜでしょうか？　最後の5枚は、最初の5枚とは別の

疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】

Web Starter Kitで用意されている各種の設定ファイルなどは、そのまま使うのではなく、各自が自分のスタイルに合わせてカスタマイズするとよいでしょう。ファビコンやスマートフォンでサイトをホーム画面に追加した際に表示されるアイコンなど、各自で差し替える必要があります。 humans.txtやrobots.txtなども使用する場合には適宜編集する必要があります。 動作環境の構築 Web Starter Kitに用意されたツールを使用するためには、以下の言語の環境が必要となります。 Node.js (v0.10.x以上) Ruby (1.8.7以上) これに加えて、以下のツールのインストールが必要になります。 Nore.js上で動くタスクランナーのgulp (3.5.x以上) Sassのコンパイルを行うRubyのgem (3.3.x以上) それぞれのインストール方法について、簡単に紹介し

本コーナーは、技術評論社発行の書籍『Ruby on Rails 4アプリケーションプログラミング』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『Ruby on Rails 4アプリケーションプログラミング』の詳細や購入は技術評論社のサイトをご覧ください。 MVCフレームワークとして人気のあるRuby on Railsは，Rubyを活用してREST原則に基づくWebアプリケーションを手軽に開発できる点が大きな特徴です。本書では，最新のRuby on Rails 4を対象に，Ruby on Railsの基本から，MVCモデルに則ったWebアプリ開発，ルーティングやテストの方法のほか，クライアントサイド開発としてAsset PipelineやCoffeeScript，SCSS，Ajaxなどの最新技術も網羅します。また，

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所

2017年2月1日 Webサイト制作, マーケティング, 便利ツール みなさん、購読しているニュースレター（メールマガジン）はありますか？私は利用しているWebサービスや趣味関連のものをあわせてだいたい10サイトくらい購読しています。どれも素敵なデザインのHTMLメールばかりで、見ていて楽しくなっちゃいます :) そんなわけで今回はそんなHTMLメールの現状や、制作時のTipsを紹介します。効果的な導入方法を一緒に考えてみましょう！ ↑私が10年以上利用している会計ソフト！ HTMLメールとは テキストのみのメールではなく、テキストに色がついていたり、画像が挿入されている、HTMLを使って設計されたメールのことをHTMLメールと呼びます。海外では大手Web系企業をはじめ、多くの会社がHTML形式のニュースレターを配信しています。私が購読しているWebサービスのニュースレターやブログの更新通

edited by Takaya Uchida follow us on Twitter follow us on Facebook グロースハックという単語は最近よく耳にするけど、イマイチ意味がわからない！でも、今更グロースハックが何なのかなんて恥ずかしくて他人に聞けない（泣） そんなあなたのために、「グロースハックに関する最も確実な手引書」と題して計9回連載してきた記事に関するまとめ記事を執筆いたしました。 この記事を読んでいただくことによって、今までグロースハックに関してもやもやしていた箇所も霧が晴れたようにスカッとご理解いただけること間違いなしです！ それでは、Chapter 1から順番に振り返ってみることにしましょう。 目次 ・   Chapter 1：グロースハックとは何か？ ・   Chapter 2：グロースハッカーに必要な素養とは？ ・   Chapter 3：海外の著名

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

荷物整理が苦手、空港でよくあるちょっと困った事態……。「旅行」は意外にも、色々なところに頭を使わねばならないのです。でも、ほんのちょっと知っておくだけであなたが旅で得するノウハウを教えましょう！ 〜アイテム 編〜 1. スマホやイヤホンは眼鏡ケースに入れよう Photo by pinterest.com 2.　ピルケースにはアクセサリーを Photo by imgur.com 3.　イヤホンはクリップに巻き付けて Photo by huffingtonpost.com そのまま洋服やリュックにつけられるので、絡まったり何かにひっかかる恐れもなくなるぞ。 4.　スキンケアのクリーム類はストローに Photo by pinterest.com これは意外。チューブを丸ごと持って行くと、荷物はどんどん増えるばかり。ストローに一回分を詰めて、テープで止めればかなりの軽量化が図れるぞ。 5.　ひげ