国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。 そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。 何でもかんでもチャットUIにしない Webサイトノーコード制作サービス「Wix」のAI機能は、テキストや画像など編集したい箇所をクリックした際にAI機能のボタンが出現する。 このように、制作系のサービスにおいて生成AI機能を提供する際には、むやみにチャットUIにせず、対象箇所に紐づいてAIをアシスタント的に呼び出せるようにするのがポイントだ。 Wixの生成AI機能のUXには以下のようなポイントも押さえられており、非常に参考になる。 ユーザーにプロンプトエンジニアリング力を求めない。UIのインプットフィールド側で必要な情報を過不足なく吸い上げられ

noteをサボっていた（？）間、自社の中堅以上のデザイナー向けに、少人数制のUXデザインの12回連続講座を開催しました。やっていく中で、記録として残しておいた方が良いなと思ったことの第2弾として、今回は、構造化シナリオ法でデザイナーさんたちが引っかかっていたところと注意点を記載します。 1.そもそも、構造化シナリオ法とは構造化シナリオ法は、丸善出版から出ている「EXPERIENCE VISION」という書籍の中で、ビジョン提案型デザイン手法のフレームワークとして紹介されている手法です。 頭文字が「エ」「ビ」で海老のマークがついていることから「エビの本」と呼んでいます。 このフレームワークを簡単に説明すると、価値を扱う「バリューシナリオ」、ユーザーの活動を扱う「アクティビティシナリオ」、操作を扱う「インタラクションシナリオ」と階層別に分けてユーザーシナリオを構造化して書く手法です。 今回の講

プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー 第4回 2022年9月27日 クリーク･アンド･リバー社でのUXデザイン基礎セミナー第4回 「プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー 第4回」のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。 公開ユーザビリティテストの題材として、英会話アプリ 「Langaku（ランガク） https://langaku.app/ 」 を運営するMantra株式会社さまのご協力をいただきました。 【著作権表示】 ・本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです

先日、グーグルが飲食店検索で初のトップにという記事を見かけて、Google Mapsがどうやってレビュー情報を集めてきたのか、過去に書いた考察記事を公開しました。 UXリサーチ目的で、普段からデザインアップデート記録を残しているんだけど、Google Mapsのレビュー機能は2016年から頻度高く使ってきたので、実体験とコンテンツを増やしてきたのか考察をまとめた内容です。 Google Mapsのレビューを始めたキッカケ最初にレビューを投稿したのは2016年で、旅行前にGoogle Mapsで行きたい場所やお店を保存して、現地に行った時になんとなく写真と口コミを投稿したのがキッカケ。 初回投稿後にレビューを促進するコンテンツがメールで届くようになった当時Google Mapsのレビューはまだ認知度が低くメールのタイトルも実験中の雰囲気があった。特典という言葉に釣られてローカルガイドに参加し

この記事は Goodpatch Design Advent Calendar 2020 18日目の記事です。 こんにちは！Goodpatch UXデザイナーの関根です。 ペルソナは、UXデザインを学び、実践しようとするとまず最初のプロセス・成果物としてカスタマージャーニーマップと共に例として取り上げられることが多いと思います。そのため、この記事を読んでくださっている方々の中には、実際にペルソナを作ったことがある方も多いのではないでしょうか？ しかし、有名で一般的な手法の割には、「うまく扱えず、作っただけで終わってしまった」というパターンも多く見受けられ、「そもそもペルソナなんていらない、無駄。」という声も聞かれます。そういった経緯もあり、この記事を書こうと思いました。 まず、タイトルの問に対する答えとして、私はペルソナは明確に意味があると考えています。ペルソナを作成しうまく活用することでU

