ブックマーク / uxmilk.jp (93)

  • Webサイトはユーザーの疑問を解決するためにある | UX MILK

    いつからか私たちは、Webをほかのマーケティングチャネルと同じように扱い始めました。私たちが持つチャネルにはテレビ広告、ラジオ広告、印刷物、そしてWebがありました。しかし、ほかのチャネルとWebは異なるものであり、それをきちんと認識しなければ、潜在顧客を遠ざけてしまうでしょう。 なぜWebは異なるのか Webサイトとほかのマーケティングチャネルとの間には大きな違いがあります。それは、サイトの訪問者があなたのオファーに対して既に関心を持っているということです。 少し想像してみてください。新聞広告を出す場合、その広告を見る人々は製品やブランドに何も関心がないかもしれません。広告の目的は、注目を集めて興味を刺激することです。同じことが、テレビやラジオなどの伝統的なマーケティングチャネルにも言えます。 しかしオンラインでは違います。Webサイトを選んで訪れているのです。人々は面白そうなリンクをク

    Webサイトはユーザーの疑問を解決するためにある | UX MILK
  • ログアウトのUXを軽視してはならない

    Roxanne はライブチャットやビジネスプロセス自動化を専門とする英国に拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 ログアウトの体験は、ログインする回数が増えている中で見落とされやすいものです。素晴らしいUXほど、ユーザーを送り出すことよりも招き入れることに重点が置かれているのは当然かもしれません。しかし、重視されていないということは、ユーザーのログアウト体験が疎かになっていることを意味します。 最近、アカウントを作成したときのことを考えてください。そのブランドがWebサイトやアプリの入り口から、スムーズかつ素早くユーザーを迎え入れようと苦心しているのは間違いありません。アカウントを作成してアクセスするプロセスは、とても簡単で夢中になります。しかし、ログアウトに関しても同様に言えるということは、滅多にないでしょう。 ログアウトは

    ログアウトのUXを軽視してはならない
  • 誰がインターネットをダメにしたのか?

    Roxanneはライブチャットやビジネスプロセス自動化を専門とする英国に拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 インターネットを壊したのは誰でしょうか? インターネットには、ゴシップや嘘が溢れていますが、もちろんPAPER誌のKim Kardashian氏のようなセレブの写真によって壊されたのではありません(編注:同誌のBreak The InternetというコーナーにKardashian氏が登場した際、その過激な写真が話題になりました)。インターネットは、企業によって壊されているのです。 もしかしたら、あなたは最近オンラインでのユーザー体験がひどくなっていると気づいたかもしれません。デザインやコンテンツが突如として悪くなったのではありません。ジャーニーそのものが、だんだんと崩壊しているのです。これは、比喩でもあり現実でもあ

    誰がインターネットをダメにしたのか?
  • Atlassianがデザインシステムの構築から学んだこと

    10年以上の歳月を経て、Atlassianのデザインは徐々に改良・洗練されていきました。そういった流れの中で、Atlassianは、2012年に最初の公式なデザインシステムを作成しました。当時の最優先の目的は、Atlassianのすべての製品で一貫性を確立することでした。最初の「デザインシステム」は、実際には従来的なスタイルガイドに近いものでした。 次の5年間で、Atlassianはデザインシステムの開発と調整を行い、有益な教訓を学びました。それは、デザインシステムは一貫性の維持だけにとどまらない効果があるということでした。2017年の最新バージョンでは、製品のインターフェイスからフリクションを減らすことに重点が置かれました。そして、デザインシステムを補完するUIライブラリー「Atlaskit」が追加され、デザインシステムの機能が定義されました。 Atlaskitでは、標準となるUIコンポ

    Atlassianがデザインシステムの構築から学んだこと
  • 現代のWebナビゲーションにおける4つのルール

    Webサイトはあらゆる種類の情報にアクセスできます。ある企業についてもっと知りたい、商品を購入したい、寄付をしたい、リソースにアクセスしたいなど、探している情報を見つけるために私たちはサイトナビゲーションを頼っているのです。 多くのWebサイトが「十分」に機能するナビゲーションを備えており、ユーザーを必要な情報にアクセスさせることができます。しかし、それは試行錯誤を重ねたからなのです。この記事では、デザイナーがより効果的でわかりやすいナビゲーション体験を作り出せるようになるためのベストプラクティスをいくつか紹介します。 『ナビゲーションは検索よりも大切である』という記事で、著者のGerry McGovern氏は彼のチームが行った調査について紹介しており、「ユーザーの70%はリンクのクリックから始め、30%は検索を使用した」と述べています。また、「検索を使うよりもリンクをクリックするほうが簡

    現代のWebナビゲーションにおける4つのルール
  • Githubがデザインシステムを作るまでの道のり(前編)

    Jerry Cao氏は、UXPinのコンテンツストラテジスト。プラットフォームのワイヤーフレーミングとプロトタイピングを行うためのアプリ内およびオンラインのコンテンツを開発しています。 Diana Mounter氏はGithubのプロダクトデザイナーおよびデザインシステムのリーダーです。 デザインと開発において15年近いキャリアをもつ彼女は、Etsyでシニアデザイナーを務めた後、2015年末にGithubのチームに参加しました。 私たちはこのインタビューで彼女に、デザインシステムにおけるベストプラクティスと、デザインシステムの作成・保守の経験から学んだ教訓について聞きました。このインタビューは、動画で見ることもできます。 また、デザインシステムの利点やプロセスについてもっと知りたければ、無料のeブック『Why Build a Design System?』をダウンロードしてください。 Gi

    Githubがデザインシステムを作るまでの道のり(前編)
  • デザイン思考を単なるバズワードで終わらせず、価値を伝えるには

    私たちがデザイン思考を実践する一方で、業界外の方にはそれがある種の呪術的思考とみなされることがあります。デザイン思考がバズワードとして広まっているのは間違いありません。 デザイン思考というバズワードの背後にある、実践方法に目を向けさせるためには、きちんとデザイン思考をビジネスと関連付け、価値の実例を示す必要があります。専門用語を削ぎ落として、デザイン思考をビジネスプロセスとして説明しましょう。 私なら最初に、デザイン思考を30秒の価値提案として要約します。それからその効果の証拠として、お気に入りのケーススタディを用いて説明します。 30秒のデザイン思考 デザイン思考という言葉は使われすぎていて、複雑なものに感じるかもしれません。しかし実際には、非常にわかりやすい概念です。 中心となる理念は、(1)まず顧客の問題に焦点を当てて、(2)アイデアを繰り返し出し、(3)フォーカスするアイデアを決め

    デザイン思考を単なるバズワードで終わらせず、価値を伝えるには
  • メールアドレスの確認フィールドをなくすべき理由

    UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの1つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メールアドレスの確認フィールドの追加で誤送信を何件か防ぐことはできるかもしれませんが、必ずしもすべてを防ぐことができるというわけではありません。 多くのユーザーは、メールアドレスの入力内容をコピーして、確認フィールドに貼り付ける傾向があります。これでは、ユーザーが間違ったメールアドレスを貼り付ける

    メールアドレスの確認フィールドをなくすべき理由
  • 2回のスプリントを経ても仕様が決まらない場合、どうすべきか?

    JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 原則として、要件の洗い出しとプロトタイプのレビューに2回以上のスプリント(編注:ここでは1スプリント=2週間)が必要な場合、それがどんなものであっても複雑すぎると言えます。そのような場合、プロジェクトを保留するか中止しましょう。 私の経験上、2回のスプリントで問題を解決できなければ、プロセスやシステムに深く関わる複雑な問題があるか、あるいは未知の課題が潜んでいると思われます。 いずれの場合も、少し待ってください。このルールにおける唯一の例外は、『Fixing the Enterprise UX Process ebook』で説明したように、重要度と実現可能性が高い機能の場合です。 では、少し前に私が行ったプロジェクトから例を挙げてみましょう。 突如現れた「メッセージ

    2回のスプリントを経ても仕様が決まらない場合、どうすべきか?
  • UIデザインパターンの参考になるサイト10選

    同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction

    UIデザインパターンの参考になるサイト10選
  • 似ているようで本当は違う、UXとCX

    Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。

    似ているようで本当は違う、UXとCX
  • ユーザーが不快に思わないプッシュ通知をデザインするには

    毎日アプリから送信される通知の数に注目したことはありますか? これらの通知の内、いくつを実際に注意して見ていますか? 私たちは毎日、日々の生活を邪魔になるといっても過言ではない、役に立たない通知を数えきれないほど受け取っています。これらの通知はパーソナライズされているわけでもなく、私たちと関連性も薄く、送信のタイミングも考慮されていません。その結果、ユーザーは通知をオフにしたり、アプリを消去してしまったりします。 モバイルアプリをアンインストールする理由の1位に、通知が陶しいことが挙げられました。回答者の実に71%が答えています。(2位以降は下から順に「複雑な登録フロー」、「フリーズする」、「UI/UXが悪い」、「押し付けがましい広告」、「プライバシーが不安」、「ソーシャルログインを強制される」) しかし、このUXのアンチパターンとも言うべきプッシュ通知は、企業とユーザーの双方にとって有

    ユーザーが不快に思わないプッシュ通知をデザインするには
  • チャットボットのUX:価値ある会話デザインの方法

    Jenniferは、UX戦略、研究、およびデザインの取り組みを15年間にわたって行ってきました。ユーザーを楽しませる、より強いブランドを構築しています。 。 チャットボットはすべて同じではありません。では、チャットボットの良し悪しを決めるものは何でしょうか。 良いチャットボットとは、ユーザーがより効率的に何かを達成できるようにしてくれるものです。中でも優れたものは、チャット体験自体を楽しくしてくれます。一方で悪いボットは、ユーザーの時間を無駄にしたり、意味が通らない返答をしたり、ユーザーをイライラさせたりして、離脱率を高めてしまう可能性があります。 誰も好んで悪いチャットボットを作ろうとはしません。しかし、過去にチャットボットをデザインした経験がないと、開発の大変さに気づかなかったり、あるいは技術がすべてだと思ってしまっているかもしれません。その結果、ユーザー体験を向上するどころか、損ねる

    チャットボットのUX:価値ある会話デザインの方法
  • Webデザインで「やるべきこと」と「やってはいけないこと」

    1.どんなデバイスでも同様の体験を提供する サイトの訪問者は、さまざまな種類のデバイスを使ってサイトにアクセスしています。デスクトップかもしれませんし、ラップトップやタブレット、携帯電話、音楽プレイヤー、または腕時計を使っているかもしれません。 UXデザインにおいて重要なのは、訪問者がどのようにサイトを閲覧しても、デバイスの種類に関わらず同様の経験を提供しなければならないことです。 ※編集部より:一部、誤訳がありましたので修正しました(11/10 11:00) 2. 使いやすくわかりやすいナビゲーションをデザインする ナビゲーションはユーザビリティにおける要です。どんなに良いWebサイトを作ったとしても、ユーザーがサイト内で上手く操作できないならば意味がないということを覚えておいてください。そのため、サイトのナビゲーションは以下の項目に従うべきなのです。 シンプル:どんなサイトであっても最

    Webデザインで「やるべきこと」と「やってはいけないこと」
  • 検索機能におけるベストプラクティス | UX MILK

    Nick Babichはエンジニアであり、UXの愛好者です。テクノロジーに対して情熱をもっています。彼は10年間ソフトウェア業界にて、開発を専門として仕事をしてきました。彼は数々の興味の中で、宣伝や心理学、シネマなどを重視しています。 検索は、ユーザーとアプリ/Webサイト同士の会話のようなものです。ユーザー側は必要な情報を問い合わせ、アプリやWebサイト側は検索結果をもってそれに対応します。 ユーザーは検索をするとき、作業がスムーズに行われることを期待します。そして大抵、1、2回ほど検索した結果の質によって、アプリやWebサイトを即座に評価してしまいます。 検索とその裏側のUIをデザインするとき、考慮すべきたくさんの事柄があります。みなさんが読みやすいように、この記事では検索のベストプラクティスを検索ボックスのデザインと結果ページの配置の2つの領域に分けて紹介しています。 Webサイトご

    検索機能におけるベストプラクティス | UX MILK
  • デザイナーから学ぶ、1枚の紙とペンで企画アイデアを整理する方法

    UX MILK編集長。株式会社メンバーズ LXグループ所属。LX(ラーニングエスペリエンス)にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 企画がうまくまとまらない、または伝わらない、なんて経験は過去にありませんか? 「企画を考える」というタスクは数多くある仕事の中でも掴みどころのないもののように感じませんか? 今回はオンライン学習プラットフォームUdemyの中でも人気の講座から、企画の発想・整理の手法を学んでいきたいと思います。この記事では要点をかいつまんで紹介しますので、詳しく知りたい人は講座の編を受講してみてください。 企画を「1枚の紙」にまとめてみる 今回取り上げるのは「〜デザイナーの頭の中、大公開〜 企画を「1枚の紙」で、伝えきる」という動画講座です。 トリプレットデザインの大森 剛氏が講師に立ち、企画を考え

    デザイナーから学ぶ、1枚の紙とペンで企画アイデアを整理する方法
  • UXとCXの違いと共通点

    CarolineはCareerFoundryの卒業生です。彼女はニュージーランドでUXのアナリストをしており、UXや問題解決、そして人が大好きです。 。 顧客体験(CX:カスタマーエクスペリエンス)は、現代のビッグビジネスです。Forresterは、顧客体験が良いと、顧客は4.5倍も多くお金を払うと主張しています。 さらにForresterは、優れた顧客体験を提供する企業は、それを考慮しない企業に比べて格段に早く(5倍速で)成長すると言っています。 しかしCXとは何でしょうか? そして、UX(ユーザーエクスペリエンス)とはどう違うのでしょうか? 私がCareerFoundryでUXデザインを学んだときに知った重要なことは、摩擦のないデジタル製品を作成することでした。つまり、ユーザーを喜ばせるデザインをすることです。しかし、UXデザインの裏にある原理や心理学は、ほかの多種多様なオンライン、オ

    UXとCXの違いと共通点
  • プロトタイプがビジネスに利益をもたらす理由

    PaulはUXのデザイナーでありデジタルトランスフォーメーションの専門家です。彼はユーザーを促進するためのウェブやソーシャルメディア、モバイルの活用を、非営利やビジネスの分野で手助けしています。 私たちUXデザイナーは、プロトタイプをよく使います。しかし、UXデザイナーにとって、クライアントや経営陣にプロトタイプが時間や経費に見合うものだと説得することはストレスです。この記事では、プロトタイプのビジネスにおける利益について説明していきます。 プロトタイプは私たちが自由に使うことのできるもっとも強力なツールの内の1つです。しかし、多くの人がプロトタイプはお金がかかるデザインツールだと思っています。そのため、プロトタイプは適切なツールだと思われません。 締め切りまでの期間が短く、予算が限られている場合プロトタイプは最初にカットされるものの1つであることが多いです。代わりに、企業は生産工程を短縮

    プロトタイプがビジネスに利益をもたらす理由
  • Webデザインのスタイルガイドの作り方

    Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

    Webデザインのスタイルガイドの作り方
  • 次世代のワイヤーフレーム「マイクロフレーム」とは

    Marcinは製品デザインのプラットフォームである、UXPinのCEOおよび共同創設者です。2010年にUXPinを共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。 「ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。」 私たちは少なくとも7年間は、この主張を聞き続けてきました。もしこのような議論に対して、人気がすべてを証明するというなら、真実はこの主張の逆と言えるでしょう。なぜならワイヤーフレームは終わったらしいと議論され続けているという事実自体が、ワイヤーフレームは顕在で、デザインプロセスにおいて少なくとも一部のプロジェクトやデザイナーに適合する形で存続していることを証明しているからです。 ワイヤーフレームはどのように生き残ってきたのでしょうか? 実はワイヤーフレームは進化し続けています。 ワイヤーフ

    次世代のワイヤーフレーム「マイクロフレーム」とは