ダッシュボードで上手に情報を可視化するためのガイドライン
JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。 システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。 端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。 デザイナーの役割と情報の可視化 デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。 もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用
ターゲット企業名を可視化！Google Data Studioでのターゲティングバブルチャート | Web担当者Forum
B2BでのGoogle アナリティクス活用に便利な企業名可視化の方法をご紹介します。 今回は、Google Data Studioを使用して、どの企業がサイトに訪れてどれくらいじっくりとサイトに滞在しているのかを可視化します。 これにより、自社のビジネスに興味のありそうな企業をひと目で把握できます。 下記のようなレポート（「ターゲティングバブルチャート」）を作成していきます。 ※「.co.jp」の前には企業名が入るのでマスクをしています。 分析項目はどうするか？今回は、Google アナリティクスに最初から入っている項目である下記を使用します。 ネットワークドメインでの企業名分析の事例はよくインターネット上でも紹介されています。 これにより簡易的に各企業の訪問回数と滞在時間を分析します。 どうやるのか？レポート作成の手順をご紹介します。 手順1: Google Data Studioの準備
プロトタイピングからユーザーテストまでできる「Indigo Studio」が無償化
プロトタイピングツールは、UX MILKでもたびたび記事で取り上げていますが、皆さんはどのツールを使っていますか？ 今回、プロトタイピングツール「Indigo Studio」が無料でも使えるようになったそうなので、提供元のインフラジスティックス・ジャパン株式会社の方にIndigo Studioの特徴とプランについてお聞きしてきました。 登場人物 インフラジスティックス・ジャパン株式会社 代表取締役 東 賢 氏 インフラジスティックス・ジャパン株式会社 ソリューションコンサルタント 山口 慧 氏 インフラジスティックス・ジャパン株式会社 製品担当 池原 大然 氏 ユーザビリティテストもできる「Indigo Studio」 ― まず、インフラジスティックス・ジャパンさんの事業について簡単にご紹介ください。 東：インフラジスティックス・ジャパンは、Infragistics,Inc.というグローバ
トラフィックファネルから考える効果的なランディングページ
MarkはNeuromarketing Underground Gazetteを通じてNeuromarketing Masters of Persuasionの「ちょっとした汚い秘密」を明らかにするのに長けています。 UXデザインにおける効果的なトラフィックファネルは、Webデザインにとってもっとも重要でありながら、もっとも理解されていないことのひとつです。これには理由があります。 見た目は良いが不適切なデザインやわかりにくいCTA（コールトゥアクション）は、ひどいコンバーションにつながります（最終的にはクライアントの不満を招きます）。 対照的に、訪問者の本能に直接訴えるような分かりやすいCTAをもつミニマリズムのサイトでは、非常に良いコンバーションが証明されています。 つまり、高いコンバーション率を誇るトラフィックファネルでは、魅力的なコピーライティングやミニマルデザイン、直感的なUXや
Instagram、ビジネスプロフィールの設定でFacebookページの連携が不要に。
Instagramでビジネスプロフィールを設定する場合、今まではFacebookページと連携する必要がありました。 ところが、どうやらInstagramはその仕様を変更したようです。 つまり、Facebookページを持たずとも、Instagramでビジネスプロフィールの設定ができるようになったということです。 ここでは、Facebookページを持たずにInstagramをビジネスプロフィールに変更する方法について紹介します。 ※こちらの記事には未確認情報も含まれています 目次 1.そもそもビジネスプロフィールとは 1-1.ビジネスプロフィールの機能 1-2.これまでのビジネスプロフィール 2.ビジネスプロフィールの設定にFacebookページとの連携が不要に 2-1.これからのビジネスプロフィール設定方法 2-2.登録が完了すると表示される意外な画面とは 2-3.ビジネスプロフィールを元の
グーグルスプレッドシートで「在庫管理」を作ってみました。Google
グーグルスプレッドシートで「在庫管理」を作ってみました。 スプレッドシートにそれぞれの伝票があり、項目を入力します。
ロット(賞味期限)ごとの在庫表を作りたいです。 - 在庫している商品は二つの賞味期限になることが多く、先出しで在庫管理をして... - Yahoo!知恵袋
ロット(賞味期限)ごとの在庫表を作りたいです。 在庫している商品は二つの賞味期限になることが多く、先出しで在庫管理をしています。 現在は手書きで帳面をつけているんですが、これをエクセルで管理できないか試してみましたが、上手くいきません。 ①商品の総数 ②ロット(賞味期限)毎の数量 ③入出庫 などが必要項目です。 よろしくお願いいたします。 ↓これは手書きで使用しているものです。
データ分析能力を競うサイト「Kaggle」のブラウザからアクセスできる機械学習環境「Kernel」を使ってデータサイエンティスト入門 - karaage. [からあげ]
追記：Kaggleスタートブック この記事の内容は少し古いので、今からKaggleを初めたい方は、「Kaggle スタートブック」がオススメです。以下記事参照ください。 Kaggleとは データ分析をスポーツのように競うプラットフォーム、それが「Kaggle」らしいです。データサイエンティストのオリンピックみたいなものですね。概要は以下記事がわかりやすいと思います。 重要なのは「Kaggle」が、単にデータを競うサイトというだけでなく、その分析ノウハウだったり、分析する環境まで提供するプラットフォームになっている点ですね。機械学習・データサイエンスに興味ある方は必見のサイトと思います。 「Kaggle」の「Kernel」を使ってチュートリアル「タイタニックチャレンジ」をやってみる 「Kaggle」で特に凄い点が「Kernel」というブラウザベースで実行できる、機械学習の環境が用意されていて
![データ分析能力を競うサイト「Kaggle」のブラウザからアクセスできる機械学習環境「Kernel」を使ってデータサイエンティスト入門 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c3167905820500d91b6d1dd60444063aaf0f672/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20180409%2F20180409012426.png)
インスタグラムのコミュニティ化はマーケターにとって見過ごせない
あえて常識的なことを書きますが、インスタグラマー（＝インフルエンサー）は影響力を持っています。 ではその影響力はどのように把握することができるのでしょうか？ ここで多くの方は「フォロワー数」だと答えるでしょう。確かにそれも間違いではありません。 ですが、本当にフォロワー数＝影響力なのでしょうか？ この記事では、インスタグラムにおけるフォロワー数とはなにを表しているのか、そもそもフォロワーとはなんなのかをあらためて定義しつつ、コミュニティとしてのインスタグラムの機能についてまとめる事でマーケティングのヒントを探っていきます。 目次 1.そもそもフォロワーとは 1-1.インフルエンサー選定で見落としがちな点 1-2.フォロワーの質を見極めよう 2.ファンがつく理由 2-1.ユーザー自身に興味関心がある 2-2.ユーザーが投稿する内容に興味関心がある 3.インフルエンサーのインスタ疲れ 3-1.
ハッシュタグの選び方を最適化しよう！ターゲットに刺さるインスタグラム活用術
インスタグラムはFacebookやTwitterと比べて拡散性が低いため、投稿した写真を多くのユーザーに見てもらうためには自ら露出することが非常に重要になります。 インスタグラム上でできる露出方法は主に3つです。 SNS広告（お金がかかる） ユーザーへのいいね！（時間がかかる） 適切なハッシュタグの選定（簡単！） 今回はお金も時間もかけずに、しっかりターゲットへ届ける意味のあるハッシュタグの選び方を紹介します。 目次 1.インスタグラムの検索方法を理解して、意味のあるハッシュタグを選定！ 2.”見つける用ハッシュタグ”と”コミュニティ用ハッシュタグ” 2-1.見つける用ハッシュタグとは 2-2.コミュニティ用ハッシュタグとは 3.検索されるハッシュタグの探し方 3-1.関連するハッシュタグから探す 3-2.人気のアカウントから探す 4.まとめ 1.インスタグラムの検索方法を理解して、意味の
InVisionだけじゃない！国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる
海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 こういったツールは英語だからと敬遠していた方は、是非試してみてください！ ようやく正式版としてリリースされ、以前紹介した時からさらに進化しています。 Studio Studioの特徴 Studioを使ってみた Studioの特徴 Studioは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。
ブランド訴求と「ハイコントラスト」モード | Accessible & Usable
公開日 : 2018年4月5日 カテゴリー : アクセシビリティ ウェブコンテンツのアクセシビリティを担保するうえで、文字色と背景色のコントラストに配慮することは重要です。弱視 (ロービジョン) に対する配慮としてはもちろんのこと、モバイルデバイスで屋外 (太陽光の下) でウェブ利用する際も、コントラストが不十分だとコンテンツの視認性が悪くなります。WCAG 2.0 (Web Content Accessibility Guidelines) では、達成基準 1.4.3 にて、最低限のコントラスト比が規定されています。 1.4.3 コントラスト (最低限) : テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の場合は除く: (レベル AA) 大きな文字: サイズの大きなテキスト及びサイズの大きな文字画像に、少なくとも 3:1 のコントラスト比が
Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ！ | 初代編集長ブログ―安田英久
「PWA」は、アプリ的な機能をWebで実現する仕組みWeb担当者さんのなかには「PWA」という言葉にまだなじみがない方も多いかもしれません。 わかりやすく説明すると、「PWA」とは、スマホアプリのような機能や動作をWebサイトで実現するための仕組みです（「Progressive Web Apps（プログレッシブ ウェブ アプリ）」の略）。 ウェブ標準として定められている仕様に則ってHTML＋CSS＋JavaScriptで動的なサイトを作れば、 アプリストアを通さなくてもWebサイト経由で利用できスマホのホームスクリーンに起動アイコンを追加してアプリのような全画面で起動でき（ブラウザのURLバーなど非表示）ネットワーク接続がなくてもコンテンツを表示でき（キャッシュを活用）プッシュ通知もサイトから送れるそんな「アプリ的な」ものを実現できるというもの。 一番のポイントは「サクサク動くインターフェ
データ分析や機械学習にバリバリ使える上にブラウザで使用できて環境構築不要のPython実行環境「Google Colaboratory」
「Jupyter notebook」というツールは、Pythonのコードを部分ごとに実行できてその場で結果を確認できるため、試行錯誤を積み重ねる必要があるデータ分析や機械学習によく用いられてきました。「Colaboratory」はそのJupyter notebookを元に「ブラウザで実行」「ファイルはGoogleドライブに保存」「共同編集」などの機能を加えて作成されたツールです。 Google Colab https://colab.research.google.com/ Google Colaboratoryのサイトにアクセスすると「最近のノートブック」という画面に。ひとまず右下から「ノートブックを新規作成」してみます。 実行するPythonのバージョンを選択できます。今回は「PYTHON 3」を選択。 ノートブックには「セル」が存在し、左側の実行ボタンを押すとセル内のコードを実行して
SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy
Windowsユーザーの方に朗報です！ Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 もちろん、日本語のWindows環境でも利用できます。 Lunacy, Sketch for Windows 前回紹介した時はファイルを開くだけの機能でしたが、ついに編集・保存にも対応し、Sketchの機能の80%を備えました！ Windows版のSketchといっても過言ではないでしょう。 Lunacyの特徴 Lunacyのダウンロード・インストール Lunacyの使い方 Lunacyの特徴 Lunacyは、.sketchファイルを開き、編集し、保存することができるWindowsのネイティブアプリです。しかも、完全無料で利用できます。 Lunacyの画面 Sketch（
機械学習のライブラリ！scikit-learnとは【初心者向け】 | TechAcademyマガジン
初心者向けに機械学習のオープンソースライブラリscikit-learnとは何かについて詳しく解説しています。実際のデータを使ってscikit-learnを使った機械学習を行っているので、参考にしてみてください。手軽に試すことができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 今回は、Pythonの代表的な機械学習のライブラリであるscikit-learnについて解説します。 機械学習というと、複雑な数式を使ったり、なんだか難しそう
【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita
はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ
UXを通して顧客のロイヤルティを向上させる方法
企業と顧客との信頼の絆を築いたとき、それは企業と顧客の安定的な関係を作り上げたということになります。企業と顧客の双方と面と向かって話し合った場合、より関係性を強くすることができるでしょう。 しかし、このテクノロジー時代において、人々はモバイルアプリやWebサイト、店頭の端末を用いて企業とやりとりをします。 これは私たちがやりとりにおいて親しみという感情と疎遠になってしまったということを意味します。実際に銀行で支払いをしたいとき列に並ぶ必要はありませんし、買い物は店舗に立ち寄らなくても可能です。いまや同じことがオンラインで行うことができます。 悪いデザインは顧客ロイヤリティを損なう 企業は通常、オンラインの顧客に応じたシステムを構築する傾向にあります。 しかし多くの場合、システムがしっかりとデザインされていないときに、その企業と顧客間における関係性を損なってしまうのです。 人の感性は変容しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TREND関数で重回帰分析を使って予測する
Supply Planning and Optimization