上海で働くさすらいのゲームデザイナー/ディレクター。日本語、中国語、英語、名古屋弁のマルチリンガルということになっている。 ファミコンの初代スーパーマリオブラザーズには優れたUXを作りあげるためのヒントがたくさんあります。 今回の記事では、スーパーマリオの１－１に散りばめられた「ユーザーに新しいことを自然に覚えてもらう工夫」を紹介します。 新規コンテンツの「色々覚えるのめんどくさい問題」 新しいコンテンツでは、ユーザーにいかに使い方や遊び方を理解してもらうかが非常に大きな課題です。 クリエイターは「新しくて誰も見たことがないものを作りたい！」と思うものですが、ユーザーにとってみればコンテンツを初めて利用するときの面倒くささがその斬新さに比例して大きくなっていきます。最初の「覚える」段階のUXが悪ければ、その先にどれだけステキな体験が待っていたとしても、そこに到達する前に多くのユーザーは離脱

安藤です。 『UXデザインの教科書』でも書きましたが、UX（ユーザー体験）はユーザーの主観的なものであり、そうしたユーザーの主観的な体験を考慮して、サービスや製品をよりよい体験を実現できるものにすることがユーザーエクスペリエンスデザイン（UXD）です。 UXデザインが当たり前になってきた今、学部の学生の中にもUXデザインを学びたいと考えている学生が増えてきたました。もちろん、『UXデザインの教科書』を読んで学んでもらえれば良いのですが、知識だけでなんとかできる訳ではないのが、UXデザインの難しいところ。 特に初学者では、ユーザー体験というものが自分の“外”にあるもので、何か手法を学んで分析すると見つかるもの、という感覚が強いように感じます。例えば、UXデザインの演習をしていて、あまりにもピントのずれた提案をする人に「これ、あなたがユーザーだったら使うと思います？」と尋ねると、「いやー、、、

メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。

Goodpatch Advent Calendar 2017 14日目は、アプリの初回起動時の体験設計を考えてみます。 アプリの初回起動時のユーザー体験はとても重要です。 そこは、ユーザーとアプリ（≒サービス）の出会い場であり、ユーザーがコンテンツに触れるための入り口でもあります。この画面をオンボーディングとも言います。オンボーディングの体験をどうするべきかという話は調べるといろいろ出てくるかと思いますが、今回は私自身の考えを言語化してみたいと思います。 オンボーディングとは アプリの初回起動時にはたいてい3〜4ページくらいの横スクロール画面を用意して、それぞれぺライチでアプリの概要を説明したり、必要なら初期設定もあわせて行なったりすることがあります。そのほか、初回起動時に限らずとも何かしらの機能に初めてアクセスした際のチュートリアルなどもオンボーディングの一種かと思います。 Appleの

前記事 では 120 アプリの統計結果を通して、どのようなオンボーディングが今トレンドなのか・何が衰退しているのかを統計的に見てきました。 今回はそうしたオンボーディング UIUX の中で個人的に自分が「これはすごい！よく考えられてる…！」と思ったアプリのオンボーディング体験の王者・「インタラクション型」の Duolingo / Twitter / Shazam / Reflectly の UX の何がすごいのかを独断と偏見で解説していきます。 01# Duolingo : 王者のオンボーディング解説「言語を手軽に無料で学べる」Duolingo ：細かく見ていく中で、本当に感動。ものすごく丁寧に考えられたオンボーディング。圧巻。この記事を読まれている方、というか UX に関わる人には全員マストで触ってほしい。公式サイト　AppStore みどころ ・　余計なものは入れず、ストレートにサービ

羽山 祥樹＠日本ウェブデザイン @storywriter 日本ウェブデザイン株式会社 代表取締役CEO。HCD-Net認定 人間中心設計専門家。使いやすいプロダクトを作る専門家。担当したサイトが、雑誌のユーザビリティランキングで国内トップクラスの評価を受ける。ユーザーエクスペリエンス、情報アーキテクチャ、アクセシビリティ。ライター。 #IBMChampion storywriter.jp

