ブックマーク / popinsight.jp (54)

  • 破壊的なアクションをどうデザインすべきか - ポップインサイト

    AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 データ損失は、パソコンを扱うユーザーの誰もがもっとも経験したくないことのひとつです。ただ単にデータを失うだけでなく、そこに至るまでの時間とお金も無駄なものになってしまうからです。企業にとって、これは莫大な労働力と金銭的な損失を意味する場合もあります。ユーザーにこれを経験させるわけにはいきません。 ある調査では、データ損失被害の30%が人的なミスによるものだということがわかりました。 つまり、これらのミスは優れたUXデザインによって防ぐことができるということです。ユーザーをデータ損失から守るために、デザインに関するテクニックをいくつかご紹介します。 確認のための赤色の警告信号 ユーザーが破壊的アクションのボタンを押したとき、それが即座に実行されないように設計しましょ

    破壊的なアクションをどうデザインすべきか - ポップインサイト
  • 良質なデザインのための10の原則&10のチェックリスト - ポップインサイト

    Murielは熱心なユーザーリサーチャーであり、デザインの編集者。ユーザーのニーズや要望を見つけ出し、そこにある「ギャップ」を埋める解決策を見出すことをやりがいにしている。加えて遠隔教育やeラーニング分野など学習のデザインにも関わっている。 作成者/著作権保持者:Dennis Hamilton. 著作権条項及びライセンス:CC BY 2.0 あなたはどんなタイプのデザイナーでしょうか? デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか? または、0から創作を始めた後でチェックリストを使って分析する方がお好みですか? あなたが安心するのは、未来を見据えるときか、過去を振り返るときか、それとも完璧主義なため過去も未来もどちらも見据えるときでしょうか。どちらに当てはまるとしても、この記事はあなたに役立つでしょう。 自分らしくあれ。自分以外は皆に取られてしまっているから

    良質なデザインのための10の原則&10のチェックリスト - ポップインサイト
  • 民主主義とUX:ユーザーの声をどうデザインに活かす? - ポップインサイト

    Roxanneはライブチャットやビジネスプロセス自動化を専門とする英国に拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 民主主義とユーザー体験は滅多に重複しません。ユーザーには影響力があるかもしれませんが、彼らが購入した製品やサービスに対して意見を述べられる機会はほとんどありません。 そこで、フィードバックシステムによって、ユーザーの意思決定が反映されているような体裁をつくることができます。典型的には、私たちはユーザーが意見を表明するプラットフォームを、アンケートやフォーラム、リクエストなどによって提供しています。しかし、こうした外部への働きかけがあるからといって、結果が保証されているわけではありません。ユーザーは自由にフィードバックを提供できますが、彼らの意見が一貫して権力を持ち、重視されるわけではないのです。 しかし、こうした風潮

    民主主義とUX:ユーザーの声をどうデザインに活かす? - ポップインサイト
  • UXデザインはユーザーの苛立ちを鎮める鎮静剤 - ポップインサイト

    Roxanneはライブチャットやビジネスプロセス自動化を専門とする英国に拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 2005年、あるレストランのオーナーがノートPCを使っている際に、苛立ちのあまりパソコンを巨大な鍋に投げ入れました。2007年、怒り心頭の男性が窓からPCを投げ捨てたことで、深夜に警察沙汰の騒動になりました。さらに2015年には、激昂したユーザーが自分のPCを路地に持ち出して、弾丸を8発打ち込むという事件が起きました。 テクノロジーに対する苛立ちは誰もが経験しています。ほとんどの人はデバイスを鍋に投げ込むのを何とかこらえていますが、電子製品が理解不能な動きをしたときの腹立たしい感情について、私たちは皆よく知っています。このような体験は「コンピューターレイジ(computer rage)」と呼ばれています。激昂したユー

    UXデザインはユーザーの苛立ちを鎮める鎮静剤 - ポップインサイト
  • Appleはどんなデザインプロセスで製品開発をしているのか - ポップインサイト

    Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 作成者/著作権保持者:Sreejithk2000 著作権条項と許可: 公有 世界初の1兆ドル企業になりつつあるAppleは、あらゆる製品開発プロセスの中でも最も成功した例かもしれません。デザイナーはAppleから多くのことを学び、自分のデザイン環境に取り入れることができます。 Appleは秘密主義で知られています。Steve Jobs氏の時代は、Apple内部でどんなビジネスが行われているのかを探り出すことはほとんど不可能だったでしょう。社内のデザイン手法がビジネスマーケットにおける優位性の鍵だとしたら、秘密主義であるのも不思議ではありません。 『Inside Apple: How America’s most Admired and Secretive C

    Appleはどんなデザインプロセスで製品開発をしているのか - ポップインサイト
  • Webサイトでブランドロイヤリティを築く方法 - ポップインサイト

    Lesは、サンディエゴにあるWebデザインやブランディング代理店Jacob TylerのCEOです。また、Webサイトデザインやユーザー体験、ブランディング、マーケティング戦略、デジタルマーケティングの専門家でもあります。 なにがWebサイトデザインを真に効果的なものにするでしょうか? 外観でしょうか、それとも機能でしょうか? 答えは、その両方です。Webページの美しさも機能も、UX全体にとって等しく重要です。実際、ユーザーがWebサイトをどのように感じるかによって、彼らの行動は大きく変わります。顧客がブランドを信頼できると感じ、Webサイトとのインタラクションになにも不満を覚えなければ、買い物などの私たちが期待する行為を達成してくれる可能性は高いでしょう。しかし、もしWebサイトが崩壊していてデザインも魅力的でなければ、ユーザーは不安になって苛立ち、操作を中断してWebサイトを離れてしま

    Webサイトでブランドロイヤリティを築く方法 - ポップインサイト
  • 優れたダッシュボードをデザインするための10のガイドライン | UX MILK

    Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト(Domestique)」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Domestique」はフランス語で「下僕」という意味です。 アシストの選手は、水のボトルをチームの車から集めてほかのチームメイトに渡すという役割を担っています。また、チームの車が近くにいないときに先頭選手の自転車が故障したら、自分の自転車や予備のタイヤを渡します。さらに、遅れているメンバーがいれば、先頭集団に追いつくまで彼らを牽引し、追いついたら自分はペースを落とします。このようにアシストの選手は無欲にひたすら奉仕し続けます。決してアシスト自身がレースに

    優れたダッシュボードをデザインするための10のガイドライン | UX MILK
  • 効果的なUXライティングのための16のルール | UX MILK

    Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注:当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク

    効果的なUXライティングのための16のルール | UX MILK
  • デザインシステムの定義と作成方法、導入事例 - ポップインサイト

    JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 デザインシステムは、ビジュアルやインタラクションだけに関するトレンドではありません。しかし、間違いなくルック&フィールに影響を与えています。なぜなら、Webにおけるトレンドを生み出すデザイン原則やツール、ライブラリー、コードを提供しているからです。 デザインシステムは一過性のトレンドを超えて、2018年以降も続くベストプラクティスになりつつあり、将来的にはWeb全体でデザインの一貫性が向上すると期待できるでしょう。 これが何を意味をするかと言うと、すべてのWebサイトが同じ見た目になるということではなく、それぞれのWebサイトにおいて一貫性が保たれ、ユーザーが期待する機能性やユーザビリティを提供できるようになる

    デザインシステムの定義と作成方法、導入事例 - ポップインサイト
  • UXデザインとUIデザインの3つの大きな違い - ポップインサイト

    Alan Smith氏は、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置くSPINX Digital Agencyと連携して仕事をしています。 UXUIの定義についての論争は、その2つの言葉が現れて以来ずっと続いています。UXはUser Experience(ユーザー体験)、UIはUser Interface(ユーザーインターフェイス)を表しています。 さっぱりわからないですか? これを理解できる瞬間はおそらくこないでしょう。エンドユーザーへのインターフェイスがユーザー体験に対してどのように影響を与えるかわかるでしょうか? また、UXUIという言葉が同じ時期に作られたものでないという事実も、この2つをとりまく混乱の原因のひとつであることは間違いないでしょう。UXUIは、同時期に考え出された言葉ではなく、当初は明確に定義され

    UXデザインとUIデザインの3つの大きな違い - ポップインサイト
    ytsk
    ytsk 2018/09/18
  • モバイルではメニューを画面下に表示すべき理由 - ポップインサイト

    UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜな

    モバイルではメニューを画面下に表示すべき理由 - ポップインサイト
  • エラーメッセージはフォームのどこに表示するべきか - ポップインサイト

    UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という2箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか? 調査に

    エラーメッセージはフォームのどこに表示するべきか - ポップインサイト
  • 文字や背景にピュアブラックを使ってはいけない理由 - ポップインサイト

    デザインにピュアブラックを使うと可読性が低くなると知っていましたか? 統計によると、「アメリカの成人の58%」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100%の明度であり、黒は0%の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を点けたときを想像してみてください。このような劇的な光量の変化は、私たちの目に悪影響を与えます。しかし、暗い部屋でほのかな明かりを点ければ、目の網膜が

    文字や背景にピュアブラックを使ってはいけない理由 - ポップインサイト
  • UXデザインの承認を得るための「UXの提案書」の作り方 - ポップインサイト

    スティーブン・ダグラス氏はJustinmindのマーケティング・コンテンツ・エディタです。Justinmindでは、プロトタイプ作成ツールでウェブとモバイル・アプリケーションのプロトタイプを作成できるので、コードを書く前にソフトウェアのソリューションを視覚化してテストすることができます。 締め切りに追われていないときには、彼を、犬とのハイキングやバドミントンコートで見つけることができます。 ユーザー体験のデザインは、大きな事業であり大きな収益をもたらします。Andrew Kucheriavy氏のForbesでのレポートによれば、ユーザー体験への投資収益率は平均して9,900%だそうです。簡単に言えば、1ドル投資するごとに100ドルもの収益を生み出すということです。 そのような数字を達成するためには、UXデザイナーとUIデザイナーは優れたユーザー体験を提供し続ける必要があります。そこで、UX

    UXデザインの承認を得るための「UXの提案書」の作り方 - ポップインサイト
  • ログアウトのUXを軽視してはならない - ポップインサイト

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

    ログアウトのUXを軽視してはならない - ポップインサイト
  • モバイルWebサイトの3つの落とし穴と解決策 - ポップインサイト

    Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 2016年、世界で初めてモバイルによるインターネットの使用率が、デスクトップによる使用率を上回りました。Google UKの調査では以下のように記述されています。 現在、英国の成人の65%がスマートフォンをインターネット利用の主要デバイスとして使用しています。 人々は情報を検索したり、購入したり、サービスに契約するためにモバイルデバイスを使用します。ユーザーの好みの変化は、ユーザーの期待に拍車をかけています。今日、ほとんどのユーザーは、ひどいパフォーマンスに耐えることはできなくなっています。ユーザーは必要な情報がすぐに手に入らないと、(文字通りワンタップして)別のオプションに切り替えてしまいます。 この記事では、ページ読み込みの遅さやサインインの壁、長い購入プロ

    モバイルWebサイトの3つの落とし穴と解決策 - ポップインサイト
  • Salesforceのデザインシステムはどのように作られているのか(後編) - ポップインサイト

    JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 デザインシステムの更新とリリース ―デザインシステムを更新するプロセスはどうなっているのでしょうか? 社外に公開しているデザインシステムに関しては、オープンソースのプロジェクトページから機能リクエストができます。ただ、それは氷山の一角で、実際の社内デザインシステムでは若干異なるプロセスがあります。現時点でどれだけプロセスが整理されているかはわかりませんが、さまざまなチャネルからの要望を同じ人に集約するようにして、適切な人にタスクを割り振れるようにしています。 たとえば、プラットフォームを担当しているデザイナーからが50%、残りの50%は個別の機能開発チームからの小さい要望で、デザインシステムには含まれていないけ

    Salesforceのデザインシステムはどのように作られているのか(後編) - ポップインサイト
  • Salesforceのデザインシステムはどのように作られているのか(前編) - ポップインサイト

    JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 Kaelig Deloumeau-Prigent氏は、SalesforceのLightning Design Systemチームのシニアデザイナーです。 フロントエンド開発とデザインにおいて長年の経験を持つKaelig氏から、デザインシステム構築のアドバイスについて教えてもらいました。デザインシステムのメリットやプロセスの詳細については、無料の電子書籍『Why Build a Design System?』をダウンロードしてください。 Salesforceデザインシステムチームへの参加 ― どのようにしてSalesforceデザインシステムチームに参加したのですか? これには面白い経緯があります。私のはA

    Salesforceのデザインシステムはどのように作られているのか(前編) - ポップインサイト
  • 【2018年版】アプリUXデザインのトレンド12選 - ポップインサイト

    モバイルアプリ領域の動きは非常に早く、UXデザインにおいて成功するためには、デザイナーは先見の明を持ち、新たな課題に備えなければなりません。 ここでは皆さんのタスクを軽減するために、2018年において影響力がもっとも大きいであろうトレンドをリストアップしました。 1. ユーザージャーニーの簡略化 アプリやWebサイトを使用する場合、ユーザーには特定の目的があります。その目的を達成するために費やす労力が少ないほど、より良い体験となるのです。 リニアユーザフロー リニアデザイン体験とは、ユーザーが各ステップを1つのアクションで完了できるようにするための開始・途中・終了があるUXのことです。タスクを完了するために必要な時間を見積もることができるため、リニアユーザーフローはユーザーのためになります。 Uberでタクシーを頼むプロセスは、リニアユーザーの例です プログレッシブディスクロージャー アプ

    【2018年版】アプリUXデザインのトレンド12選 - ポップインサイト
  • 【2018年春】今チェックしておきたいデザインツール12選 - ポップインサイト

    JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob

    【2018年春】今チェックしておきたいデザインツール12選 - ポップインサイト