2018/10/1更新: - v0.0.3を使うように修正 - 文言を微修正 Twitterにて「Rio」のデモ動画が発表された つい先日(2018/8/7)、TwitterにてRancher社のDarren Shepherd氏がRioというプロダクトのデモ動画を発表してました。 Early Preview of Rio, a new end-to-end container tool from Rancher. Basically this is what I've been doing for that last couple months. https://t.co/MQ8dwaaNT1— Darren Shepherd (@ibuildthecloud) August 6, 2018 前々から氏のツイートなどでRioの開発をしてる旨を匂わせていましたがいよいよ動く段階まできたようで
どうもFirebase Japan User Groupオーガナイザーの@1amageekです。 この記事ではUX向上のための画像の取り扱い方について解説しようと思います。 サービスと画像 画像のロードはサービスのUXに大きな影響を与える WEBでは、1秒の遅れでCVRが7%ダウンすると言われています。Instagramがもし画像のロードに1秒もかかっていたとすれば、おそらくここまでは大きなサービスにはならなかったでしょう。 画像の取り扱いには、時間をかけてUXを向上させる意味があります。 ロード速度も重要だが、待ち時間こそ重要 画像のロードは、サイズと通信速度に依存します。つまり技術的観点からすれば、とにかく画像を小さくすること以外は、解決方法はありません。 既存のあらゆるサービスは、待ち時間をいかに低減させるかを工夫してUXを向上させてきました。この記事ではその手法に焦点をあてて紹介し
前回記事で本質的なUX改善によってプロダクトを伸ばしていくサイクルについて書きましたが、今回はその中でも特に重要なユーザーテストについて書こうと思います。 UX改善による本質的グロースハックのプロセス グロースハックは10回の施策で1回でも当たれば良い、とよく言われますが、自分はグロースハックのサイクルの中でユーザーテストを実施するようにしてから10回に8回は狙ったとおりに数値を改善することができるようになりました。 本記事ではグロースハックにおいて何故そこまでユーザーテストが強力なのかの理由と、ユーザーテストの実践方法の全体像について書いていきます。 ※ 今回は先の記事で書いた以下グロースサイクルのKPI設定が終わっている前提で進めます。 データ分析とユーザーテストの役割の違いまず、データ分析が「サービスの問題が"どこに"あるか」を特定するものであるのに対して、ユーザーテストは「サービス
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
※ユーザー調査法は下記のように、大きく2つに分類される。両者の違いは、次回説明する。 ニーズ探索型:ユーザー調査、行動調査、フォーカスグループインタビュー 仮説評価型：ユーザーテスト、ABテスト、アンケート プロトタイプ 今回は、この中からプロトタイプを取り上げる。プロトタイプとは、一般的には「評価、改良を目的にプロダクトの模型を作ること」である。この連載での改良の対象は当然、プロダクトのUI（ユーザーインタフェース）やUX（ユーザーエクスペリエンス）が中心ではあるが、技術仮説の模型もプロトタイプと呼ばれる。 画面やインタラクションを丸ごとプロトタイピングしない UI開発にプロトタイピングが有効であることはよく知られているためか、下記のようなゆるっとした進め方により、結果プロトタイプ開発に工数をかけ過ぎてしまうことがある。 目的を定めずに、漫然と「決めた仕様に基づく使い勝手を確かめるため」
注目企業の中の人によるコラム 今回は、OisixのUX改善について、アートディレクターを務める荒金さんに成功事例を紹介いただきます。 お客様の行動心理に基づいた改善で売上が2倍になったという施策の具体的な解説です。 OisixにてサイトのUX向上やブランディングに携わっております、EC事業本部CX室のアートディレクター兼グラフィックデザイナーの荒金知乃です。 今回はUXのデザインで売り上げを伸ばした事例を、問題発見から、解決に至るまでのポイントを交えて紹介いたします。 VIP会員ページのUXデザイン改善から売上を伸ばす Oisixは「子どもに安心して食べさせられる食材」をコンセプトに、有機・特別栽培農産物、添加物を極力使わない加工食品や、プレミアム時短をコンセプトとしたミールキット「KitOisix」などを、インターネットや実店舗で提供しています。 2000年からスタートしたOisixは、
Roxanneはライブチャットやビジネスプロセス自動化を専門とする英国に本拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 インターネットを壊したのは誰でしょうか？ インターネットには、ゴシップや嘘が溢れていますが、もちろんPAPER誌のKim Kardashian氏のようなセレブの写真によって壊されたのではありません（編注：同誌のBreak The InternetというコーナーにKardashian氏が登場した際、その過激な写真が話題になりました）。インターネットは、企業によって壊されているのです。 もしかしたら、あなたは最近オンラインでのユーザー体験がひどくなっていると気づいたかもしれません。デザインやコンテンツが突如として悪くなったのではありません。ジャーニーそのものが、だんだんと崩壊しているのです。これは、比喩でもあり現実でもあ
UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メールアドレスの確認フィールドの追加で誤送信を何件か防ぐことはできるかもしれませんが、必ずしもすべてを防ぐことができるというわけではありません。 多くのユーザーは、メールアドレスの入力内容をコピーして、確認フィールドに貼り付ける傾向があります。これでは、ユーザーが間違ったメールアドレスを貼り付ける
はじめて iMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。 道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。 それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。 どうして？ ... 実はその秘密は既に明らかになっている。 それは、モードレスだからだ。 直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。 この秘密は、 今から 9 年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
みなさんは先輩や上司から「お前は手段が目的化してんだよ！」って言われたこと、ありませんか？ 何故そんなことを言われなければならないのか、解説しましょうそうしましょう。 目次1.トイレが汚れてきた時の解決手段 2.手段が目的化する原因 3.具体と抽象を使いこなす 1.トイレが汚れたら普通どうする？ ※そもそも今回はロジカルシンキングの話なので、ロジックツリーを使って説明していきます 【トイレが汚れてきたので、対策を考える】 みなさんは、トイレが汚れてきたらどうしますか？ 恐らく大体の人は掃除をします。 例えば上の図は、社内のトイレが汚れてきた時の対策をロジックツリーで書き出したものです。 この図を見る限り、「トイレが汚れてきた時の解決手段はA社に依頼することだ」という解決手段が一つの手としてあげられます。 ただこの図に記載されている手段が、本当に全ての解決策であると言えるのでしょうか？ 2.
JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 原則として、要件の洗い出しとプロトタイプのレビューに２回以上のスプリント（編注：ここでは１スプリント＝２週間）が必要な場合、それがどんなものであっても複雑すぎると言えます。そのような場合、プロジェクトを保留するか中止しましょう。 私の経験上、２回のスプリントで問題を解決できなければ、プロセスやシステムに深く関わる複雑な問題があるか、あるいは未知の課題が潜んでいると思われます。 いずれの場合も、少し待ってください。このルールにおける唯一の例外は、『Fixing the Enterprise UX Process ebook』で説明したように、重要度と実現可能性が高い機能の場合です。 では、少し前に私が行ったプロジェクトから例を挙げてみましょう。 突如現れた「メッセージ
Tik Tokの「スロー&倍速撮影」が投稿ハードルを下げ、縦画面が「マネしやすさ」を上げた。ヘビーユーザーに聞いた8つの話。 動画アプリの「Tik Tok（ティックトック）」について、TikTokを毎日見ているユーザー（22歳 女性）に聞いた話をまとめました。 目次 １、Tik Tokは「ミュージックビデオ感覚」でみる ２、Tik Tokに慣れるとテレビが遅く感じる ３、Tik Tokの「投稿ハードルを下げる」仕組み ４、Musical.lyとの違いは「おすすめの精度」 ５、Tik Tokの投稿者は「中高校生がメイン」 ６、Tik Tokは「YouTubeのウザい広告」で話題が広まった ７、Musical.lyには「時代遅れのアプリ」という感覚がある？ ８、他人の動画が保存できるためにTikTokで起きている現象。１、Tik Tokは「ミュージックビデオをみてる」感覚のアプリ（動画と音楽の
こんにちはTHE GUILDの@goandoです。 先人達から学びを得るために、UXを中心に日々色んな書籍を参考にしているのですが、最近はデータ分析の為の統計学を主に読んでいます。また以前からUXの為に行動経済学・認知心理学の書籍から気付きを得る為に参照しています。 これらの書籍が自分のスキルと活動の中でどういう補完関係になっているのかを一度整理したので、共有してみたいと思います。 自分のスキルセットについて自分のキャリアパスというのが以下の様な流れになっており、大手SIer → ベンチャー → 個人デベロッパー → 現在、と4フェーズ目になっています。 (※ポーズに特に意味はありません) SIer時代は1000万人が使う大規模システムを一から構築したり、米国企業との事業開発をしたり、ベンチャー時代はカーネギーメロン大の言語学者と共同開発を行い、iPhone黎明期には個人デベロッパーとして
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
１.どんなデバイスでも同様の体験を提供する サイトの訪問者は、さまざまな種類のデバイスを使ってサイトにアクセスしています。デスクトップかもしれませんし、ラップトップやタブレット、携帯電話、音楽プレイヤー、または腕時計を使っているかもしれません。 UXデザインにおいて重要なのは、訪問者がどのようにサイトを閲覧しても、デバイスの種類に関わらず同様の経験を提供しなければならないことです。 ※編集部より：一部、誤訳がありましたので修正しました（11/10 11:00） ２. 使いやすくわかりやすいナビゲーションをデザインする ナビゲーションはユーザビリティにおける要です。どんなに良いWebサイトを作ったとしても、ユーザーがサイト内で上手く操作できないならば意味がないということを覚えておいてください。そのため、サイトのナビゲーションは以下の項目に従うべきなのです。 シンプル：どんなサイトであっても最
Marcinは製品デザインのプラットフォームである、UXPinのCEOおよび共同創設者です。2010年にUXPinを共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。 「ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。」 私たちは少なくとも７年間は、この主張を聞き続けてきました。もしこのような議論に対して、人気がすべてを証明するというなら、真実はこの主張の逆と言えるでしょう。なぜならワイヤーフレームは終わったらしいと議論され続けているという事実自体が、ワイヤーフレームは顕在で、デザインプロセスにおいて少なくとも一部のプロジェクトやデザイナーに適合する形で存続していることを証明しているからです。 ワイヤーフレームはどのように生き残ってきたのでしょうか？ 実はワイヤーフレームは進化し続けています。 ワイヤーフ
昨今、ネイティブアプリ全盛が故に、WebサービスのUXを作れるエンジニアが少なくなってるんじゃないか説がある。 また、受託からWebサービスが主流になったことで、一つのソースコードをこねくり回す機会が増え、新規にWeb UIを作り込む頻度が低くなり、そもそも鍛えられていないんじゃないか説もある。 例えば、商品登録画面のような何かのテキスト情報と一緒に登録する画像アップロードを考えてみる。 その際に、「入力確認画面」が必要だと仮定する。また、それなりに秘匿性を意識すべき企業用途のサービスだとする。 書きながら2002年の案件を思い出してるので、なんか古い話だったらゴメンよ。 １．いつどこに画像を保存するのか？ post or ajax ? ２．Webサーバに置くのか？S3に上げてしまうのか？今時ないかもしれないがObject Databaseに登録する？Webサーバに置いたらロードバランサー
コンバージョン率を上げ、短期的なビジネスゴールを達成するために、UXデザインの「ダークパターン」を採り入れる企業が後を絶ちません。4つの実例をもとにダークパターンの問題点を考えてみましょう。 多くの人もそうだったと思いますが、2016年11月8日、私はスクリーンにくぎづけになっていました。そのとき私が米国大統領選挙戦の結果をめぐって当てにしていたのはThe New York Timesでした。ほかのどのソースよりも信頼していたからです。 The New York TimesのWebページの一番上に、「選挙予想」というダイヤルがありました。 ダイアルが意味していたのは「大統領選に勝つ確率」で、左側に激しく揺れ動いていました。このとき私はすでに不安でいっぱいでしたが、それはどんどん高まっていきました。 New York Timesの記者、Jake Swearingenは次のように語っています。
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
本稿では、ブログデザインのテストに30,000ドル（＝約300万円）を費やし、4つの重要な改善ポイントを見出したJustin Brooke氏の記事をご紹介します。 ブログのデザインテストでわかった4つのグロースハック術 以下のイメージは標準的なブログレイアウトですが、このようなレイアウトのブログやWebページを何百も見てきたことでしょう。ここではオレンジ色の丸で示された4つの重要な改善ポイントをご紹介したいと思います。 【1】一等地を有効活用しよう 例えば営業メールを書く時、見出し部分に一番力を入れますよね。コピーライターにとっては、Webページが折りたたみ式の場合、唯一見えているトップページのヘッドラインや第1パラグラフが最も力を入れる部分になります。 今回テストした中で、一等地の見出し部分を最適化することが最も効果がありました。オプトインボックスの配置を、右側のサイドバーからロゴとナビ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