生活者分析｜2008年から2018年までの10年間の時系列データ（各年約4,000サンプル）を使った、日本の社会的価値観の動向についてレポートします。 SOURCE: RISKYBRAND MINDVOICE® 2008-2018 PDF: RB_MV_REPORT_180718.pdf ブランドコンサルティング会社の株式会社リスキーブランド（本社：東京都渋谷区、代表：田崎和照）は、同社が2008年から実施している生活意識調査MINDVOICE®調査(約4,000サンプル/年)を用いて行なった「この10年の社会的価値観の動向」について報告いたします。 サマリー 日本の社会的価値観はこの10年、「冷笑主義（シニシズム）」の傾向が高まった。 「冷笑主義（シニシズム）」には７つのポイントが含まれる。①他人への無関心、②信頼関係の希薄化、③感動の希薄化、④リスクは取らない、⑤今さえ楽しければ、⑥贅

久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第7弾は、テキストや要素をより分かりやすく魅せるデザインのテクニックです。 UI & UX Micro-Tips: Volume Seven. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. メッセージは分かりやすく簡潔に 2. 長文コンテンツには、20ptを試してみてください 3. エラーメッセージは色だけで情報を伝えないように 4. 4ptベースラインと8ptグリッドで調和のとれた縦のリズムを作成 5. 見出しは文字間隔と行の高さを小さくする 6. 要素をよりはっきりと魅せる はじめに 次のプロジェク

明確な視覚的階層は、ページ上の最も重要な要素に視線を誘導する。こうした階層は、色やコントラスト、スケール、グループ化のバリエーションによって作り出すことができる。 Visual Hierarchy in UX: Definition by Kelley Gordon on January 17, 2021 日本語版2021年6月30日公開 さまざまなデザイン要素でごちゃごちゃしていて、どこから見たらいいのかさえわからないWebページに遭遇したことはないだろうか。画面のどこをよく見たらいいのか迷うようなら、そのレイアウトには明確な視覚的階層が欠けている可能性が高い。 ページの視覚的階層は、システムからエンドユーザーに情報が伝達されるかどうかを左右する。つまり、視覚的階層によってユーザーはどこに注目すべきかを知ることができるのだ。 モバイル版のWilliams-Sonoma.com：どこから見

noteでの「『あつまれ どうぶつの森』の世界観をつくるUXライティング」をはじめ、UXライティング解説記事が反響を呼ぶ「nao」こと宮崎直人さん。じつはユニコーンの仲間入りを果たしたテック企業「Paidy」で働くUXライター・コピーライターだ。彼が考える、UXライティングとは？そして、その鍛え方とは？ 【前編】noteの「あつ森」UXライティング解説が大反響！ naoさんに聞く、UXライティング力の鍛え方 【後編】「あと払い」をリードするテック企業「Paidy」が、UXライターを採用。宮崎直人が広げる言葉の可能性 コピーライティングとUXライティングの違いとは？ もともと宮崎さんはコピーライターとしてキャリアを積み、現在は、Paidy（ペイディ）にてUXライティングにも実務で関わっていると伺いました。そもそも「コピーライティング」と「UXライティング」の違いとは？ ここは私のなかでは明確

金属・木材加工機械のB2Bサイトの情報アーキテクチャを、調査に基づいて全面的に見直したところ、見つけやすさが85％向上した。 Quantifying UX Improvements: A Case Study by Kate Moran on January 31, 2021 日本語版2021年7月7日公開 定量的なUX指標を使用すると、エクスペリエンスの質を経時的に追跡して、それをどのように改善していけばいいかを確認することが可能になる。UX指標は、UXの専門家が自分たちの作業の影響と質を測定し、そうした影響を第三者に伝えるのに役立つ。 UXベンチマーキングのプロセスでは、エクスペリエンスの重要な側面を表す指標を1つ以上選択し、それらの指標を追跡して、デザインの介入がそうした側面にどのような影響を与えるかを確認することになる。 以下のケーススタディでは、あるチームがUX指標を使って、自分

ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません