話題のClaude「Artifacts」は対話型AIにおける「UX革命」である｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
ChatGPTのライバルサービスの一つである「Claude」が、彼らのサーバーが一時パンクするくらい話題になっている。 その理由は、運営元のAnthropicが発表した2つのリリースだ。 リリースの1つ目は新しい大規模言語モデル「Claude 3.5 Sonnet」のリリース。そしてもう一つが、今回の話題の中心である「Artifacts」機能のリリースだ。 「Claude 3.5 Sonnet」は、ほぼ全てのベンチマークでOpenAIの最新モデル「GPT-4o」を打ち負かしており、処理スピードは前モデルの「Claude 3 Opus」の2倍で、API費用は1/5程度に下がっている。 シンプルに性能、速度、費用面などの面でトップクラスの大規模言語モデルが登場したのだ。 しかし、今回Claudeが話題になっている理由は「Claude 3.5 Sonnet」というよりも、もうひとつのリリースであ
Apple UXライティングチームとのQ&A - 見つける - Apple Developer
テキスト要素の役割は大きく、特にアプリやゲームでは、適切な言葉遣いがユーザー体験に大きく影響します。WWDC23の開催期間中、Apple UXライティングチームは技術的な概念から始まり、インスピレーションをもたらすコンテンツ、アプリに「個性」を持たせる必要性についてなど、幅広いトピックに関してQ&Aセッションを行いました。今回、このQ&Aの抜粋と、ユーザーインターフェイスのライティングをさらに深める上で役立つリソースをいくつか紹介します。 インターフェイスのライティング Watch now 自分のアプリでは大量のテキストを使っています。文章を読みやすくするベストプラクティスについて教えてください。「この文章を使って何を達成したいのか」ということをまず自問してください。その答えに沿って、文章作成に取り組みます。まずは各段落を、一つひとつの文章に分けます。そしてはじめに戻り、各文章を可能な限り
UI/UXデザイナー向けのChatGPTプロンプト集15選
UXを改善することによって、ユーザー満足度や売上の向上につながるため、UXの重要性が上がってきております。 しかし、UX改善に取り組むデザイナーの中には、ユーザー目線となることが時に難しく感じることもあるでしょう。 そんな時に、アイデア出しを助けるツールとして、SEOに強いAIライティングツール「トランスコープ」や「ChatGPT」が注目されています。 ChatGPTとは、OpenAI社が運営するAIチャットボットです。 ChatGPTへの命令文であるプロンプトを活用できると、UX改善の調査や分析などが効率化できます。 【ChatGPT・OpenAI・GPT-4とは？】の記事で、ChatGPTについて詳しく解説しているため、ぜひご覧ください。 本記事では、UI/UXデザイナー向けに、ChatGPTを活用してUX改善に役立つプロンプト集を紹介します。 日々の作業を効率化し、UX改善アイデアを
ジョブ理論に則り、ユーザーフィードバックを整理する。 - Sansan Tech Blog
自己紹介 こんにちは、Sansan事業部プロダクト室の乙幡です。 新卒入社後、最初に配属されたのはビジネス部門で、Bill Oneというプロダクトのインサイドセールスを担当しました。その後、入社2年目の2023年にプロダクトマネージャーへのキャリアチェンジを行い、現在は日々新しいことを学びながら活動しています。 今回は、日々の業務でうまくいったTipsについて振り返りたいと思います。 なお本記事は、Sansan Advent Calendar 2023の7日目の記事です。 ジョブ理論とは ジョブ理論（Job Theory）は、製品やサービスが市場で成功するための理論の一つで、クレイトン・クリステンセンによって提唱されました。*1この理論の核心は、「製品やサービスが消費者に採用されるのは、彼らが特定の“ジョブ”（仕事やタスク）を完了させたいというニーズがあるからである」という考え方に基づいて
BtoBプロダクトをシンプルに保つ「名前をつけない」UXライティング｜hikaru-takase /Loglass
🐳この記事は「ログラスサマーアドベントカレンダー2023」の29日目の記事です。明日は一人目のマーケ、盛川君です！ こんにちは、ログラスでデザインマネージャーをしている高瀬です。 この記事では、名前をつけないUXライティングのアプローチについて考察し、なぜ名前をつけない決断が必要なのかを記載していきたいと思います。 プロダクトが複雑になる問題昨今のデジタルプロダクトは時間の経過とともに成長していき、どんどん便利な機能がリリースされていきます。はじめはシンプルで使いやすかったけど気がつけば複雑になっていき「使いにくい…」となることも珍しくありません。 私が所属しているログラスは「BtoB」 で「経営管理」という領域のプロダクトを提供しているため、専門用語や複雑な業務フローを扱うことがよくあります。 例えば経営管理の業務ワードを軽くピックアップするとこんな感じのものがいくつも出てきます。 予
アラートのOK、Cancelボタンは右と左、どちらにおくべきか？ - Qiita
はじめに 皆様は、アラートのOKボタンとCancelボタンの配置は どういった基準で決めていますか？ (右か、左か？） 勿論、スマートフォンを右手で操作する人、 左手で操作する人で、変わってくると思いますが、、、 基準はどうすべきか？ ちなみに、押しやすいのは、右か、左か？ 右手で操作する人を想定した場合 押しやすいのは、右側だと思います。 単純に親指からの距離が近いためです。 逆に左側は、親指からの距離が遠いため、 押しにくいです。 （当たり前ですね。） こういうときは、各プラットフォームのガイドラインに準拠するのがベターだと思います。 「郷に入っては郷に従え」ではないですが、 iOSの場合はヒューマンインタフェースガイドライン、 Androidの場合は、Google Material designに準拠すべきだと思います。 iOSヒューマンインタフェースガイドラインの存在 存在を知って
人材不足の救世主？ UXデザイナーこそ「プロダクトマネージャー（PdM）」に挑戦しよう｜Goodpatch Blog グッドパッチブログ
こんにちは！グッドパッチのUXデザイナー兼プロダクトマネージャー（以下、PdM）のかのうです。 UXデザイナー兼PdMというと、「何それ、両立できるものなの？」と思われる方もいると思いますが、実は今、グッドパッチでは、PdMとしてクライアントワークにアサインされるUXデザイナーが増えています。 PdM、すなわちプロダクトの責任者が担うべき領域は幅広く、開発、マーケティング、デリバリーと多岐にわたり、今もっとも人材不足が叫ばれている職種といっても過言ではありません。 そんな職種にUXデザイナーが挑む理由はただ一つ。UXデザインの知見がプロダクトマネジメントで生きてくる、つまりスキルセットに似た部分があるためです。例えば、プロダクト開発を進める上でぶつかりやすいこんな課題。 多種多様なユーザーがプロダクトを使うため、ターゲットが定まっていない ユーザーの要望に応えることはできているが、プロダク
「要件定義」のまえに、「要求定義」｜しょーてぃー/ Experience Designer
多くのアクセスがあったので無料化しました 要求定義テンプレも記事内でDLできます。 はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。 今回は「要求定義」をつかった、UX デザインについてご紹介します。 実践用テンプレートも記事内にて配布しておりますので、参考にしてください。 「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決めることです。 要求定義という言葉は、もともとはシステム開発の現場では頻繁に使われている単語で、非技術者の企画者がシステムに求める仕様を定義することです。 「要件定義」と「要求定義」の違い多くの方が「要件定義」という言葉を聞いたことがあるかと思いますが、「要件定義」と「要求定義」の違いについてご存知でしょうか？ ★要件定義
デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine
はじめに こんにちは。株式会社Flatt Securityの @toyojuni です。自分はもともとWebやUIのデザインを本職としていましたが、大学の同期と共同創業したセキュリティ企業であるFlatt Securityにて経営やDevRelを担っています。 デザインとセキュリティは普段話題が交わることが少ない領域ですが、UI/UXのデザインであればソフトウェア開発と不可分であることは間違いなく、すなわちデザインもセキュリティに無自覚ではいられないでしょう。 そのような観点で、本記事では「パスキー(Passkey)」を取り上げてみようと思います。 本記事は「パスキー」「FIDO」「WebAuthn」といったキーワードに関して以下のような認識を持っている方向けの記事です。 名前も知らない / 聞いたことがない 聞いたことはあるが、ほとんど理解していない はじめに パスキーをなぜ今知るべきか
「使える人にだけ使わせる」 ~ マネーフォワード IDのログインUXから見るパスキー普及のポイント - r-weblife
ritouです。 いよいよドコモさんもパスキー対応が始まりましたね！いや、これを書いている時点ではまだです。 k-tai.watch.impress.co.jp それよりも、今回はマネーフォワード IDのパスキー対応に注目します。 corp.moneyforward.com (4/5追記) マネーフォワード側からも解説記事が出ていました。この記事で言いたいことが全部書いてあります。 moneyforward-dev.jp ブラウザのパスワードマネージャー機能を利用したパスワード認証のUX パスキー対応に触れる前に、マネーフォワードIDのパスワード認証のUXから見ていきましょう。 マネーフォワードの「メールアドレスでログイン」のフローを何も考えずに使うと、最初にメールアドレスを入れてからパスワード入力を求めるUXになっています。 このようなUXでブラウザのパスワードマネージャーの機能を使う場
リモートでのUXの作業：ガイドラインとリソース
一般に、UXセッションは対面で行うのが理想だ。とはいえ、予算や移動の制約により、UXに関する作業をリモートで行わざるを得ないこともある。この記事では、リモートでのユーザー参加型調査、UXワークショップやプレゼンテーション、およびコラボレーションに関するガイドラインを提示する。 Remote UX Work: Guidelines and Resources by Kate Kaplan on March 29, 2020 日本語版2020年4月14日公開 ユーザー参加型調査の実施やUX作業のプレゼンテーション、他のチームメンバーや利害関係者とのコラボレーションは、対面でやり取りしたほうがいろいろなメリットがあることがわかっている。調査の参加者にとっては、対面のほうがリモートよりも良い関係を築いて、信頼関係を構築しやすい。また、プレゼンテーションやコラボレーションの出席者も、対面のほうがより
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
UI/UXデザイナー語る、デザイン Tips【20選】 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、技術広報のyayawowoです。 突然ですが、デザイナーの皆さんはデザインの知識をどのように学ばれていますでしょうか？ スクール（大学、専門など） 会社、仕事 WEB、オンライン（Udemyなど） など、様々あるかと思います。 とはいえ、日々変わりゆくデザインのトレンドをキャッチアップしていくのは時間と労力が必要ですよね。 そんな方に必見！ 弊社にて定期的に開催している、デザイナーによるデザイナーの為のデザインLT大会・・・ 「UI/UXデザイナーLT会」にて発表されたデザインTipsをまとめましたので、ご紹介させていただきます！ 記念すべき第一回目のまとめ記事は以下をご確認ください！ ・【UI/UXデザイナーLT会】を開催しました【登壇者15名御礼】 - RAKUS Developers Blog | ラクス エンジニアブログ 目次 目次 デザイナーとなっておもったこと UI
フロントエンド開発のための Figma
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
デザイナーが構造化シナリオ法を使う上での注意点｜UXリサーチャーの独り言／もりみ
noteをサボっていた（？）間、自社の中堅以上のデザイナー向けに、少人数制のUXデザインの12回連続講座を開催しました。やっていく中で、記録として残しておいた方が良いなと思ったことの第2弾として、今回は、構造化シナリオ法でデザイナーさんたちが引っかかっていたところと注意点を記載します。 1.そもそも、構造化シナリオ法とは構造化シナリオ法は、丸善出版から出ている「EXPERIENCE VISION」という書籍の中で、ビジョン提案型デザイン手法のフレームワークとして紹介されている手法です。 頭文字が「エ」「ビ」で海老のマークがついていることから「エビの本」と呼んでいます。 このフレームワークを簡単に説明すると、価値を扱う「バリューシナリオ」、ユーザーの活動を扱う「アクティビティシナリオ」、操作を扱う「インタラクションシナリオ」と階層別に分けてユーザーシナリオを構造化して書く手法です。 今回の講
ChatGpt4でUI/UXの検討がどこまでできるか（①企画編） - Xtone Design & Tech Talk
こんにちは、エクストーンの桂です。 普段は、アプリなどのUI/UXの検討をしています。 UXにおいては「正解はそれを利用する人の中にある」ということが原則ではありますが、 今回は、その検討パートナーとして ChatGpt4がどこまでアプリの検討で使えそうなのかを実験してみました。 お題は、ニュースアプリにしてみましたが、 結論としては、驚愕の結果に・・！ 主に、聞いてみたのは、以下の内容です。 必要な機能の定義 ターゲットにフォーカスした機能アイデア 定性調査の項目と台本 ペルソナ カスタマージャーニーとペインポイント コンセプト ビジネスモデル アプリの滞在時間を増やす方法 ユーザーの定着とLTVを長くする方法 画面一覧と画面内の構成要素 まずは、お手並み拝見ということで、 ターゲットと概要だけ伝えて、ざっくりとどんな機能が必要そうか聞いてみました。 新しいニュースアプリを作ろうと思って
Passkey autofillを利用したパスワードレスログイン導入で得たものと、得られなかったもの - Money Forward Developers Blog
English version of this article is available here はじめに こんにちは、CTO室 IDサービス開発部のyamato(@8ma10s)です。 マネーフォワード IDという、当社サービス向けのIdPを開発しています。 今回このマネーフォワード IDにおいて、パスワードを使わずに、生体認証などを利用してログインできる「パスワードレスログイン」という機能をリリースしました。 また、今回のリリースでは、既にいくつかの他社サービスで導入されているような通常のパスワードレスログインUIではなく、「Passkey autofill」という、ブラウザの自動補完を利用する新しいタイプのパスワードレスログインUI を（恐らく日本のサービスで初めて。エンドユーザーの目に触れるサービスという意味では、おそらく世界でも初めて）導入しています。 私達がどういった過程で、
一級建築士からUXデザイナーへ。業界・国境を超えて挑戦を続けるNondo Sikazwe氏から見た日本のデザイン市場とは？【インタビュー前編】 デザイン会社 ビートラックス: ブログ
近年パンデミックによる影響で観光客は激減したものの、2014年以降、東京では外国人の割合が増加し国際化が急速に進んだ。 デザイン業界でも、グローバルに活躍しつつ、東京を拠点としている外国籍のデザイナーの割合は増加してきている。 今回は、アフリカ大陸南部のザンビア出身のNondo Sikazwe氏へのインタビュー記事をお送りする。 Nondo氏は、南アフリカ共和国にて一級建築士として活躍した後、スタンフォード大学でデザインシンキングを学び、現在は東京のデザインコンサルティングファームでUXデザイナーとして活躍している。 2本立ての前編となるこちらの記事では、Sikazwe氏の異色の経歴やグローバルな視点から見た日本のデザイン市場について話を伺った。 続く後半では、Nondo氏にとってのデザインの定義や、各国の忘れられないプロダクト、今後のデザイナーとしての目標などについてお伝えする。 目次：
How to use chatGPT for UI/UX design: 25 examples
Instead of continuing the endless debate “will AI replace designers” let’s focus on something practical. The truth is that current AI solutions like chatGPT may become a huge support in everyday tasks. The topics that may be boosted by the tool may surprise you. In this post, you will see plenty of practical examples. I am pretty sure that very soon, you won’t imagine your design process without
UX/UIデザイン ターゲットユーザーと発達心理学 - バイセル Tech Blog
はじめに テクノロジー戦略本部 デザイナーの白井と申します。 私の所属しているプロジェクトでは新規社内システムを開発していて、 私はUIデザインをメインに担当しています。 幅広い年代の方に利用して頂くことを想定しているシステムなので、 世代ならではの特性に対する考慮や配慮がとても重要となります。 UX/UIの観点からターゲットユーザーにどう向き合って行くべきかを社内LTで発表する機会がありました。今回はそちらの資料を紹介させて頂きたいと思います。 発表内容 タイトルは「UX/UIデザイン ターゲットユーザーと発達心理学」として発表しました。 目次 UX/UIとは ⇒UXとUIの違い ターゲットユーザーとは ⇒設計するサービスのユーザー層を定義する 発達心理学について ⇒年代別特性の変化と対処法 まとめ 発表資料は下記となります。 speakerdeck.com 最後に 「加齢に伴う変化」は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
