タグ

uxに関するcyber_snufkinのブックマーク (102)

  • ユーザー体験を実感するドッグフーディングのメリットと実例

    株式会社GMOペパボ UXデザイナー。ホスティングサービス、電子書籍プラットフォーム、アプリ開発などを経て、現在はtoB/toCのEC領域のサービスデザインに従事。今後の労働人口減少社会に対するサービスに強い関心がある [Facebook][twitter]。 ドッグフーディングとは、自社の製品を自分たちで日常的に使い、改善の必要な箇所を探ることです。この手法には、以下のようなメリットがあります。 ドッグフーディングの4つのメリット 1. 共感できる その商品のユーザーが、何が嬉しく何が怖いのか、肌で感じることができます。 2. ユーザーテストの仮説を立てる元になる ユーザーテストをする際には、その様子をただ闇雲に観察するのではなく、仮説を立てて観察することが必要です。「ここが問題なのではないか」という仮説を立てるには、あらかじめドッグフーディングで製品を検証しておくことが有効です。 3.

    ユーザー体験を実感するドッグフーディングのメリットと実例
  • ログアウトのUXを軽視してはならない

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

    ログアウトのUXを軽視してはならない
  • Salesforceのデザインシステムはどのように作られているのか(前編)

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

    Salesforceのデザインシステムはどのように作られているのか(前編)
  • モバイル環境でSpeaker Deckを快適に閲覧する方法 - razokulover publog

    TL;DL モバイル環境からmをドメインの先頭に追加してアクセスすると良い感じにスライドが閲覧できます。 例) https://speakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis ↓ https://mspeakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis 概要 Speaker Deckはスライドを共有するサービスです。 特に大きなカンファレンスが開催された後はたくさんの発表資料がこのサービスにアップロードされるのでよく閲覧します。 Speaker Deckは、PCで閲覧する分には特に問題はないです。 しかしモバイル環境で閲覧すると少し残念です。 なぜならSpeaker DeckにはPC用のレイアウトしか存在しないからです。 通勤中にTwitter

    モバイル環境でSpeaker Deckを快適に閲覧する方法 - razokulover publog
  • コンテンツを中心としたAtlassianのデザインシステム

    デザインシステムを採用するチームは、システム内のコンテンツが担う役割を決める必要があります。私たちはAtlassianのSean Curtis氏(シニアエンジニア)とTony Starr氏(リードテクニカルライター、IXプラットフォームチームのリーダー)から、組織全体にコンテンツの考え方を浸透させるユニークな方法について話しを聞きました。 Atlassianでのコンテンツの役割 世界中のプロダクトチームで共通して言えることは、コンテンツが重視されていないということです。しかし、AtlassianのIX(Information Experience = 情報体験)チームでは、会社全体を巻き込んだ機能・チーム横断的なアプローチを採用しています。 「私たちのデザインシステムであるAtlassian Design Guidelines(ADG)では、コンテンツはすべての中心となります。私たちが重視

    コンテンツを中心としたAtlassianのデザインシステム
  • カスタマージャーニーマップとは!?無料テンプレート付き

    ペルソナの行動を時系列で1枚にまとめた「カスタマージャーニー」を目にしたことはないでしょうか。企業がゴールとする地点までにペルソナが取る行動は、時系列で刻々と変化します。接触ポイントによって彼らが取る行動が変化するため、必然的にアプローチの方法も異なる、ということです。 組織やチームでこの「さまざまなペルソナの行動」に共通認識をもち、ペルソナという実際には見えない対象を明文化するために、カスタマージャーニーは欠かせません。 今回は、カスタマージャーニーを作成する際に最低限知っておきたいポイントをご紹介します。カスタマージャーニーを作成するなら、最低限の基礎知識として必ず押さえておきましょう。 カスタマージャーニーとは 画像引用:https://www.digitalgov.gov/2015/08/12/journey-mapping-the-customer-experience-a-us

    カスタマージャーニーマップとは!?無料テンプレート付き
  • マニュアルのUXはどうあるべきか?|小山田翔子

    あなたはいま、フリマアプリを開いている。家の不用品を売るためだ。 出品したリュックが売れて、購入者に送付しようとしたが、その配送方法を変更したくなった。画面を探しても説明が書いていない。 できるのか、できないのか。マニュアルがどこにあるのか、お問い合わせが必要なのか。よくわからない。 購入者からは「明日には配送してほしい」とメッセージが来ている。あなたは焦ってしまう。出品額たかが1,000円のために、頭を抱えてしまう。 はて、一体どうしたものか... UIデザイナーが憧れてしまうAppleUI 多くのUIデザイナーは、マニュアルや説明文なしで操作できる直感的UI、そう、Apple社が提供しているようなUIに憧れる。しかし、Appleのようにユーザー自身がtipsをブログやYahoo!知恵袋に投稿してくれるようなプロダクトばかりではない。 サービスによっては、そのサービスで生計を立てている

    マニュアルのUXはどうあるべきか?|小山田翔子
  • 弁護士ドットコムがアクセシビリティ向上に本気で取り組むワケ | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い

    弁護士検索や無料法律相談などのサービスを運営する弁護士ドットコム。その弁護士ドットコムはアクセシビリティエンジニアを採用し、格的にWebアクセシビリティの向上に乗り出したという。連載では、弁護士ドットコムがどのようにアクセシビリティ向上に向けどのように実装していたのか、リアルタイムでお届けしていきます。初回の今回は、「狙い」を紹介します。 筆者は、アクセシビリティに関する著書もある元ビジネス・アーキテクツの太田良典氏。題の前に、まずは「アクセシビリティ」について簡単に説明しておきます。 アクセシビリティは障害者に限った話ではない全盲の人もWebを使っているんですよ 私がこう言うと、「全盲の人がどうやってWebを使うの?」と驚かれることがあります。Webは実にさまざまな人が、さまざまな状況で利用しており、あまり知られていない使われ方をされていることもあります。たとえば以下のような使われ

    弁護士ドットコムがアクセシビリティ向上に本気で取り組むワケ | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
  • ゴーストボタンを使う際の注意点と使いどき

    UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 ゴーストボタンとは、外枠があるけれど中が透明なボタンのことです。Web上で人気のトレンドですが、多くのデザイナーが間違って使用しています。 クリック率が下がる ゴーストボタンはミニマリストな今どきの見た目と感覚を演出し、デザイナーの間で人気です。騒々しく威圧的な印象を、ユーザーに対して与えません。しかしコールトゥアクション(CTA)として考えた場合、それこそが問題となります。 CTAボタンにはユーザーの関心を引きクリックを促すような、強いビジュアルの手がかりが必要です。ゴーストボタンのミニマルな見た目では、強いビジュアルの手がかりが足りません。結果としてクリック率の低下を生じます。 クリック率が低いと言うことは、ユーザーのほとんどがゴーストボタンを見逃しているということです。サイトでのエ

    ゴーストボタンを使う際の注意点と使いどき
  • 「規約に同意」のUX -ストレスフリーな同意UIとその実現方法-

    Inside Frontend #2

    「規約に同意」のUX -ストレスフリーな同意UIとその実現方法-
  • プロトタイプを使って要件をまとめるときに気をつけるべきこと

    JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 「要件を決めた時に想像していた仕様と違う」 開発チームのほとんどが、プロジェクトの中でも最悪のタイミングで、このような発言を聞くはめになります。大抵、このようなことが起きると、開発者は自分を正当化しようと怒り出します。正確に要件を定義していなかったとステークホルダーを叱責するのです。 これはもっともな怒りではあります。しかし、同時にこの状況の責任は私たち開発側にもあることも事実です。 私たちは認識のズレを埋めるため、要件に必要なことをステークホルダーに伝えてきれていません。この記事では、開発の現場で起きがちなことについて話していきます。 要件をまとめることの背景にある厳しい事実 要件が決められるのは、大抵ステークホルダーとのミーティングのときです。ステークホルダーは

    プロトタイプを使って要件をまとめるときに気をつけるべきこと
  • yj-creative

    Minyak Telon Habbie Tetap Setia Memberikan Kehangatan untuk Bayi Dari Waktu ke Waktu Manfaat memberikan minyak telon Habbie untuk bayi sudah tidak diragukan lagi. Kehangatan yang ditawarkan oleh minyak yang satu itu tampaknya tetap setia mendampingi para Ibu merawat buah hatinya. Bentuk kasih sayang Bunda pada buah hati memang bisa ditunjukkan dengan membalurkan telon anak ke tubuhnya. Banyak anak

    yj-creative
  • ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ

    ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基中の基にユーザー体験を設計する上でもっとも基となるのが「使いやすさ」。心地よい体験を提供するには、まずは基的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達

    ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
  • Atlassianに学ぶ、大規模なUXチームにおける採用プロセス

    Liam氏は次のように述べました。 「私たちはただ何となくデザインチームを拡大しようとしているのではありません。プロダクト管理と開発を補えるように、チームを拡大しているのです。」 Atlassianのデザイン組織は現在5つの部門にわかれています。 情報体験:プロダクトのコンテンツとインターフェイスのコピー、技術のドキュメントを作成する ユーザーリサーチ:ユーザーのニーズを調査、検証する プロダクトデザイン:プロダクトを改良し、新プロダクトを開発する クリエイティブチーム:インタラクティブなマーケティングプロジェクトを作成する デザインオペレーション:適切なツールやプロセス、ビジョンを導入してデザインチームを成功に導く 加えて、プロダクトに関わる3職種の連携を維持するために、Atlassianはガイドラインとして以下の比率を用いています。 デザイナー:プロダクトマネージャー:エンジニア=1:

    Atlassianに学ぶ、大規模なUXチームにおける採用プロセス
  • UXベンチマーキングのすすめ

    ユーザー体験の測定における特徴の1つに、デザインの改善が実際に定量的な差異を生み出したかどうかが、時間が経ってからわかるというものがあります。定期的なベンチマーク調査は、それを慣行化するための良い方法です。一定間隔(1年ごとや四半期ごとなど)や、デザインや機能の重要な変更があった際に実施すると、ベンチマークはもっとも効果的です。 図2は、ある自動車のWebサイトで2011年、2012年、2014年の3年間に渡って行われた同一のタスクを表しています。 上手なベンチマークは、重要な比較に関連したWebサイトや製品の欠陥部分を示します。比較対象となるのは以下のような項目です。 製品/Webサイトの前回のバージョン 競合製品 産業との関連性 産業における基準(NPSやコンバーション率など) 同一企業のほかの製品 何をベンチマークするのか? ほとんどどのようなものでもベンチマークの対象にすることはで

    UXベンチマーキングのすすめ
  • サクサク感をデザインする

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか?サクサク動くを分解すると下の2要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く!」と感じられるサービスは、上の2つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多

    サクサク感をデザインする
  • UXデザイナーがUIスキルを必要とする理由

    Raffaela Reinは、UX Training の主要なオンラインスクールの1つであるCareerFoundryのCEO兼、共同設立者です。 Raffaela氏は、次世代のデジタル人材を育成することに専念し、彼らが好きな仕事でキャリアを築くのを手助けし、UXカテゴリでの勝者と敗者の違いを生み出す理由を教えています。 UXデザイナーとして、ユーザー体験がすべてであることはご存知かと思います。ほとんどのユーザーは、UXデザイナーが舞台裏で設計したフレームワークを意識していません。ユーザーが気づかないということは、あなたがいい仕事をしたという証なのです。 ユーザー視点で言えば、UXデザイナーの仕事UIデザイナーによって作られた魅力的なUIの下に隠されてしまいます。しかしこれは良いことなのです。UIデザイナーには、グレースケールのワイヤーフレームを作るための必要スキルがあり、さらにワイヤー

    UXデザイナーがUIスキルを必要とする理由
  • UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート

    PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事(腹立たしいことに4ページ目はたった1行だったりする)、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか? その負のス

    UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか? 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり
  • 当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog

    追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは

    当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog