Ultimate ChatGPT cheatsheet for UX UI Designers
AI won’t replace designers, but designers who use AI will replace those who don’t. Similar to how calculators were once thought to replace mathematicians, many fear that AI will replace designers. However, this is a misconception. Just as calculators didn’t replace mathematicians, AI won’t replace designers either. Instead, AI will offer you — designers, new tools and capabilities to increase thei
How to build a CrUX Dashboard on Looker Studio | Chrome UX Report | Chrome for Developers
Looker Studio (formerly Data Studio) is a powerful data visualization tool that lets you build dashboards on top of big data sources, like the Chrome UX Report (CrUX). In this guide, learn how to create your own custom CrUX Dashboard to track an origin's user experience trends. The CrUX Dashboard The CrUX Dashboard is built with a Looker Studio feature called Community Connectors. This connector i
Overview of CrUX | Chrome UX Report | Chrome for Developers
The Chrome User Experience Report (also known as the Chrome UX Report, or CrUX for short) is a dataset that reflects how real-world Chrome users experience popular destinations on the web. CrUX is the official dataset of the Web Vitals program. All user-centric Core Web Vitals metrics are represented. CrUX data is collected from real browsers around the world, based on certain browser options whic
GoogleのUX指標「Core Web Vitals（コアウェブバイタル）」とは？LCP・FID・CLSを解説
Googleは2020年5月28日、検索ランキングの指標を「Core Web Vitals（コアウェブバイタル）」と既存のシグナルを組み合わせると発表した。今回はCore Web Vitalsを構成する3つの指標、LCP・FID・CLSについて解説していく。 Web Vitals（ウェブバイタル）とは まず、Web Vitalsとは、GoogleがWeb上で優れたユーザー体験を提供するために不可欠である考えであり、ユーザー体験を向上させるためのガイダンスを提供するための Google の取り組みだ。 Core Web Vitals（コアウェブバイタル）とは Web Vitalsの中でも特に重要な3つのことをCore Web Vitalsとしている。具体的には読み込み時間（LCP）、インタラクティブ性（FID）、ページ・コンテンツの視覚的安定性（CLS）が挙げられる。 Core Web Vi
モバイルアプリに最適なボタンサイズと間隔とは
UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 あなたのユーザーはスマホアプリやモバイルサイトのボタンをちゃんと狙った通りに押せているでしょうか？ きちんと押せているかをユーザーのせいにする前に、ボタンのサイズや間隔が最適化されているかどうか確認しましょう。 ボタンが最適なサイズと間隔になっていないと、ユーザーが狙いを外したり、間違ったボタンを押してしまいます。この記事ではどの程度が最適かを見ていきます。以下の数値は、96DPIでのCSSピクセルを基準にしています。 ボタンサイズの基準 まずは基準となるサイズがわからなければ、ボタンのサイズが最適かどうかを判断できません。幸いなことに、ボタンのサイズと間隔に関するリサーチによって、高齢者を含むほとんどのユーザーに有効な
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
ClubhouseをUXデザイナーが分析してみる｜Katsuki Noda
こんにちは！のだかつきです。今日は、サービスの分析記事です。今大流行しているClubhouseを分析してみました！ Clubhouseとは、ありそうでなかったコミュニティサービスClubhouseは、公式の定義によると Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time. Clubhouseは、音声中心のあたらしい形のSNSです。Clubhouseでは、世界中の人が集い、リアルタイムで「話し」「聴き」「学び合う」プラットフォームです。（やや意訳）とのことです。Clubhouseは、ドロップインオーディオチャット（drop-in aud
コピーライターがひらがなを使う理由とUXライティングの漢字ひらがな問題｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
まずはこちらの文章をお読みください。 毎年、いまごろになると「鬼が笑うけど」というようなことを考えます。だってねぇ、今年やることなんてあと10日分しかない。 来年は、今年の続き…だと、ふつうは思うじゃない？だけど、そういうことにはならないよ、たぶん。ただの続きのつもりでやってても、だめだよ、きっと。これは、とある日のほぼ日に掲載された、糸井重里さんが書いたエッセイ「今日のダーリン」の冒頭部分です。皆さん、この文章を読んで何か気付きませんか？そうです、ひらがなが多いのです（記事のタイトル見たらわかるがな）。具体的に言うと、今頃を「いまごろ」、普通を「ふつう」、多分を「たぶん」、駄目を「だめ」というように、一般的には漢字で書いてもおかしくないような言葉を、ひらがなで書いています。 糸井重里さんは日本で最も有名なコピーライターのひとりだと思うのですが（いまだにわたしはコピーライターやってますとい
スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説
スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？ 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか？ タスクを素早く完了することで、より満足のいくエ
ユーザーの価値観を階層で理解する価値観サークルについて｜Goodpatch Blog グッドパッチブログ
サービスやプロダクトをデザインする上で、ユーザー理解をすることはとても重要です。 その一方で、ユーザーがどのような価値観を持って、それらのサービスやプロダクトを利用するのかの理解はどのようにすれば良いのでしょうか？ 今回はユーザーの価値観を理解する手法として、価値観サークルという手法をお伝えします。 価値観サークルとは まずはじめに、価値観サークルとは、ユーザーの価値観を階層化してユーザー理解を深めるためのフレームです。 そのため、ペルソナやカスタマージャーニーマップと併せて活用することによって、ユーザーに対する深い洞察を得ることができます。 なぜ価値観サークルを作ろうと思ったか そもそも、価値観サークルを作ろうと思ったきっかけは、ユーザーがあるサービス・プロダクトを扱うときに行なっている判断の軸が非常に多様で、それらをすべて同時に考慮しながらユーザー体験を設計するのが非常に難しい場合があ
UXの5段階モデル分解編 vol.3 サービス/プロダクトのデータ構造を明確にする構造段階での具体的なデザイン手法【2019年版】｜Goodpatch Blog グッドパッチブログ
2022年追記：最新版記事のご紹介 UXの5段階モデル改めてデザインの5段階モデルとして、より汎用性の高い形で再解釈に取り組んでいます。最新版の記事はこちらからご覧ください。 UXの5段階（5階層）モデルは、サービスやプロダクトがもたらすUXを5つの段階的要素で表したものです。戦略段階から一貫性を持ったサービス/プロダクトの開発を行うためには、このUXの5段階モデルの概念を意識しながら開発することが重要です。 5段階モデルの概念や、各段階での一連のデザイン手法については理解できているが、構造段階の目的やデザイン手法をより詳しく知りたい！という方もいらっしゃると思います。 前回の記事では、要件段階における具体的なデザイン手法の紹介を行いました。今回は次の段階である構造段階において、目的と必要なインプットとアウトプットの説明、そのための具体的なデザイン手法の紹介を行いたいと思います。 UXの5
ユーザー体験の質を左右するナビゲーションのパターン６選
アプリはアイデアから生まれ、目的によって具体化されます。私たち起業家やデザイナー、開発者の関心は、最初から最後までスムーズな行程に沿ってユーザーを誘導して、有益な体験を与えることにあります。 あるリサーチによれば、65％近くのユーザーは、アプリ体験が好ましくないブランドを否定的に感じています。したがって決定的に重要なのは、ユーザーが労力を使わずに自分たちの課題の解決策にたどり着けるよう、インターフェイスのデザインをシンプルにすることです。 Gerry McGovern氏は『Usability: Navigation is More Important than Search』という記事の中で、機械に詳しい70％のユーザーはリンクをクリックすることからタスクを始めている一方で、残りの30％は検索から始めていることを明らかにしました。 これを踏まえると、ナビゲーションがユーザー体験でとても重要
UXを起点とする組織の形とは？「Unipos」の3年間から紐解くデザインの影響｜Goodpatch Blog グッドパッチブログ
Unipos株式会社が提供するピアボーナスサービス「Unipos」は、従業員同士が少額の給与“ピアボーナス”と感謝・賞賛のメッセージを、オープンな場で送り合うことを実現したWebサービスです。 2019年2月にはドイツ・ベルリンのLisk、Goodpatch Berlinで試験導入も開始し、「すべてのはたらく人にスポットライトを」というミッション実現に向けて海外展開を始めています。 Goodpatchは2016年9月から2017年2月にかけて「Unipos」のプロトタイプフェーズを支援し、コンセプトや体験定義などをお手伝いしました。今回はプロジェクトメンバーのUnipos株式会社代表取締役社長 斉藤さん、CXO 矢口さん、Goodpatch UX/Serviceデザイナー 國光と、組織にデザインが定着するまでの過程やプロジェクトを振り返りながら、デザインが組織、ビジネスに与える影響について
Webデザインをセンスに頼らず、感覚で判断せず、ロジカルに取り組むためのデザイン書 -ウェブデザインの思考法
ウェブデザインの善し悪しや品質は、感覚的に語られ決定されてしまうことがあります。例えば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういう経験はありませんか？ ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めのデザイン書を紹介します。ノンデザイナーズ・デザインブックの内容をさらに掘り下げ、ウェブデザイン用にアレンジされています。 本書は本日、5/31発売！ ウェブデザインに携わるすべての人、ウェブデザインを構築するデザイナー、そしてそれを評価するディレクターやクライアントが同じベースで円滑にプロジェクトを進められるようになる一冊です。 そのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」。依然としてその答えは属人的であり、感覚的に語られ決定されていることも少なくありません。本書がそんな状況を改善し、ウ
モバイルデザインのために再確認すべきヒューリスティック原則
Jordanはビジュアルコミュニケーションに注目し、戦略やサービスデザイン、UX/UIを担当するアメリカのデザイナーです。 Jacob Nielsen氏は多くのデザインパターンを収集し、人間とコンピューターのインタラクションにおけるユーザビリティの構築を指導していました。そして1994年には、それまで学んできたことをユーザビリティヒューリスティックに反映し、それを用いた評価の原則を集めて公開しました。それから25年が経ち、コンピューターがスマートフォンに変わった現在においても、Nielsen氏の唱えた原則はいまだ揺るぎません。 人間中心デザインによってユーザーの重要性に対する認識が高まり、それに応じてデザインプロセスも形を変えてきました。Nielsen氏の唱える原則はあらゆるスクリーンにおいても普遍的ですが、モバイルデバイスの人気が高まり続ける現在、強調すべきはモバイルインターフェイスです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Miyamoto | DeNA Design on Twitter: "なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt"
デザインのしたじき
人にうれしいAIのUXデザイン - Googleの「People + AI Guidebook」をひもとく：DevLOVE X
人にうれしいAIのためのUXデザインガイド（People + AI Guidebook）
UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
