【翻訳】UXデザインのKPI例：ユーザーエクスペリエンスの測定方法を学ぶ（Kateryna Mayka, Eleken, 2021） - 体験とデザイン、スタートアップについて

2022/07/04 152 users Examples 翻訳 UXデザイン 焦点 ユーザ

UX Design KPI Examples: Learn How to Measure User Experience ユーザーエクスペリエンス（UX）は、ウェブサイト、アプリケーション、またはプロダクトの設計と使いやすさに焦点を当てています。優れたUXとは、ユーザーがそれほど困難なく問題を解決したり、ニーズを満たしたりできることを意味します。これは、ユーザ... 続きを読む

Googleが過去1年で検索アルゴリズムをどう変更したのか＆どんな影響があるのかを可視化するとこうなる

2022/01/18 94 users 検索アルゴリズム Google 可視化 影響 過去1年

Googleはユーザーエクスペリエンス(UX)改善のため、常に検索エンジンのアルゴリズムを進化させています。アルゴリズムの変更によりGoogle検索結果の順位が変更されることも多く、「Googleがいつ・どんなアルゴリズム変更を行ったのか」は、ウェブサイトの流入分析に役立ちます。そんなGoogleのアルゴリズム変更について... 続きを読む

「入会はウェブ、解約は電話のみ」WSJ日本版サブスクに読者不満　規制進む「ダークパターン」

2021/12/03 287 users 解約 ダークパターン 規制 ウェブ 入会

「ダークパターン」と呼ばれるサイト設計が欧米で問題となっている。利用者をだましたり、望まない行動を導いたりするUI（ユーザーインターフェース、顧客との接点）、UX（ユーザーエクスペリエンス、ユーザー体験）を指し、米連邦取引委員会（FTC）が企業に警告する事態になっている。 典型例は解約方法が煩雑なサブス... 続きを読む

サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable

2021/10/14 125 users ユーザーインターフェース インタラクション ユーザビリティ

公開日 : 2021年10月14日 カテゴリー : ユーザビリティ / アクセシビリティ / ユーザーインターフェース (UI) / ユーザーエクスペリエンス (UX) ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化するインタラクションがあります。たとえ... 続きを読む

WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性 | コリス

2019/10/23 281 users Pwa コリス プログレッシブウェブアプリ コンバージョン

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by... 続きを読む

一人から始めるWebアクセシビリティ | Slack

2019/08/25 305 users バラつき Slack archives オマージュ カルチャー

このタイトルは「一人から始めるユーザーエクスペリエンス」という書籍のオマージュです。 Webアクセシビリティ、まず取り組むべきはカルチャーとプロセスhttps://kidachi.kazuhi.to/blog/archives/038754.html カルチャーがあってもプロセスがない場合取り組みが属人的になりやすく、ちょっとした判断にもバラツキが生... 続きを読む

ユーザーを導く言葉をデザインする「UXライティング」という考え方 | Lifehacking.jp

2018/07/14 247 users UXライティング Lifehacking.jp 挙動 部長

UX（ユーザーエクスペリエンス）は、アプリの見た目や挙動だけではなく、言葉の選び方や開示の仕方も含めて考えなければいけない。これが「UX Writing」という、比較的新しい分野の考え方です。 先日、丸の内WeWorkで開催されたAll Turtlesのイベントで、プロダクト担当の部長であるジェシカ・コーリアさんによるUXライ... 続きを読む

UXのプロはコンバージョン最適化をどう見ているのか？ | SEO Japan – アイオイクスによる海外最新SEO情報ブログ

2018/02/26 65 users Cro アイオイクス 文脈 他者 意見

CRO(コンバージョン最適化)の文脈においては、しばしばUX(ユーザーエクスペリエンス)についても議論しなければなりません。CROとUXが被る部分、そして対立する部分はどこにあるのでしょうか？そして、実際作業を行う際はどのようなことに気を付ければ良いのでしょうか？ UXの専門家たちの意見を聞いてみましょう。 — SEO Japan 自分が取り組んでいることに対して、他者の意見を聞くことは、いつも楽... 続きを読む

交通アプリやダッシュボードのUIなど、著名UXデザイナーが作成したAdobe XD用の5つのUIキットを無償公開 #AdobeXD | Adobe Creative Station

2018/01/25 56 users ユーザーインターフェイス AdobeXd UXデザイナー

交通アプリやダッシュボードのUIなど、著名UXデザイナーが作成したAdobe XD用の5つのUIキットを無償公開 #AdobeXD BY Keisuke Todoroki 2018.01.25 公開 優れたUI（ユーザーインターフェイス）は、効果的なUX（ユーザーエクスペリエンス）構築における重要な要素の一つです。UXデザイナーは、よく考えてデザインされたUIが持つ力を過小評価してはいけません。U... 続きを読む

Webサイトを使いやすく！UIデザインのCSS小技テクニック21個まとめ（実例サンプルコード付） - PhotoshopVIP

2018/01/23 160 users Twitter PhotoshopVIP インターフェース

素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと @steveschoger がTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみま... 続きを読む

最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ | コリス

2017/09/01 75 users コリス 階層 実装例 配置 Google

Webサイトのパンくずリストとは、ユーザーにサイトの階層を伝え、そのページがどこにあるのかを正確に理解できるようユーザーエクスペリエンスを強化します。また、Googleの breadcrumb schema により、その重要性は高まっています。 最近のWebサイトで採用されている、デザインも機能も素晴らしいパンくずリストの実装例を紹介します。 11 Ways Breadcrumbs Bolster... 続きを読む

Web Payments はなぜ避けて通れないものになるのか - ウェブでの新しいお金の払い方: Tender Surrender

2017/08/24 208 users Tender Surrender メインストリーム API

前回の記事 で解説したように、Payment Request API によってウェブでの支払いにおけるユーザーエクスペリエンスは大きく変わる可能性があります。しかし、これが本当にメインストリームになるのか、将来的に自分のサイトを対応させる必要性は出てくるのか？そんな疑問を持つ方は少なくないと思います。 僕はかなり高い確率で、今後ウェブ上でのほとんどの支払いが Web Payments を経由したも... 続きを読む

iPhone・iPad向け最新OS「iOS 10」が発表、10の新機能が追加されシリーズ史上最大のアップデートへ - GIGAZINE

2016/06/13 358 users GIGAZINE iPhone iOS リデザイン MacOS

iPhoneとiPadの最新OSとなる「 iOS 10 」が開催中の開発者向け会議「 WWDC 2016 」で発表されました。 macOSに続いてiOSの発表 iOS 10の登場です。 デベロッパーにとって素晴らしいリリース iOS史上最大のリリースになるとのこと 新機能は10種類 まずはユーザーエクスペリエンス ロックすくリーのリデザイン・通知機能・アプリのアクセシビリティ向上・3D Touch... 続きを読む

Google Japan Blog: Google のロゴが新しくなりました

2015/09/01 408 users ロゴ Google Google Japan Blog ナス

2015 年 9 月 2 日 Posted by: プロダクトマネジメント 副社長 タマール イオシュア ／ ユーザーエクスペリエンス ディレクター ボビー ナス この 17 年間、提供している製品ラインナップや機能、画面デザインまで、Google は様々な変化を繰り返してきました。そして今日、Google はまた、ほんの少し変わります。 なぜこのタイミングにロゴを変更するのかと不思議に思われるか... 続きを読む

カスタマージャーニーマップについての簡単なまとめ – U-Site

2015/08/11 50 users U-Site カスタマージャーニーマップ 接点 プロセス 著者

良質なUXを提供するためには、全プロセスでユーザーとの接点を最適化する必要があります。カスタマージャーニーマップとは、ユーザーのサービス利用体験すべてを可視化することで、ユーザー理解を深めるためのツールです。 公開：2015年8月12日付　著者：U-Site編集部 良質なユーザーエクスペリエンスを提供するためには、サービスそのものの品質だけでなく、認知、利用前、利用中、利用後、すべてのプロセスにお... 続きを読む

エラー (ユーザーのつまずき) をデザインで解決する — Website Usability Info

2015/06/17 84 users Website Usability Info エラー 局面

Talking about web usability, accessibility, IA, UCD, UX,... エラー (ユーザーのつまずき) をデザインで解決する 2015年6月18日 ユーザビリティ , ユーザーインターフェース (UI) , ユーザーエクスペリエンス (UX) ウェブサイトの利用シーンでは、様々な局面でエラー (ユーザーのつまずき) が生じています。ユーザビリティテス... 続きを読む

Webデザインの慣習を破ることは、ユーザーエクスペリエンスを破壊すること － U-Site

2014/10/06 104 users 慣習 U-Site webデザイン

要旨 Bucknell Universityのサイトの、型破りなレスポンシブデザインへの変更は話題を呼んだが、それによってユーザビリティがかなり犠牲になっていることが、学生と保護者によるテストで明らかになった。 公開：2014年10月6日付（日本語版）、2014年7月20日付（原文）　著者：Katie Sherwin 原文（英語）：Breaking Web Design Conventions =... 続きを読む

マテリアル・デザインって何？ Androidデザイン責任者にインタヴュー : ギズモード・ジャパン

2014/07/08 136 users インタヴュー マティアス マテリアル ギズモード グーグル

インタビュー , レポート , 企業 , グーグル , 携帯電話 , Android マテリアル・デザインって何？ Androidデザイン責任者にインタヴュー 2014.07.08 12:00 目指すのは、脳にスッと入ってくるデザイン。 2年前にグーグルがAndroid Jelly Beanを発表したとき、米Gizmodoでは当時Androidのユーザーエクスペリエンスのディレクター、マティアス・... 続きを読む

レスポンシブWebデザイン（RWD）とユーザーエクスペリエンス – U-Site

2014/06/03 59 users RWD ユーザビリティ 要旨 原文 U-Site

レスポンシブWebデザイン（RWD）とユーザーエクスペリエンス 公開：2014年6月4日付（日本語版）、2014年5月4日付（原文）　著者：Amy Schade 原文（英語）：Responsive Web Design (RWD) and User Experience 要旨 多数のデバイスをサポートするためにレスポンシブデザインのチームが作成するサイトは1つだが、ユーザビリティを確実なものにする... 続きを読む

Google、PageSpeed Insightsのユーザーエクスペリエンス診断機能を正式公開 | 海外SEO情報ブログ

2014/05/19 65 users PageSpeed Insights Google ツール

[対象: 中〜上級]Googleが提供するPageSpeed Insights（ページスピード・インサイト）ツールを使うとサイトの表示速度を診断できます。 スピード診断に加えて、モバイルサイトのユーザーエクスペリエンスを診断する機能を昨年12月からベータ版として試験的に提供していました。このユーザーエクスペリエンス診断機能を正式に導入したことをGoogleは公式アナウンスしました。モバイルサイトの... 続きを読む

UXの本質について | underconcept

2014/05/02 479 users 誤用 ウェブデザイン 真意 本稿 観点

ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 １．UI/UXという誤用 1.1. UI... 続きを読む

ＰＶやアクセスってそんなに大事ですか？ - コウモリの世界の図解

2014/04/20 139 users コウモリ 図解 ページビュー コトバ ひと

2014-04-20 ＰＶやアクセスってそんなに大事ですか？ 言葉 社会・文化 （タイトルは、ある人から言われたコトバです）コウモリは、ＰＶやアクセスの話ばかりするヒトが好きではありません。 ＰＶやアクセスのために書かれた記事が好きではありません。多くの人に見てもらうことよりも、見てくれた人にどんなものを残せたか。 ＰＶ（ページビュー）よりＵＸ（ユーザーエクスペリエンス）。 量より質。そういうのを... 続きを読む

ローテーションバナーは"悪"なのか？ ローテーションバナーを使うべきでない3つの理由 | 海外SEO情報ブログ

2014/02/18 99 users カルーセル コンバージョン トピック 趣旨 SEO

[対象: 初〜中級]SEOではなくユーザーエクスペリエンス/コンバージョンが今日の記事のトピックです。「ローテーションバナー」を使うべきでないという趣旨の記事をConversionXLブログが公開しました。ローテーションバナーは、スライド式に自動的に画像が切り替わるバナーで、バナースライダーやカルーセルなどと日本語で呼ばれることもあります。個人的にもローテーションバナーが僕は大嫌いなので（笑）、C... 続きを読む

新規事業に失敗したくないなら絶対見て欲しい、誰でも3分で分かるLean UXと4つの基本ステップ | グロースハックジャパン | growth hack japan

2014/01/14 172 users Growth Hack グロースハックジャパン アイディア

投資家はあなたのビジネスアイディアに投資などしてくれません。 アイディアは失敗しない裏付けがあって初めて価値を持ち、投資家はその「裏付け」を求めているのです。 投資家が求める裏付けといえば、技術力や市場・競合調査など様々ですが、多くの起業家が忘れがちなのはUX（ユーザーエクスペリエンス）や顧客開発の重要性。新規事業に失敗したくなければ、ユーザーが製品に対してどのような感想を持っているか、どう改善し... 続きを読む

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

2014/01/06 1072 users コムテブログ 職種別 基礎 webデザイン ワイヤーフレーム

Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配... 続きを読む