ChintanはYourUXTeamのファウンダー/チーフデザイナーです。YourUXTeamはスタートアップやソフトウェア会社、デザインファームなどと協業し、ユーザーテスト全体の設計やUXデザイン・UIデザインなどを手掛ける会社です。 この記事のタイトルを見たとき、「心理学がどうUXデザインと関係するのか？」と思った方もいるかもしれません。 今回の問いはデザイン心理学とは何か、そしてそれがなぜより良いUXに関連するのかということです。通常のデザイン心理学は規律のとれたデザインや人間の反応や行動のことです。この記事では製品またはサービスのUXに影響を与える心理的要因について説明します。また、企業が製品のパフォーマンスを向上させるためにどのように役立つかも説明します。 ユーザー体験と心理学 UXデザインと心理学は古くから親密な関係にありました（社会的、行動的、認知的な観点で）。人間の行動のほ
あなたがもし、視覚的なデザイン要素を持つWebサイトだけがユーザーに愛され、喜んで使ってもらえると思っているのであれば、考え直したほうが良いかもしれません。 ほとんどのデザイナー、そして開発者は今日（こんにち）、UIとUXに異常なほど熱中しています。近年ではこの分野は大いに成長し、世界中の多くの大企業において重要な役割を果たしています。まるで誰もがUXデザイナーになることを望み、究極のユーザビリティを目指して美しいWebサイトを作りたいと望んでいるかのように思えます。 しかしそこには、落とし穴があります。 Webサイトを訪れる人はデザインが目当てなのではなく、情報を求めてやって来るのです。 言い換えれば、あらゆる色や心理学に基づいたデザインのアイデアが役に立つのは、テキストと結びつけられた場合のみだということです。言葉とデザインのスマートな融合こそが、最高のユーザビリティと幸せなユーザー体
『UX（User eXperience）』という概念に、注目が集まっている。ここ数年で、UXリサーチャーやUXデザイナーといった職種に就いている人の数は大きく増加した。専門家だけではなく、経営者を始めとしたビジネスパーソンの間でも、UXの認知度や関心度は高まっているようだ。一見したところ、『UX』という概念は順調に世の中に普及しているようにも見えるが、実はその裏側で存在意義を揺るがすような「危機的な状況」に置かれている。 もともとUX / UXデザインは、企業とユーザの間にwin-winな関係をもたらし、人々の生活を自由で豊かにできる体験が次々と生み出されるような社会の実現を目指す概念 / 行為であった。UXを重視することで、企業は人々の生活に役立つ体験を創造・提供できるようになる。良質な体験を提供しているから、その企業は顧客に選ばれるようになり利益・売上が高まる。利益・売上が高まるから、
SUUMO注文住宅の「成果につながるリニューアル」 片山雄介氏：「成果につながるリニューアル」というテーマで、リクルート住まいカンパニーの片山からご説明させていただきます。よろしくお願いします。 簡単に自己紹介させていただきますと、私は今リクルート住まいカンパニーの「SUUMO」というサービスの中で、新築マンションと注文住宅の領域のマネージャーをやっております。学生時代はもともとエンジニアでしたが、リクルートに入社してからはずっとUXデザインに関わる業務を行っています。 業務の内容としては、SUUMO内の複数のプロダクトにおけるUXデザイン・ディレクションや効果改善チームのプロダクトオーナー、VRを使ったモデルルーム案内の技術の企画開発のチームリーダーなどをやっていました。最近は大規模リニューアルのUX責任者を経た上で、現在の部署のマネージャーをやっております。加えて、リクルート横断のナレ
デザインの力でビジネスを前進させることをミッションに、東京、ベルリン、ミュンヘンにオフィスを構えるグローバルデザインカンパニー。2020年6月にマザーズ上場。新規事業の立ち上げ、既存事業のリニューアル、企業のデザイン戦略立案、デザイン組織構築支援などを行い、大企業からスタートアップまで、企業が持つビジネス課題をデザインで解決する「デザインパートナー事業」と、プロトタイピングツール「Prott」、デザイナー特化型キャリア支援サービス「ReDesigner」、フルリモートデザイン組織「Goodptach Anywhere」、クラウド型ワークスペース「Strap」といった自社事業を展開する「デザインプラットフォーム事業」の二つの事業を柱とし、デザインの価値向上を目指す。 DESIGN SIGHT 「デザインの力を証明する」というミッションを掲げ、UI／UXの必要性を国内に広めたデザインカンパニー
こんにちは！のだかつきです。今日は、サービスの分析記事です。今大流行している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
新型コロナウイルスをきっかけに、世の中の潮流が変化し続けた2021年。従来とは大きく状況が変わった中で、「変化の波にどう乗った？ 2021年らしいプロダクト・プロジェクトの振り返り」と題して、プロダクトマネジメントに関する学びを共有するイベントが開催されました。本記事では、株式会社SmartHRと株式会社メルカリによる、ユーザーリサーチの具体的な手法や考え方について解説しています。 toBのプロダクトは、A/Bテストで気軽に画面を変えられない 稲垣景子氏（以下、稲垣）：今回は「『ほしいものをつくる』ためのリサーチの日常化トライ」というテーマにさせていただきました。ご質問やご意見がありましたら、オープンチャットでぜひお寄せください。のちほどチャットでお答えしていければと思います。 自己紹介ですが、自分は最初にブライダル企業からキャリアを始めました。実はプロダクトマネージャーになったのは、まだ
「SEO」と「SPA/PWAによるUX向上」を両立させるハイブリッドレンダリングの基礎知識と実現手法 | Moz - SEOとインバウンドマーケティングの実践情報
前編を読んで最新ウェブ技術の入り口に立ったら、次はUXやパフォーマンスを実現するSPAの基本と、SEOのためのハイブリッドレンダリングの基本を理解しよう。 ここでは、ユーザーにとって快適なSPAを実現しながら、検索エンジンがコンテンツをクロール・インデックスできるようにするための基本的な知識として、 ディープURLインデックスサーバーサイドレンダリングハイブリッドレンダリングアイソモーフィックアプリプリレンダリングJSフレームワークによる完璧なハイブリッドレンダリング／静的サイトジェネレータといった具体的な手法を理解していこう。 URLが一意であるか、それがSEOのポイントしかし冒頭で述べたように、クライアントサイドのJavaScriptへの依存度が高い状況は、SEOにとって問題だ。 歴史的に見ると、このような問題の多くは、次のようなギャップに起因する。 検索エンジンのクローラーは、コンテ
Webデザインの出来を左右する「コンポジション」の重要性 | アドビUX道場 #UXDojo 連載 エクスペリエンスデザインの基礎知識 一般的なデザインは、カラー、タイポグラフィ、画像など多くの要素の組み合わせからできています。印刷用のデザインでも画面用でも、要素のバランスをとって全体的な体験をより良いものにするためには、デザインのコンポジションに関わるいくつかのルールの理解が欠かせません。この記事では、コンポジション、すなわちデザインの構成とは何かを説明し、ストーリーを語る優れたデザインの構築に役立ついくつかの原則を紹介します。 デザインにおける視覚的な構成とは？ 視覚的な構成は、デザイン構築の基礎であり、すべての要素を調和させて全体としてのメッセージを伝えるためのレイアウトです。下の画像に描かれている単語を使ったアートはその好例です。一つひとつの言葉はとても単純な要素ですが、要素の組み
UXデザインにおいてはユーザーを理解し、寄り添うことが重要だと考えられている。『HmntyCntrd』のファウンダーでUXリサーチャーのVivianne Castillo氏は、『The Emotional Toll of Working in UX（UX領域で働くことによる感情的な負荷）』という記事のなかで、ユーザーを含む「人間」と向き合うときに、心にかかる負荷やセルフケアの必要性を綴った。 自分自身という「人間」を理解すること記事の内容を紹介する前に『HmntyCntrd』やCastillo氏について紹介しておきたい。 『HmntyCntrd』は、人間中心なUXデザインのためのオンラインコースやコミュニティを提供している。2021年にはFast Companyの『最もイノベーティブなデザインカンパニー』にも選ばれた。以下はコース内容を一部抜粋したものだ。 人間中心なデザインを実践するとき
UI/UXデザイン1年目のIsodaです。 UXデザイン初心者として学習教材を探していたところ、とても面白そうな教材を発見したので、7月中旬から受講しはじめました。 グーグルUXデザイン プロフェッショナル認定 Google UX Design Professional Certificate Google UXデザイン プロフェッショナル認定とは？ 7つのコースで、エントリーレベルの仕事に就くために必要なスキルを身につけます。 週に10時間以下の勉強量で、早ければ6ヶ月以内に修了することができるらしいです。 動画教材を中心に、テキストベースの教材や選択式のテスト、生徒同士での記述式のディスカッションなどがあり、 あらゆる角度からUXデザインについて学び、考えるプログラムになっています。 コース毎に学べる内容と感想 コース１ 「Foundations of User Experience
UX デザインとは何だったのか / What Was UX Design All About?
Session by： 山下 一樹 / 株式会社インパス Kazuki Yamashita / IMPATH Inc. Spectrum Tokyo Design Fest 2023 Day 2 (2023/12/03)
【クレジットカードにDX革命】Apple Cardに学ぶ革新的UXデザインのポイント デザイン会社 ビートラックス: ブログ
もしAppleがクレジットカードを作ったら？シンプル、クール、使いやすい。こんな形容詞が思い浮かぶAppleというブランドが、もしクレジットカードを作ったらどんなものになるだろうか？ 今年の初めに発表されたAppleが提供するクレジットカード、Apple Cardが北米ユーザー向けに限定的提供を開始した。これにより、現在のところ、アメリカ在住の特定のユーザーがApple Cardを手にすることができる。*米国時間8月20日にアメリカの全ユーザー向けにリリース開始 選ばれたユーザーにはメールにて案内が届き、iPhoneのWalletアプリ内から申し込む。ラッキーなことに自分も選ばれたようなので、早速申し込み、使ってみた。 これまでのクレジットカードの常識を覆す体験満載では、Apple Cardは何が特別なのか? 実は、そのカード自体から利用体験、アプリとの連動性など、すべてのタッチポイントに
エンジニアがUXリサーチャーを兼任するに至ったワケ #uxmilk_fest / 20190914
もし仮に、定性・定量リサーチを全開発者が自ら実施できるようになったとしたら #InsightTokyo / 20200325
アプリと同等のUXをウェブでも提供する、PWA最新事情 from #ChromeDevSummit 2019
[レベル: 上級] この記事では、Chrome Dev Summit 2019 の PWA 関連セッションのハイライトをレポートします。 僕はデベロッパーではないので技術的な部分、特にコーディングについては言及しません。 テクニカルな内容は記事最後で紹介する動画でご確認ください。 では、PWA の最新事情を一緒に見ていきましょう！ ウェブプラットフォームとしての PWA 新興国のような通信環境が整っていない国々でもウェブを利用しやすくする。 スマートフォンや PC などあらゆるデバイスでウェブにアクセスできるようにする。 ネイティブアプリと同等な機能をウェブアプリでも提供することが重要。 airbnb 事例 airbnb はネイティブアプリから PWA サイトでのサービス提供に移行した。 その結果、初回訪問ユーザーの 65 % はウェブ経由になった。 成果: パフォーマンス（読み込み速度）
株式会社メルペイ UXリサーチャー。2014年株式会社リクルートジョブズへ入社し、人材領域のデジタルマーケティングやプロダクトマネージャーを経て、UXリサーチチームの立ち上げを経験。 株式会社メルペイでUXリサーチャーをしている松薗です。 2019年9月に開催されたUX MILK Fest 2019にて、「アジャイルUXリサーチ」という、弊社のUXリサーチの取り組みについてお話をしました。UXリサーチのマニアックな話にどれだけ興味を持っていただけるかドキドキしていましたが、当日は会場後ろで立ち見が出るほど多くの方にご参加いただきました。 今回は登壇の際、お話した内容を記事に再編集してご紹介します。 メルペイについて まずはじめに簡単にメルペイについてご紹介させてください。メルペイは、日本最大のフリマアプリを提供する株式会社メルカリのグループ会社である、株式会社メルペイが運営するスマホ決済サ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第9弾は見出しや本文など、テキストのデザインのテクニックです。 UI & UX Micro-Tips: Volume Nine. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ホワイトスペースはデザイン要素 2. 明るいテキストと画像のコントラスト比を適切に保つ 3. 見出しや本文にぴったりな垂直のリズム 4. 書体の読みやすさは、x-heightまたはIl1で確認 5. テキストブロックのサイズに応じてline-heightを調整 6. テキストのカラーパレットはシンプルにし、濃淡だけを変える はじめ
Remember when Apple built a Mac OS running on top of Solaris and HP-UX? Seriously. It happened.
In the 1990s, Microsoft developed software (Internet Explorer, Windows Media Player, and Outlook Express) for both Solaris and HP-UX — which brought a small dash of “Windows-y-ness” to UNIX-land. But did you know that Apple brought the entire Mac System 7 to Solaris and HP-UX? It’s true! First released in 1994 — and discontinued in 1998 — it was called “Macintosh Application Environment”. And it r
どーもーUI/UXデザイナーのうっくんです。 ちょっと前にFigmaにオートレイアウトという機能が追加されました。 最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。 オートレイアウトの基本機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイズしなおさないといけなかった。めんどくさいので、プラグインなどを使っている人が多かったこれがとても実用的で、業務効率も上がりそうなので、すでに実戦投入しています。 かなり使いこなせてきたので、そのポイントを以下の３段階に分けてご紹介していきます。 1. 基本機能, 2. 発展系、そして、3. 現時点ではできないこと これを読めば「オートレイアウト完全に理解した」と言えるようになります。Figmaのオート
Tylerは2009年以降、コピーライター、アナリティクススペシャリスト、アウトリーチストラテジストなど多くの役割でマーケティング分野において活躍してきました。 キーワードや被リンクだけに基づいてサイトをランク付けできていた10年前とは違い、最近ではバウンスレート、サイトやページの滞在時間といったユーザーエンゲージメントを示す変数がランク付けの重要な要素になっています。 Googleが検索ランキングのトップに相応しいクオリティのサイトを決定する際には、実際のユーザーの行動を認識しています。それに従って、ユーザビリティとUXデザインがSEOにおいて不可欠なコンポーネントになってきています。サイトは基本的なページ上のSEOを必要とするだけでなく、エンゲージメントの向上、すなわちランキングの向上にはシンプルなUXデザインを考えることが大きな意味をもちます。 どの部分に優先的に力を入れればよいかを
2017年にテレビゲーム市場は1,000億ドルの規模にまで発展しました。Amazonは2014年にTwitchを10億ドルで買収した後、最近さらに別のテレビゲーム企業Curseを買収しました。 テレビゲームは、eスポーツが世界中のスタジアムを埋め尽くすのと同じように、一種のスポーツのような現象を巻き起こしています。Entertainment Software Association（ESA）は、昨年の時点で、アメリカ国内の世帯の65％で、少なくとも１人あたり週に３時間以上のテレビゲームに時間を費やしているとしています。 ゲームデザイナーが人々を魅了するテレビゲーム体験をデザインできるとしたら、プロダクトデザイナーはより優れたデジタルプロダクトをつくり出すために、これらのゲームデザインのコンセプトからなにを学ぶことができるでしょうか？ Toptal Design Blogで最近公開されたガイ
コピーライターがひらがなを使う理由とUXライティングの漢字ひらがな問題｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
まずはこちらの文章をお読みください。 毎年、いまごろになると「鬼が笑うけど」というようなことを考えます。だってねぇ、今年やることなんてあと10日分しかない。 来年は、今年の続き…だと、ふつうは思うじゃない？だけど、そういうことにはならないよ、たぶん。ただの続きのつもりでやってても、だめだよ、きっと。これは、とある日のほぼ日に掲載された、糸井重里さんが書いたエッセイ「今日のダーリン」の冒頭部分です。皆さん、この文章を読んで何か気付きませんか？そうです、ひらがなが多いのです（記事のタイトル見たらわかるがな）。具体的に言うと、今頃を「いまごろ」、普通を「ふつう」、多分を「たぶん」、駄目を「だめ」というように、一般的には漢字で書いてもおかしくないような言葉を、ひらがなで書いています。 糸井重里さんは日本で最も有名なコピーライターのひとりだと思うのですが（いまだにわたしはコピーライターやってますとい
デザインには魔法の公式はありません。それでも、ガイダンスを探しているなら、ここから始めましょう。 無料の独学ガイドで、デジタルプロダクトデザインの第一歩を踏み出そう 優れたコンテンツはすべてオンライン(＋ちょっとした手間)で入手可能です。より正式な教育機関（大学など）や、職業訓練スクールに法外な価格を投資する前に、UXデザイナーという職業の基本を学ぶことができるはずです。 （詳しくはこちら：UX業界には、異なるタイプのデザイナーがもっと必要：The Guide To Designをまとめた理由） ブートキャンプ（職業訓練）ではありません ガイドの最後にデザインの就職先紹介はありません。自問自答して欲しいのは「興味があるのはキャリアとしてのUXなのか？」ということです。 よくある「無料」 の電子書籍ではありません 無料の電子書籍でよくある、PDFをダウンロードした後にソフトウェアライセンスを
UX Engineer Meetupでお話したスライドです。#uxe_meetup https://goodpatch.connpass.com/event/146922/
Netflix（日本語版）登録フローのUXライティングを検証してみた｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
THE GUILDの安藤剛さんがTwitterでNetflixのUXライティングに関する記事をシェアされていたのですが、事業会社でUXライティングに取り組んでいるわたしにとって非常に参考になりました。 UXライティングを深堀りしたくなり、Netflixの事例を漁ってみた。 サインアップファネルにおいて、どのようなコミュニケーションでユーザーの心理的負担を下げているかの考察。 スレッドで解説します👇https://t.co/hpZcm7cNWF — Go Ando / THE GUILD (@goando) March 2, 2020 彼らがサインアップで強調しているメッセージは4つ 1.いつでもキャンセル可能 2.初月は無料 3.有料化3日前にお知らせ 4.どのデバイスでも利用可 このメッセージを何度も繰り返し目に入るようにしている。 初月無料に至っては13回 そしてプレーンテキストでは
本記事はNRIネットコム Advent Calendar 2021 6日目の記事です。 🤶 5日目 ▶▶ 本記事 ▶▶ 7日目 🦌 こんにちは。Webディレクターの西田です。 これは職業病なのでしょうか… 仕事中でもプライベートでも、ウェブサイトやアプリを見ると、「うわーー色使いおしゃれ♡」「フォントかわいい♡」ってときめいたり、「この誘導うまっ」「そんな見せ方があったとは…！」と尊敬してみたり、はたまた「使いにくっ」「なんでそうしたんや」とつっこんだりしています。 今日は、そんな私がこんなテーマで書こうと思います。 一般的には結構使われてるけど、実は私が好きじゃないUI/UX 5選！ あくまで個人の好き嫌いをつらつらと書こうと思いますので、おおらかで器の大きな皆様に「なるほど、せっかちな人はこう思ってるのか」という気づきを持っていただけたら嬉しいです。 逆に「こう捉えたら好きになれる
先日サンフランシスコ市内の公園を歩いていたら、ふとあることに気づいた。本来設計されている道とは異なるルートが作られているのだ。 そう、アスファルトで舗装されている通行用ルートではなく、芝生になっている箇所を複数の人が通ったことによる近道、いわゆる「けもの道」が生成されている。 これはデザイナー的観点から見るとかなり興味深い。 というのも、ユーザーに対して元々設計されていた「導線」とは異なるルートをユーザーが選択した結果、いつの間にかそのルートの方を他のユーザーも利用するようになった。これは明らかにデザインミスでは無いのか？と。 けもの道 (Desire Paths) について英語ではこの現象をDesire Pathsと呼び、Wikipediaには下記のような説明がされている。 公認されていない自転車道や歩道のことで、定期的に自転車や人間が通ることによって時間をかけて作られた道のことを指す。
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第3弾となる今回は、フォントやテキストに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Three. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フォントによって伝わり方が変わる 2. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 3. ダークで見やすくするためにはフォントを重くする 4. 書体の選択によって、感情表現を生み出すことができる 5. 複数の書体を使用する場合は、最大2種類のルールを守る 6. すべて大文字で読みやすくするには、文字間隔
はじめに 去年の9月にこれまで4年ほど経営していた会社を解散しました。 「会社をつぶす」と聞くと、なんだか良くないことに聞こえますが、実はこの解散は前向きな理由で決断したものです。 解散理由が珍しいだけでなく、会社を作った経緯も、経営方針や採用技術についても、なかなかほかでは見られないものだったため、興味を持ってくださる方も多く、記事にして残すことにしました。 これから事業を起こそうとされる方、なかなか自分にあった活躍のしかたが見つからない方、世の中のあり方に思うところがある方にとって、多少でもお役に立てるものになれば幸いです。 いまは何をしているのか 法人をたたんだ現在は「UXハッカー」として生きています。 これは、UX = User eXperience (ユーザーの体験) の概念を独自に拡張し、世の中のあらゆるUXを改善するお仕事です。 UXといえば、最近「UXデザイナー」という職種
生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。 そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。 何でもかんでもチャットUIにしない Webサイトノーコード制作サービス「Wix」のAI機能は、テキストや画像など編集したい箇所をクリックした際にAI機能のボタンが出現する。 このように、制作系のサービスにおいて生成AI機能を提供する際には、むやみにチャットUIにせず、対象箇所に紐づいてAIをアシスタント的に呼び出せるようにするのがポイントだ。 Wixの生成AI機能のUXには以下のようなポイントも押さえられており、非常に参考になる。 ユーザーにプロンプトエンジニアリング力を求めない。UIのインプットフィールド側で必要な情報を過不足なく吸い上げられ
去る9月14日に開催したUX MILK Fest 2019で行われた各セッションの登壇資料のまとめをお送りします。登壇に用いられたスライドもさることながら、スピーカー本人による補足ブログなどもありますので、当日来れなかった方もぜひ読んでみてください。
戦略的UXライティング
システムやサービス開発において、どのような言葉やフレーズを使うかはユーザーを体験に惹き込むために非常に重要です。UXコンテンツとはユーザーが体験を利用するのに直接的に役立つ、UXライターの仕事におけるアウトプットのことを指しており、UXテキストとはタイトルやボタン、説明文、もしくは音声体験であれば音声によるコメントや指示のことを指し、ユーザーが体験の中で得られるインタラクションの半分以上を占めます。本書では、言葉を選別・決定することで体験の質を向上させる役割を担うUXライターのために、3つの架空プロジェクトの具体的事例を用いて言葉の使い方を学ぶとともにツールなども紹介します。 訳者まえがき はじめに 1章 Why：ユーザーと組織のゴールを達成する 1.1 ユーザーと組織のゴールを一致させる 1.2 ゴールに合うコンテンツを選ぶ 1.3 目的・機会・制約を見極める 1.4 想像とソリューショ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第4弾は、UIに一貫性・統一感を持たせるためのデザインテクニックです。 UI & UX Micro-Tips: Volume Four. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. デザイン要素に一貫性を持たせる 2. ホワイトスペースはたっぷり使用してください 3. 冒頭のパラグラフをスタイルして、ユーザーを引き込む 4. 短いパラグラフを効果的に使用する 5. カラーパレットを定義し、デザインに統一感を持たせる 6. アイコンをグリッドシステムで使用する際の注意点 はじめに 次のプロジェクトのため
Netflixはいかにして、優れたデザインとUXをもって没入感のある体験を生み出しているのか？ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ あらゆるデバイスで多くの映画や動画を視聴できる動画配信サービスは、安価で便利であり、多くのユーザーの支持を集めていると思います。その中でもNetflixはトップに位置づけられるサービスでしょう。彼らがどのようにしてユーザーを魅了しているか、デザインとUXの観点から考察したCXLの記事をご紹介します。 Netflixは、Blockbusterの対抗馬として、ビデオレンタルサービスを1997年に開始した。現在、このストリーミングサービスは、カナダ、アメリカ、日本の総人口ほどのユーザーを世界中に持っている。 Netflixは、世界中のあらゆるストリーミングサービスの中でも最も人気のあるプラットフォーム
Users today demand interfaces that are consistent, recognizable, and simple to use. But how can a designer give their UI a more human touch? Motion, by simulating “live” communication between the user and the interface, fills in this gap. Explore these 12 UI/UX animation principles now to give your interfaces a life full of fun. ⚡️ 1. EASINGEasing refers to the way in which a motion tween proceeds
クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題：【新連載】「自動運転未満」なクルマとドライバーの関係（1/3 ページ） 初めまして。この度連載を書かせていただくことになった渡辺です。普段はITベンチャーの経営をしていますが、もともと大の車好きということもあり、趣味が高じて自動車関連のアプリ開発などを手がけています。 自分の愛車に加えて仕事柄さまざまな車に乗る機会が多く、自動車という工業製品のUI/UXについて思うところがあります。この連載ではそうした話を語っていきますのでお付き合いください。なお、自動車メーカーや輸入車インポーターと業務上のお付き合いがありますが、ここではそれらの企業とは無関係な、あくまで個人的な意見となりますのでご了承ください。 進化するHMI（Human Machine Interface）、何が問題なのか？ 「コクピットドリル」という
ヘルプページ作成タスクの透明性を上げたら、UXライターの経験知を共有知に昇華できた話 - SmartHR Tech Blog
こんにちは、UXライターの8chariです。早いものでSmartHRに入社して1年が経ちました！初めてTech Blogを書くのでドキドキしています。 SmartHRでは、フィーチャーチームでプロダクトを開発しており、開発プロセスの改善を日々行なっています。 この記事では、私が所属しているBチーム*1でヘルプページ作成のプロセスを見直し、チームのボトルネックを解消しようとしている話を紹介します。 特定の業務を担当できるメンバーが限られていて、以下のような課題を感じている方の参考になると嬉しいです。 必要なノウハウや知見がほかのメンバーに広まらない プロジェクトのボトルネックになっている 担当できるメンバーの負荷が高くなっている 前提 UXライターがいる開発現場はあまり多くないと思いますので、前提を説明します。 SmartHRのUXライターは「言葉の力でプロダクトを、もっとわかりやすく」する
こんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。 他の著者さんの章もとっても勉強になって面白い内容になっています。読んでいただいた方からのコメントも嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、ご興味ある方はぜひ手にとってみていただけると嬉しいです。 peaks.cc 概要 今回はUI/UXのためのSoundとHapticsのデザインについてです。 人間はおよそ８割以上を視覚からの情報に頼っていると言われています。目から入ってくる視覚情報は確かに重要ですが、一方で印象に影響を与えたり、記憶に残りやすい情報というのは聴覚や嗅覚、触覚といった別の感覚が強く影響すると言われています。 iOSやAndroidといったスマートフォン端末にはスピーカーやHapticsエンジンが組み込まれています。ディスプレイ上のインター
こちらの記事は、2018年12月に公開された『 2019 UI and UX Design Trends 』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 はじめに 私たちは去年、モバイルUIデザインのトレンドについての予測をまとめました。今年はモバイルだけを対象とせずに、さらに深く掘り下げていきます。 モダンなデザインの一番のトレンドは前後関係のあるつながりの中にあります。そのため、一般化することができません。 この記事を読むことであらゆるツール、技術の進歩、またユーザー向けのプロダクトが実際にどのように機能なのか開発者が理解し、全てが上手くいくように感じるでしょう。 近いうちに、販売だけでなく、生産するものすべてを網羅するユニバーサルデザインの考え方を発展させて行くでしょう。自分で何か物事を行うためには、より良いデザインの選択が必要です。 国家としての印象さえも、よ
言葉で体験デザインする「UXライティング」の専門家に聞く3つのポイント。900万DL突破の「ペイディ」が言葉の流通でクチコミや認知度を伸ばした方法。｜アプリマーケティング研究所
言葉で体験デザインする「UXライティング」の専門家に聞く3つのポイント。900万DL突破の「ペイディ」が言葉の流通でクチコミや認知度を伸ばした方法。 ペイディのUXライターに「UXライティング」について聞きました。 株式会社Paidy 宮崎 直人さん。楽天や広告代理店で働いた後にPaidyに入社。「ペイディ」について教えてください。宮崎： スマホだけで今すぐ買い物ができて、支払いは後から行える「あと払いサービス」です。海外では、Buy Now Pay Later（BNPL）とも呼ばれます。 アプリのダウンロード数としては、国内900万ダウンロードに到達。会社の社員数は約200名。39カ国の国籍を持つ社員がいます。 ペイディの思想は、あと払いサービスを通じて、お客さまのやりたいことや叶えたいことなど、夢の実現をサポートすることです。 UXにはとても力を入れていて、UX関連の専門チームをインハ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXデザイナーが覚えておきたい８つの心理学手法
よりよいデザインのためのUXライティング
「闇堕ち」してしまったUX概念を再定義する｜小城 崇
SUUMOの大規模リニューアルにおける、UXデザインの考え方・進め方
ビジネスパーソンこそ読もう！UI／UXデザイン会社の1年目が選ぶ「仕事で本当に役立った1冊」
ClubhouseをUXデザイナーが分析してみる｜Katsuki Noda
SmartHRとメルカリに学ぶ、toBとtoCの「UXリサーチ」の勘所
Webデザインの出来を左右する「コンポジション」の重要性 | アドビUX道場 #UXDojo
「共感」が負債に。元GoogleのUXリサーチャーが語る、デザイナーのメンタルヘルス問題｜designing
GoogleのUXデザインを学びはじめました | DevelopersIO
メルペイが実践する「アジャイルUXリサーチ」とは
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.9
Figmaのオートレイアウトを完全に理解した話｜UI/UXデザイナー うっくん
SEOに影響のある５つのUXデザイン手法
ゲームUXから学ぶプロダクトデザインのコツ
UXデザイナーへのガイド - The Guide To Design
不確実なソフトウェア開発におけるUXエンジニアの意義と役割
せっかちなWebディレクターの私が実は好きじゃないUI/UX 5選 - NRIネットコムBlog
UXデザインにおける「けもの道」現象とは デザイン会社 ビートラックス: ブログ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.3
HaskellとElmの会社をつぶしてUXハッカーになった話 - Qiita
UX MILK Fest 2019 登壇資料・ブログまとめ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4
12 principles of UI/UX animation you should know
クルマのUXはキケンな過渡期 最近のクルマはコクピットドリルで説明しきれない問題
アプリのUI/UXのためのSoundとHaptics Design - くらげだらけ
【2019年版】UIとUXデザイントレンド - Qiita