[B! ux] proto_jpのブックマーク

生成AI時代におけるUXデザイン | 生成AIをフル活用したUX設計手法＆生成AI時代のユーザー体験の変化について

ChatGPTやStable Diffusionなどの生成AIが急速に発展し、社会全体が大きく変化しようとしている。 UXデザインのプロセスや、UX自体のあり方も当然革新されていく。今回はそうした生成AIによってUXがどう変化していくかを、具体的なメソッドや未来洞察といった具体・抽象を行き来しながら話していく。 1. 生成AIを活用したUXデザインプロセスどのようにGenerative AIを活用すれば、UXデザインのプロセスをよりなめらかに、効率的にすることができるのか？ 2. 生成AIでUX自体がどう変化するか Generative AIの発展によって、プロダクトにおけるユーザー体験のあり方はどのように変化していくのか？ 3. AI時代のデザイナー/PdM生存戦略 AI時代に、デザイナーやプロダクトマネージャーなどの個人はどのように強みを磨いていけばいいのか？ ▼ スピーカーTwi

proto_jp 2023/06/03

リンク

サンフランシスコのUXデザイナーが体験した日本から学ぶべきUXとはデザイン会社ビートラックス: ブログ

筆者は普段btraxのサンフランシスコオフィスで働くUXデザイナーだ。これまでに日本を訪れたことはまだ1度しかないのだが、今年の6月、日本に出張するチャンスが巡ってきた。 Suicaへのチャージからフードトラックでお弁当を買うことに至るまで、日本ではあらゆる購買体験の設計がとても優れていることを感じた。また、普段生活しているサンフランシスコでの自然で気にすることのないようなやりとりが、いかに自分が﹁当然物事はこうなるだろう﹂と期待するメンタルモデルにいかに引っ張られていたかもわかった。日本での体験はサンフランシスコでよりもはるかにスムーズ日本の人は明らかにサンフランシスコの人とは異なる独自のメンタルモデルを持っている。滞在中に時々不便な思いをすることはあったが、地下鉄に乗ったりレストランで食事をしたりすることはサンフランシスコでの同じ体験よりもはるかにスムーズで気持ちのよいものだった

proto_jp 2023/05/17

リンク

プロダクトを死へと誘う複雑性の恐ろしさと、それを最適化する10個の方法｜梶谷健人 / Kent Kajitani｜note

ある研究によると、80％のユーザーがプロダクトの機能のうち20％しか使っていないことが分かっています。優れた体験のプロダクトを作り上げ成長を実現する上で、複雑性の弊害をしっかりと理解し、それに正しく対処することはスタートアップや新規事業を始める企業にとって必要不可欠な能力です。この記事では、複雑性がUXに与える悪影響を複数の研究を引用しながら示し、プロダクトの複雑性を最適化して優れたサービス体験を作り上げる10個の方法を紹介します。複雑性がUXに与える悪影響プロダクトに機能を追加しすぎることによる弊害は、"フィーチャークリープ "と呼ばれています。プロダクトを作る際に、機能を追加すればするほどより機能的になると思い込んでいる人も多いかと思います。しかし、ほとんどの場合でその結果は期待と正反対になります。闇雲に機能を増やすと、プロダクトのユーザビリティが低下し、ユーザーにとって負荷

proto_jp 2023/01/18

note
ux

リンク

待機状態のUIについて整理してみる(デザイン編)

Introduction 概要待機状態 UIのデザインについての記事です。待機状態 UIというのは、ローディングや情報の処理待ち時に用いられる UIのことです。ここで待機状態の UIと読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため、今回はこのように言及させてください。この記事では、既存のデザインガイドラインや既存のデザインシステムから待機状態の UIの概観、デザインにおいて考慮することをまとめます！ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。背景、課題感 WebFront-end における各 UIの実装を行おうと考えているが、実装する際、ビジネス側やデザイン側と実装する UIについて話し合って作ることが多いです。小さなプロジェクトだと、デザイナーがいない事も多く、Front-end

proto_jp 2022/04/26

リンク

プレースホルダを用いたローディングUI

proto_jp 2022/03/10

リンク

<btn open />

proto_jp 2022/03/10

リンク

