「ユーザーが行動をおこす条件」の話｜深津 貴之 (fladdict)｜note
新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv
ユーザーをイライラさせないIn-App Walkthrough（アプリ初回起動時の説明スライド）の作り方 - 小さなごちそう
スマートフォン・アプリを初めて起動したときの説明スライド（In-App Walkthrough）の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
なぜ急成長しているスタートアップではUI/UXが優れたサービスを作れるのか？｜～高垣のりこ～自分100年戦略ノート
本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的
Foursquare: A UX case study
Foursquare’s iOS app after tweaked experience of user journey I love Foursquare and have used it since I lived in Tokyo. After I moved to San Francisco, I was impressed that I could use it seamlessly. It helped me discover a new place anywhere in the world. Last summer, I also planned a trip to Portland with Foursquare but I realized a problem while using the iOS app. So I set out to explore featu
フラットデザインのためのベストプラクティス
フラットデザインは、シンプリシティ（単純化、簡素化）の考えにそったミニマリズムにもとづく、洗練されたデザインと考えられているでしょう。しかし、フラットデザインにおけるシンプリシティの実現は簡単ではありません。きれいにまとまったビジュアルと機能的なデザインを創り出すことを考慮し、すべての要素を同じ目的のためにデザインしなければなりません。 ユーザーのためになるフラットデザインの活用方法には、どのようなものがあるか見ていきましょう。 見えないデザイン 不要なスタイリングを取り除きましょう ユーザーが気付かないような、「見えないデザイン」を実践するのは良いことです。なぜなら、ユーザーが毎回デザインに気を取られていては、「体験への没入」の妨げになってしまうからです。ゴールは、特定のアクションやメッセージを、ユーザーに素早く簡単に理解してもらうことのはずです。必要な機能を明らかにするために、デザイン
ネットの決済時の入力項目が多いのはとにかく大きい壁、と明日のイベント｜林伸次
先日、お店用のある備品を買おうと思って、グーグルで「○○ 販売」って検索したんですね。 もちろん、アマゾンと楽天が上の方に出てきたのですが、それ以外に、「あ、こんなお店があるんだ」っていうサイトがあったんです。 そのお店をクリックしたところ、たぶんサイト運営者の中に「飲食店で働いた経験者」がいるのでしょう、「そうそう、そういう使い勝手が知りたいんだよなあ」とか「そうそう、そういう消耗品は安ければ安いほどいいんだよなあ」とかってことがすごくわかっているんです。 欲しかったものも見つかり、それをカートに入れて、決済のページにいったところ、まあとにかく、すごくたくさんの僕の情報を入力しなきゃいけなくなってまして。 うちのお店の会社名、店舗名、僕の役職(そんなものないです)、住所も郵便番号から、メールアドレスも間違いがないように２回、性別、僕の名前のカタカナのフリガナって感じで、とにかくたくさん入
The 7 Factors that Influence User Experience
User Experience (UX) is critical to the success or failure of a product in the market but what do we mean by UX? All too often UX is confused with usability which describes to some extent how easy a product is to use and it is true that UX as a discipline began with usability – however, UX has grown to accommodate rather more than usability and it is important to pay attention to all facets of the
グロースとは学びを得ること - 前編
こんにちは、THE GUILDの@goandoと申します。初note投稿です。 ここ3年ほど動画配信サービス「U-NEXT」にUXデザイン顧問としてUX、データ分析を中心に取り組んでおり、「データ & グロース」辺りのトピックでnoteに投稿していこうと思っています。 UXデザイン顧問のしごとU-NEXTでUXデザイン顧問という形でサービスの支援をしていますが、一体何をしている仕事か簡潔に言うと「ユーザー体験に関わる領域全般の支援」になります。 例えば、 ・ プロダクトのマイルストーン ・ UIデザイン ・ コミュニケーションのデザイン ・ デザインチームのトレーニング・レビュー ・ 人材採用の支援 ・ 映像製作の企画 など、業務は多岐に渡ります。 中でもU-NEXTのサービスの成長を目標とした「グロース」を中心に取り組んでおり、データの収集・分析に多くの時間をかけています。 UXにおいて
UI / UX 学びまとめ
夏、満喫してますか？ 夜は何してる？ フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。
定性的ユーザビリティテストのタスクの改善： 防ぎたい間違い・トップ10
ユーザビリティ調査のために適切なタスクを書くのは、科学ではなく芸術の分野の作業だ。とはいえ、そこにもルールはある。タスク作りでよくある以下の間違い10個に自分のタスクが該当していないかチェックしよう。 Write Better Qualitative Usability Tasks: Top 10 Mistakes to Avoid by Amy Schade on April 9, 2017 日本語版2017年8月7日公開 定性的なユーザビリティ調査を大きく左右するのが、テストするデザイン、テストする参加者、そして、（特に多いのが）セッションを運営する進行役である。だが、これ以外にも重要な要素というのは存在する。それがタスクである。 タスクに求められるのは、UXリサーチャーのゴールを正確かつ適切に反映すること、さらに、参加者がやらなければならないことについての明確な指示を与えることである
意味不明なことばかり言ってるUXデザイナー達の代わりに「UXデザインとは何か」を端的に説明しよう
釣りタイトルですみません。 でもね、世に言う「UXマン」っているじゃないですか。 いかにも自分は上流工程だと言わんばかりに様々なフレームワークや聞こえはいい理論を振りかざしているにも関わらず、自分では手を動かしてモノをつくらないし、いざつくってもらったらアチャーなアウトプットだす人たち。 そもそも「UXデザイン」には色んな解釈があったところに、“つくってなんぼ”のWeb業界にそういう人たちが少なからずいる（し、えてしてなぜかデカイ顔をしている）もんだから、もはやUXデザイナーという職そのものが胡散臭いと思われていることが多いんですよね。 前職の話になりますが、当初「UX推進部」という部署に属していたので、勤務外にもUX系の勉強会にはたくさん参加してみたけれど、ほとんどくっそ当たり前のことしか言ってない講演とか、Sketchはいいぞ〜って永遠に言ってるだけの集まりとか、本当に参加する価値がな
)
Microsoft Inductive User Interface Guidelines
Making the screen title prominent Once you settle on a useful screen title, it's important to make sure the user sees it. Some studies have shown that users rarely read instructional text. To help overcome this problem, screen titles should be designed to be prominent and appealing in order to draw the user's attention. The screen's visual design should inform the user that the title is the most i
オブジェクト指向UX | POSTD
(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Map Effectiveness in the Responsive Context of the Graphical User Interface
CrUX on BigQuery | Chrome UX Report | Chrome for Developers
6/22 I Google Presents: Better Auth UX for mWeb (CIS 2017)
UX Design For E-Commerce: Principles And Strategies. | Tubik Studio
User Adoption Archives
http://www.canvasflip.com/
