カスタマージャーニーマップについての簡単なまとめ
良質なUXを提供するためには、全プロセスでユーザーとの接点を最適化する必要があります。カスタマージャーニーマップとは、ユーザーのサービス利用体験すべてを可視化することで、ユーザー理解を深めるためのツールです。 HCD事業部・宮内 2015年8月12日 良質なユーザーエクスペリエンスを提供するためには、サービスそのものの品質だけでなく、認知、利用前、利用中、利用後、すべてのプロセスにおいてユーザーとの接点を最適化する必要があります。 顧客のサービス利用体験すべてを可視化することで、顧客の行動・心理を理解 カスタマージャーニーマップとは、ユーザーがサービスを利用する体験すべてを可視化（モデル化）することで、ユーザー理解を深めるためのツールです。 利用のプロセスに沿って、ユーザーとのタッチポイント・ユーザーの行動・思考等を可視化します。 主にサービスの改善・設計を行う際に現状の課題を明らかにし、
レスポンシブデザインとは｜今更きけない基礎知識とメリット・デメリット
この記事は2016年3月27日の記事を再編集しています 多くのホームページに導入されているレスポンシブデザインですが、レスポンシブ化することによってどのようなメリット、またはデメリットが発生するか把握できていますか？ 「Googleが推奨しているから」、「流行しているから」、という単純な理由でレスポンシブデザインを導入するのではなく、長所短所を見極めたうえで、自社のホームページに最適だと判断したうえで利用するのが良いでしょう。 今回は、レスポンシブデザインのメリットとデメリットを解説します。 レスポンシブデザインとは そもそもレスポンシブデザインとは何を指すのでしょう。 Googleは、 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えること
UXに関する疑問に答えて気づいたこと
8月8日、クリーク・アンド・リバー社主催のイベント「と、コラボ特別編」で UX をテーマに座談会をしました（#tocolabo）。ポッドキャストで対談したネットイヤーグループ株式会社の坂本貴史さんと参加者といっしょに「UXってなに？」という初歩的でありながらも難しい課題について話し合いました。セミナーでもワークショップでもない、話をするだけのイベントでしたが、参加者の満足度が非常に高い有意義な時間になりました。 上図: webディレクターの阿呆な研究の @azumi0812 さんが、イベントで作ってくださったグラフィックレコーディング 共有できるかどうかが課題 以前、HTML 5 Experts のインタビューで「いま、UXを語るのはなぜ悩ましいのか？」を話したことがあります。仕事環境、クライアント関係、役割に応じて UX という言葉のニュアンスが微妙に違うことがあるので、言葉だけ聞いて決
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
溺れた時「助けて」と叫んではダメ。ではどうすれば？ （日経DUAL） - Yahoo!ニュース
家族で海や川に行く機会が多い、夏休み。毎年この時期になると、海での事故が報道されます。警察庁の発表によると、平成26年中の水難事故の発生件数が1305 件で水難者は1491人、死者・行方不明者は740人。このうち中学生以下の子どもは、水難者が223人で、死者・行方不明者は55人でした。発生した場所別に見ると、河川が 29 人で海が14人。行為別に見ると、「水遊び」が32 人で「水泳中」が4人でした。 水遊びの季節、子ども達を水難事故から守るためには、どうすればいいのでしょうか？ 夏休み前に、品川区立第三日野小学校では水難学会による「浮いて待て授業」を行いました。今回は、その授業の様子をレポートします。 【溺れた時「助けて」と叫んではダメ。ではどうすれば？】の詳細画像を日経DUALで見る 2015年7月17日、品川区立第三日野小学校では、5年生を対象に「浮いて待て授業」を行いました。
『マッドマックス 怒りのデス・ロード』ジョージ・ミラー監督インタビュー
第一作目である『マッドマックス』から36年、そして前作『マッドマックス／サンダードーム』から27年。遂に公開されたシリーズ第四作『マッドマックス／怒りのデス・ロード』。制作までの背景から、撮影中の逸話、出演者への想い、そしてこれからの映像表現について、ジョージ・ミラー監督が語る。 第一作目である『マッドマックス』から36年、そして前作『マッドマックス／サンダードーム』から27年。遂に公開されたシリーズ第四作『マッドマックス／怒りのデス・ロード』。制作までの背景から、撮影中の逸話、出演者への想い、そしてこれからの映像表現について、ジョージ・ミラー監督が語る。 原題：VICE TALKS FILMS : George Miller ※ みなさん、『マッドマックス／怒りのデス・ロード』はもうご覧になりましたでしょうか？私はまだですが、妻は興奮して帰って来ました。しかしパンフレットを買
さらば口下手！スラスラ話せる｢プロ技×3｣ | アナウンサー魚住りえのたった1日で声までよくなる！「話し方」教室 | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
地味に忘れるソーシャル系やサイトのキーカラーをSassの変数でまとめてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و ここ最近「刀剣乱舞」のキャラクターが揃いつつあり、あと二振りでコンプリートしそうです٩( ᐛ )و＜残りおじいちゃんと明石 だが何百回出陣してもおじいちゃんが来ません。 ください( ˇωˇ )＜おじいちゃんどこ そんなことはどうでもいいですね( ˇωˇ ) ソーシャル系やサイトのキーカラーをうっかり忘れてしまうので、Sassの変数でまとめてみました。ご紹介します( ˇωˇ ) カラーまとめ よく使うソーシャルサイト Facebook
これからWeb系でフリーランスになろうとしている人に注意していただきたいこと - さよなら妄想
私はどうやら女子力という言葉を都合よく捉えていたようだ。可愛い、癒やし、フェロモン、肛門。。。全てをオブラートに包んでくれるこれらの言葉に甘えていたとも言うべきか。 この世界で美人とブスで社会から受ける恩威が同等であると言えば偽善者になってしまう。映画、ドラマ、CMで活躍する人の多くは「可愛い」もしくは「美人」だし、企業の広報なども顔面偏差値レベルの高い女性がピックされやすい。企業の面接で美人とブスの二者択一になれば選ばれるの美人が多いし、入社してからも暇を持て余した肉ボーイズツーメンから裏のある「優しさ」を受けることが出来るし、取締役の締りの悪い社会の窓さえ動かす力だって持つ。 一方でブスはもっと現実的だ。高価なランジェリーを身にまとった所で目にするのは洗濯するオカンぐらいだし、香水を付けても「臭い」となり、飲み会で「気の利くポジショ取り」をしても都合のいい女で終わってしまう。一年に一度
ビジネスの資料にもっとデザインをーースキル不要のデザインツール「Canva for Work」がリリース - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
<ピックアップ>Canva unveils its new business platform, offering a two-month free trial 簡易的な操作でグラフィックスを作成できるツールCanvaが、ビジネス版「Canva for Work」をリリースしました。 デザインツールといえば、Adobe製品が有名ですが、「Canva for Work」ははAdobeのようなハイエンドなツールではなく、ビジネスにおけるMicrosoft Officeのように、ビジネス資料のデザインを可能にするツールだそうです。 Canvaは今年の5月に、既存投資家を中心に600万ドルを調達しています。その頃から「Canva for Work」のことは話題になっていましたが、いよいよリリースされました。現在は登録を行って、利用が開始できるようになるのを待つ状態。 利用料金は1年間まとめて支払う
知らないと損！Googleサジェストキーワード取得ツールの便利な使い方とその仕組み
この画像を見つけた時、「えっ！これどうなってんの？」って思いました。 いつか、こういう愉快な顔になりたいです。 どうも、JUNICHIです。 今回は、Googleサジェストというキーワード選定ツールの使い方の解説です。 このツールを使いこなせるようになれば、さらにキーワード選定が楽になるので、是非一度使ってみて下さい。 Googleサジェストの仕組み Googleサジェストっていうのは、簡単に言うと「Google検索をするときに、検索しようとしているキーワードを予想して提案してくれる機能」の事です。 Googleで検索をしようと、何か1語を入力して、続いて2語目を入力しようとしたときに、こんな風にいくつかのキーワード候補が出てきませんか？ ほら、こんな風に ↓ Google検索するときに、「多くの人が検索したがっている候補」を自動的に表示してくれるんです。 上の画像の例で言うと、「おやじ」
プレゼンは「目線」で決まる！人気エバンジェリスト西脇資哲氏に学ぶ『今、流行のスライドテクニック』8選 - リクナビNEXTジャーナル
プレゼンテーションはテクニックである。そう言い切るのは、日本マイクロソフトのエバンジェリスト西脇資哲氏。IT企業だけでなく、製造業・金融業・官公庁での講演やプレゼン講座を幅広く手がける、IT業界屈指のカリスマプレゼンターだ。 執筆活動も積極的に行っており、最新刊「プレゼンは『目線』で決まる」（ダイヤモンド社）は発売前からアマゾンベストセラー入りしている。その出版を記念して、西脇氏によるプレゼンセミナー「ドローンを学ぶ女子部」(Windows女子部×「目線で決まるプレゼン」特別企画) が日本マイクロソフトで開催された。 ▲日本マイクロソフト株式会社 エバンジェリスト業務執行役員 西脇資哲氏 日本経済新聞でも紹介されたIT「伝道師/エバンジェリスト」。1996年から日本オラクルにてプロダクトマーケティングおよびエバンジェリストを13年間歴任。現在はマイクロソフトにて多くの製品・サービスを伝え広
Windows 10の「スタートメニュー」をカスタマイズする方法 | ライフハッカー・ジャパン
ここ数年、Windowsの「スタートメニュー」は、私たちユーザーの前から消えては再び姿を現す、をくり返してきました。しかし、Windows 10でついに、新しいトリックをいくつも携えて帰ってきたのです。ここまでカスタマイズできるスタートメニューは、Windows史上見たことがありません。ユーザーの思うがままの設定が可能なのです。 米Lifehackerはすでに、ユーザーに役立ちそうなヒントをいくつかご紹介していますが、もう少し深く知りたい、本格的に改造したいという方のために、今回はスタートメニューのカスタマイズについて、できることすべてをお教えしましょう。 「スタートメニュー」のサイズ・形を変える デフォルトでは、スタートメニューのサイズはスクリーンの解像度をもとに自動調節されます。たとえば、私の1900×1200のモニターでは、スタートメニューはかなりワイドです。でも、スタートメニューに
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
優れたWebフロントエンド開発者になるには
この記事では、二人のエンジニアが書いたWeb開発者のためのアドバイスを紹介する。一人はおすすめの有用なツールとテクニックについて、もう一人はブラウザ向けに書くときに遭遇する課題への対処についてアドバイスしている。 今年のはじめ、BazaarvoiceのソフトウェアエンジニアであるRebecca Murphey氏は「A Baseline for Front-End [JS] Developers: 2015」というブログ記事を書き、クライアントサイドWeb開発に使えるツールとアプローチをJavaScript開発者にアドバイスした。記事を要約すると、彼女はこう言っている。 ECMAScript 2015を学ぶ。 Understanding ES6、ES6 Rocks、BabelJSがおすすめだ。私たちはこのリストにAxel Rauschmayer氏の新しい本、Exploring ES6を加える
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ニコニコ動画（Re:仮）
今年気になったハイクオリティなデザインUIキット − 2015 - NxWorld
Togetter - 国内最大級のTwitterまとめメディア