スマホのタップ操作の成功率を算出するモデル～ UIデザインにおけるユーザビリティの推定

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogこんにちは。Yahoo! JAPAN研究所で快適に操作できるUIを作るといったインタラクション分野の研究をしている山中です。この記事では、リンクやボタンの大きさに基づいてタップの成功率を推定するモデルについて解説します︵国際会議ISS 2020で発表した研究成果です [1]︶。このモデルを活用すると、アプリやウェブページのデザインをするさいに、デザイナーが経験的にボタンやリンクの大きさを設定するのではなく、﹁リンクがこの大きさであれば95％の確率でタップできるから十分だ﹂などと操作性に基づいてユーザインタフェース︵UI︶を設計できるようになります。タップの成功率を推定できると何が嬉しい？スマートフォンやタブレットPC向けの

proto_jp 2021/12/11

リンク

「私たちは慣れに支配され、使いにくさに気づいていない」　UI研究者・増井俊之氏が語る“使いやすさ”の本質

機能とUIの進化はなぜ比例しない？　UI研究者に聞く、使いやすさの本質とUIのこれから﹁私たちは慣れに支配され、使いにくさに気づいていない﹂　UI研究者・増井俊之氏が語る“使いやすさ”の本質誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム﹁POBox﹂やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人

proto_jp 2021/12/01

リンク

なぜキーボードの「0」は「1の左」ではなく「9の右」にあるのか？

PCのキーボードや、スマートフォンの英数字入力画面では、数字の入力キーは「1234567890」の順番で並んでいることがほとんどです。当たり前のように目にするこの並び順ですが、よく考えると「1～9までは昇順に並んでいるのに、1よりも小さな数である0が一番右にある」というのはおかしな気もします。そんな疑問を投げかけたオンライン掲示板の質問に、技術の進歩の歴史を根拠にした納得の理由が回答されていました。 keyboard layout - Why is the 0 next to 9, not next to 1? - User Experience Stack Exchange https://ux.stackexchange.com/questions/76446/why-is-the-0-next-to-9-not-next-to-1 2015年4月、ユーザーエクスペリエンス(UX)の研

proto_jp 2021/04/30

ux
keyboard

リンク

ソシオメディア | ヒューマンインターフェースガイドライン

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。すべてモデルインタラクションプレゼンテーション

proto_jp 2020/02/24

リンク

北欧のUXデザイナーが日本の文化から学んだこと

Usa bleMachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に5日間、滞在してみることにしました。日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて

proto_jp 2020/02/05

リンク

Visual Sitemaps | Crawl & Plan Website Architecture + Flows

Automatically generate beautiful visual sit emaps + high-resolution screenshots of any public or private website, making it fast and easy to perform in-depth site audits for UI, UX, SEO, and marketing research. Simply enter a URL and get a thumbnail-based visual architecture of the entire site.

proto_jp 2020/01/25

リンク

UIデザインは人の好奇心に依存している

はじめに私は普段、同居している81歳のおばあさんにiPadの使い方を教えたり、サポートをしています。発端はとある25歳男性に、PS4の使い方について教えてあげたことです。彼はPSボタンを長押しして出てくるメニューの存在を知らず、スリープモードが存在することを知りませんでした。81歳のお婆さんも以前、iPadの入力キーボードが左右に分割されてしまい、入力ができない問題に直面しました。これもまたiPadのキーボード右下にある、﹁キーボードを隠すキー﹂を長押ししてしまったことが原因でした。以上の出来事から私は、UIデザインは人の好奇心に依存していると考え、その意見を文章に書き起こしてみました。本記事における好奇心の定義について本記事では好奇心を次とします。わからないものに対して、それを知りたいと思う欲求そして、好奇心の強い人を次と定義します。好奇心が予測できないリスクへの不安

proto_jp 2018/09/28

ui
ux

リンク

ǝunsʇo ıɯnɟɐsɐɯ / メタバース炎上対策専門家 on Twitter: "「きっぷ券売機を高性能化するのではなくSuicaシステムを作れ」みたいな話 / 他2コメント https://t.co/7vX6m2omrS “しなくていいUX｜Shoko Oyamada｜note” https://t.co/oYniPXV6zS"

proto_jp 2018/09/12

ui
ux

リンク

ユーザーインターフェース（UI）デザインの原則とトレンド

ユーザーインターフェース︵UI︶デザインは、サイトを訪れるユーザーが快適に閲覧したり、サービスを利用したりするのに重要な項目の一つです。不適切なUIで設計されたサイトは、ユーザーにとって使いづらく、UXが低下するおそれがあります。しかし、いざ自社サイトのUIデザインを見直したいと思っても、﹁何を改善すれば良いのかわからない﹂と悩む方もいるでしょう。そこで今回は、UIデザインの基礎知識から、2018年のトレンドまで、詳しくご紹介します。 UIデザインの基礎知識 UIデザインを検討するには、UIの意味や目的を理解することが大切です。まずは基本を押さえて次のステップへとつなげましょう。 UIデザインとは？インターフェースには﹁接点﹂や﹁境界面﹂という意味があり、2つ以上の異なるものを結びつける際に必要な窓口のようなものを指します。そのためUIは、ユーザーとコンピューター︵システムまたはプログ

proto_jp 2018/09/03

リンク

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。植物の水やりを管理するアプリ安眠アプリハンバーガーショップのアプリ TODOアプリ料理のレシピアプリベジタリアン用のレシピアプリアラームアプリ家電操作アプリ家計簿アプリ名刺管理アプリバランスアプリファイナンスアプリフィットネスアプリカレン

proto_jp 2018/06/27

リンク

読みやすさのデザイン備忘録 | 深津貴之 (fladdict) | note

noteのコア体験は、﹁読む楽しさ﹂と﹁書く楽しさ﹂だと考えています。本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。まず序盤はヒューリスティック︵経験︶ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。以下、﹁読書体験﹂における﹁可読性﹂のパートのメモ。noteチームにとりあえず提案する予定の諸々です︵現時点では個人の見解です︶。基本的には﹁当たり前のことを、当たり前に﹂やる予定。﹁これもやっとけ﹂的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

proto_jp 2017/10/03

リンク

［CEDEC 2017］「ゼルダの伝説BotW」の完璧なゲーム世界は，任天堂の開発スタイルが変わったからこそ生まれた

﹇CEDEC 2017﹈﹁ゼルダの伝説BotW﹂の完璧なゲーム世界は，任天堂の開発スタイルが変わったからこそ生まれたライター‥西川善司 CEDEC 2017は，任天堂からの登壇者が例年に比べて非常に多い。数えてみると8件あった。﹁海外のカンファレンスでは登壇する一方，日本国内のカンファレンスにはあまり出てこない﹂という，これまでの傾向からは一転した新しい動向と言える。﹁ゲーム開発シーンにおける知見の共有﹂において，これまであまり積極的でなかった任天堂だが，意識を変えてきたのだろうか。いずれにせよ，CEDEC 2017で任天堂は，﹁ゼルダの伝説　ブレスオブザワイルド﹂︵Nintendo Switch / Wii U，以下，ゼルダの伝説BotW︶関連セッションを4本も持った。今回はその中から，開発者でない一般のゲーマーにも分かりやすかったと思われる﹁﹃ゼルダの伝説　ブレスオブザ

proto_jp 2017/09/02

リンク

UXハニカム - UXデザインの正しい品質評価方法 -

ユーザーエクスペリエンス (UX) デザインを少しでもかじったことのある人であれば、ヒットするプロダクトやビジネスの成功におけるユーザー体験の重要さが理解できると思う。「これからの企業に不可欠な三種の神器とは」でも説明されている通り、グローバル規模で成功している企業が提供する商品やサービスの裏には、優れたユーザー体験がその成功の秘密として隠されている。また「ユーザー体験こそがマーケティング戦略の主流になる ~UX for Marketing~」でも語られている通り、現在話題になっているスタートアップ企業やユニコーン企業も正しいユーザー体験を通じて多くのユーザー獲得につなげている。 UXにおいて何が優れているのか?そもそもUXにおいて「優れた」とか「正しい」とされる要素は何であろうか？一般的にはユーザー側から見ると、利用していて”心地良い”とか”楽しい”などの要素。そして提供側から考える

proto_jp 2017/08/09

ui
ux

リンク

UXデザイナーが備えておきたいツール・サービス厳選20個まとめ

UXデザインとはユーザーエクスペリエンス(UX)、Webサイトやアプリの使い勝手やユーザーが体験する満足度を重視したデザインのことで、あなたが満足するデザインをつくってもユーザーが使いやすいと感じなければUXが良いとは言えません。ユーザーのリサーチやテストやフィードバック、プロトタイプやワイヤーフレームの作成、クライアントやチームメンバーとのコラボレーションなどに役立つツール・サービスを紹介します。 20 Valuable Tools For UX Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ユーザーのリサーチ・テスト・フィードバックプロトタイプ・ワイヤーフレームの作成ツールコラボレーションのツールユーザーのリサーチ・テスト・フィードバックユーザーのリサーチは、プロトタイプを制作する前におこなう

proto_jp 2017/01/24

ux
ui

リンク

はてなブックマーク

タグ

関連タグで絞り込む (26)

uxに関するproto_jpのブックマーク (27)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス