Here are the 25 most viewed decks of 2023: わかりやすい説明のための 10 の鉄則 / 10 golden rules for easy-to-understand explanations by @e869120 私考える人、あなた作業する人」を越えて、プロダクトマネジメントがあたりまえになるチームを明日から実現していく方法/product management rsgt2023 by @moriyuya 解像度を上げる 🔬/ Increase resolution by @tumada セキュリティ研修【MIXI 23新卒技術研修】/ Security training [MIXI 23 new graduate technical training] by @mixi_engineers ソフトウェアの内部品質に生じる様々な問題は組織設計に
Passkey の動向 2023年ふりかえり - Money Forward Developers Blog
はじめに こんにちは、マネーフォワード ID 開発チームの @nov です。 2023年はマネーフォワード ID として本格的にパスキーのサポートを開始した年でした。 2023年4月にリリースしたマネーフォワード ID のパスキー実装ですが、2023年末の時点でマネーフォワード ID へのログインアクションの7%ほどがパスキーによるログインになっており、Google Sign-in や Sign in with Apple などを抜いてパスワードに次ぐ第二位の認証手段となっています。 この一年で、Money Forward Developers Blogにも、最初に Passkey Autofill に全面対応した実装でリリースに至った経緯や、定期的な利用状況レポートなどを挙げてきました。 Passkey autofillを利用したパスワードレスログイン導入で得たものと、得られなかったもの
ユニクロアプリが動画メインになっていて、なかなか見たい商品まで辿り着けない！と話題に「素直に静止画で見せてお願い」→対処法もあるらしい
在宅管理職WM @Um6UX5LpQkTd9Ut こちらがユニクロアプリを開く時はもうキッズパジャマ買うぞ、ヒートテック買い足すぞ、みたいなテンションでのびのび動画を出されてもイラつくだけなの。 2023-12-25 10:20:22
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案 2023.12.23 スイッチは多くのウェブサイトで使われているものの、HTML の標準要素としては存在していませんでした。そのため多くの開発者は、スイッチを実装するために独自の実装を行っていましたが、このような独自の実装はアクセシビリティの問題を引き起こす可能性がありました。この問題を解決するために、WHATWG により `input[type="checkbox"]` 要素に `switch` 属性を追加することが提案されました。この属性を指定することで、チェックボックスをスイッチとして利用できます。 input 要素の switch 属性は 2023 年 12 月現在実験的に実装されている機能です。将来的に仕様が変更される可能性があります。 スイッチ とは
![input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f498fff7f14d1f4ab6c565817f30f1ad084c770/height=288;version=1;width=512/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2Finput%255Btype%253Dcheckbox%255D%2520%25E8%25A6%2581%25E7%25B4%25A0%25E3%2581%25AB%2520switch%2520%25E5%25B1%259E%25E6%2580%25A7%25E3%2582%2592%25E6%258C%2587%25E5%25AE%259A%25E3%2581%2599%25E3%2582%258B%25E3%2581%2593%25E3%2581%25A8%25E3%2581%25AB%25E3%2582%2588%25E3%2582%258B%2520HTML%2520%25E6%25A8%2599%25E6%25BA%2596%25E3%2581%25AE%25E3%2582%25B9%25E3%2582%25A4%25E3%2583%2583%25E3%2583%2581%2520UI%2520%25E3%2581%25AE%25E6%258F%2590%25E6%25A1%2588%2FHTML.png)
ChatGPTの普及が進むなか、UXライターの存在意義はいつ消滅するともしれない。直近の知見を放出しておこうと思う。かつてUXライターと呼ばれるものたちが存在したことを覚えておいてほしい。 ここでは、①トーン＆ボイス（プロダクトとしてユーザーに語りかける際の文体）、②品詞の使い分け、③機能名の決めかた、の3点について記しておく。 トーン＆ボイス｜マトリクスで検討するトーン＆ボイスについては、「Material's Communication Principles」で言われているように、さまざまなシーンを想定しながら考えることが重要だ。 ひとりの人間でもシチュエーションによって喋りかたが変わるように、ひとつのプロダクト内でも語りはさまざまに変化する。ユーザーとの関係性に合わせて言葉をチューニングする必要がある。以下のマトリクスは、そうしたパターン出しの一例だ。 出典：Material's C
Nobi Hayashi 林信行 @nobi 質問は改めてコンテクストも加えた上で再投稿します。 ただ、ここまででただの私への罵詈雑言以外にもいくつか重要な意見あったので、その辺りはtogetterで（誰かに）まとめてもらいたい... 中心軸（＝問題ツイート）を削除すると引用ツイートとかは探しにくくなっちゃうのかな？ 2023-12-21 10:44:39 Nobi Hayashi 林信行 @nobi 【再投稿：やはりUI設計無視できず、追加しました】 日本の大企業（や官庁）が提供するソフト・サービスは使い勝手が悪く、品質も低いものが少なくない。 最も改善に力をいれるべきはどの問題か？ 1.能力： お金をかけてでも優秀なソフトウェアエンジニアを雇う 2.開発体制の問題： 開発体制を見直す。下請け・孫請けをやめる。しっかりと全体設計や使い勝手のことを考えるデザイナーを中心的役割として取り入れ
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
【概要】 『UI設計』についてです。 経緯は、 ・筆者が初めてアプリの実装を行った際にUI設計が杜撰だったこと ・デジタル庁のサイトの記事を閲覧し、UI設計に興味を持ったこと からUI設計・デザインについて体系的に学びたいと思いました。 本記事では UI設計の考え方から実装方法 まで完結的に説明できるように考察していきたいと思います。 ※ 筆者は、駆け出しエンドエンジニアである為、知識が浅い部分もあると思います。間違い等ある場合はご指摘等いただけると幸いです。また、初心者のためのUI設計になりますので、より専門的に深めたい方は書籍などをご利用ください。 【対象者】 ・UIデザインを0から体系的に学びたい人 ・バックエンドエンジニアで個人アプリのUIを向上させたい人 ・フルスタックな開発を意識している人 【目次】 ※下記、全体に目を通してから作業することをお勧めします。 ・【概要】 ・【対象
私は普段、家の脱衣所で仕事をしているのだが、デスクの隣にある縦型洗濯機がちょうどいい高さということもあり、そこにいつも仕事中に参照する本を積んでいる。洗濯機の蓋もまさか、漬物石みたいに本が置かれることになるなんて思ってもみなかっただろう。それらの本は主に、その時々の仕事に関係するものとか、読みかけのものだったりするから、頻繁に入れ替わっていくのだけど、ずっと置いているお気に入りが、いくつかある。そのうちの一つが、OOUI 本こと『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』- ソシオメディア株式会社、上野 学、藤井 幸多（著） 上野 学（監修）だ。 出版されてから 3 年以上たっても、私は時折この本をふと、開いてみてはいつの間にか没頭し、そういえば私は仕事をしていたんだっけな、みたいになってしまう。端的に言って大好きだ。この 3 年間で読書会も 2 度主催したことがある
2023/12/12 記事公開 2023/12/14 調査サービスの差し替え & コメント返信 はじめまして。kinmemodokiです。 この記事はDigital Identity技術勉強会 #iddance Advent Calendar 2023の12日目の記事です。 2023年では様々なウェブサービスがパスキーに対応し様々なログインUXが生まれました。 本記事はそのさまざまなウェブサービスのパスキーによるログインUXの挙動をまとめ、挙動の考察を行いました。 本記事で扱うのは「ウェブサービスのパスキーでのログインUX」についてであり、「パスキー周りの実装や技術」については基本的に扱いません。 なお、本記事では「WEB+DB PRESS Vol.136「特集2 実戦投入パスキー ─いまこそ実現、パスワードレス認証！」」の「第２章 パスキー時代の認証UX」を参考にしており、最低限の部分は
Scroll Fading 101
Summary: Whether scroll fading is more distracting than usable depends on the following factors: its persistence, responsiveness, and how sparingly it is applied to elements on the page. When used right, this design pattern can improve brand perception, optimize page loading, and make content more digestible. Introduction Scroll fade is a new design pattern. It refers to an animation that is trigg
ジョブ理論に則り、ユーザーフィードバックを整理する。 - Sansan Tech Blog
自己紹介 こんにちは、Sansan事業部プロダクト室の乙幡です。 新卒入社後、最初に配属されたのはビジネス部門で、Bill Oneというプロダクトのインサイドセールスを担当しました。その後、入社2年目の2023年にプロダクトマネージャーへのキャリアチェンジを行い、現在は日々新しいことを学びながら活動しています。 今回は、日々の業務でうまくいったTipsについて振り返りたいと思います。 なお本記事は、Sansan Advent Calendar 2023の7日目の記事です。 ジョブ理論とは ジョブ理論（Job Theory）は、製品やサービスが市場で成功するための理論の一つで、クレイトン・クリステンセンによって提唱されました。*1この理論の核心は、「製品やサービスが消費者に採用されるのは、彼らが特定の“ジョブ”（仕事やタスク）を完了させたいというニーズがあるからである」という考え方に基づいて
やさしく、立体的に、デザインリサーチをより深く知る #techtekt Advent Calendar 2023 - techtekt
読了後の狙い ・デザインリサーチの基本的な要素を学べる。 ・デザインリサーチの実施シーンがイメージができる。 ・普遍的な営みとして デザインリサーチに親近感が持てる。 はじめに パーソルキャリア株式会社 UXリサーチャーの @ono_yah と申します。 今回は現場UXリサーチャーの立場から ・UXリサーチという単語を知っている ・デザインリサーチをまったく知らない ・近いことはやっているので、自分の業務をより深く理解したい 上記のような 業務において専門的に実践していなくとも新しい学びがある、今後デザインリサーチと心理的な距離が縮まるような内容になればと思います。 そのようなコンテンツを執筆したいと思った動機は、2年前にUXリサーチャーとしてパーソルキャリアに入社してから1年半程「UXリサーチャー」という職能の掴みどころのなさに戸惑う日々を送っていた経験からです。 参加プロジェクトにおけ
「ダークパターンレポート2023」を公表。ECサイトやアプリでの購入経験者799人への意識調査 4割強がダークパターン被害を経験。7割強が、ECサイト等の運営企業に対応を求める 企業や行政と伴走し活動を支えるデザイン会社の株式会社コンセント（本社：東京都渋谷区 代表：長谷川敦士 以下、コンセント）は、消費者をだますウェブサイトやアプリのユーザーインターフェースである「ダークパターン」について、全国18歳から69歳までのECサイトやアプリでの購入経験者799人を対象に、見たりひっかかったりした経験やその際に取った行動、認知・理解度などの実態を調査し、「ダークパターンレポート2023」としてとりまとめました。 調査の実施背景 ダークパターンの問題を顕在化し、個人・企業・行政で取り組める社会に ダークパターンとは「消費者の自主性や意思決定や選択を覆したり損なわせたりする選択アーキテクチャを、主に
Googleマップは2023年9月頃から新たな外観のテストを実施しており、すでに新たな外観のGoogleマップを使っている人も多いはず。そんなGoogleマップの新外観について、15年前にGoogleマップのデザインに携わったプロダクトデザイナーのエリザベス・ララキ氏が苦言を呈しています。 15 years ago, I helped design Google Maps. I still use it everyday. Last week, the team dramatically changed the map’s visual design. I don’t love it. It feels colder, less accurate and less human. But more importantly, they missed a key opportunity to…
Design Skill Map - メルカリUXデザインチームの専門スキル｜Mercari Design Blog
UX Designチームのasakomです。今回はデザイナーの役割定義の活動の一つとして作成した、”Design Skill Map”についてお話しします。 このSkill Mapは、メルカリUX Designチームで求めるデザイナーの専門スキルを整理したものです。以前紹介したDesign Ladderは、メルカリの行動指針に基づいて作成した、デザイナーに求める態度やマインドセット。今回は専門職としてのデザイナーに必要な技術や知識をSkill Mapとしてまとめました。 UXデザイナーの役割定義や、個人の目標設定、採用の基準作りなど、チームの運用に関わる人や、メルカリのUXデザインチームが求める人材に興味のある方に、ぜひ読んでいただきたいです なぜSkill Mapを作ったかUXデザインチームの役割定義は、チームのミッション達成のために存在します。私たちのチームのミッションは、”メルカリの
Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HTML のフォームとして振る舞うことでアプリケーションの機能を変わらず提供できます。 React Server Component はサーバー側で HTML に変換されるため、クライアントに JavaScript のコードが配信されることはありません。React Server Component では useState() を使用できないといった制約がありますので、我々開発者は React Server Component の利点を
「タンスを漁ってアイテムを獲得」→「ジャンプして隠しブロックを発見」への変換もうマジでこれが究極的には全てなんだよ。 マリオRPGの何が面白いってここ。 マジでここ。 ここに全てが詰まっている。 ユーザーが能動的に世界に対して働きかけることで世界の謎を解き明かす機会が与えられていることが素晴らしいわけ。 RPGってのは冒険のロールプレイだけど、冒険ってのは探索なわけだよ。 フリーレンが「クエストアイテム一直線なら５分で終わるスカイリムの洞窟を３時間かけて探索する。勇者ヒンメルならそうした」と語っていたように、探索の楽しみとは一直線に正解に至ることではなく、寄り道してでも世界を隅々まで知りつくそうとする好奇心によって生み出されるわけだ。 ドラクエが出た当時であれば人類はまだまだRPGについて詳しくなかったから「民家のタンスも調べられるんだ！スゲー！なんか強い防具みつけた！」で感動できた。 で
プロダクトを体系的にレビューし、ユーザビリティと体験に関する潜在的な問題を見つける方法をステップごとに説明する。ヒューリスティック評価のテンプレートを無料でダウンロードしよう。 How to Conduct a Heuristic Evaluation by Kate Moran and Kelley Gordon on June 25, 2023 日本語版2023年11月15日公開 ヒューリスティック評価は、ユーザーインタフェースのデザインに関する問題を特定するための手法である。評価者は、システムを利用しやすくするための一連のガイドライン（これをヒューリスティックスという）に照らしてデザインを評価する。（このツールが開発された経緯や理由について、さらに詳しくは、ヤコブ・ニールセンによる1994年の記事「The Theory Behind Heuristic Evaluations」（ヒュ
動物小脇に抱えてレジに行くの、幸せな気持ちになりそう
30分で理解する、AWS の WEB Front-end Strategy / Serverless Front-end Strategy
AWS クラウドでは Front-end をどのように捉えてサービスを展開しているのでしょうか？ 特に開発者や事業者にとって UI/UX やエッジでのクラウド利用が以前にもまして重要になってきています。本セッションでは AWS での Front-end 技術をおさらいしつつ、最新の機能にも触れてご紹介したいと思います。
インターネット予約のおかげで、新幹線の移動はとても便利になった。交通系ICカードと予約情報をひも付ければきっぷは不要。しかし便利なのは移動が新幹線で完結する場合だけで、在来線を乗り継いだり、一筆書き経路では窓口がないとお手上げだ。ところがその窓口が激減している。 インターネット予約のおかげで新幹線の移動はとても便利になった。会員情報として交通系ICカードを登録し、予約情報をひも付けるときっぷは不要。自動改札を通って、乗車して、下車して、自動改札を通れば移動完了だ。 最近は、JR東海の予約サービス「EXアプリ」を開いたら、新型車両「N700S」を使用する列車がマークで明示されるようになっていた。 「N700S」はビジネス向け普通車「S Work 車両」に1.5人掛け「S Work Pシート」を備えているほか、車内Wi-Fiサービスも強化されている。従来は列車一覧表ですべて「N700系」とくく
:user-valid & :user-invalid擬似クラスが来た！ - What's new in Browsers!
What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 119の更新内容から気になるトピックとして、:user-valid擬似クラスと:user-invalid擬似クラスを紹介します。 ユーザーの操作後に検証が行えるようになった :user-validと:user-invalidはどちらもフォームなどの入力要素の検証の状態に対してスタイルの指定などが行える疑似クラスになります。 検証の状態とは、例えば<input type="email" required />な要素では入力されていない場合やemailとして許容されない文字列が入力がされている場合はinvalidな状態になり、emailとして許容される文字列が入力されている場合にはvalidな状態となります。 :validと
インターネットユーザー。電子工作でオリジナルの処刑器具を作ったり、辺境の国の変わった音楽を集めたりしています。「技術力の低い人限定ロボコン（通称：ヘボコン）」主催者。1980年岐阜県生まれ。 本『雑に作る ―電子工作で好きなものを作る近道集』（共著）がオライリーから出ました！ 前の記事：なぜ消えてしまったの… 忘れられない販売終了品を語る 第４回 クイッククエンチ、かわりんぼ、 チーズバイツ… ＞ 個人サイト nomoonwalk モノタロウの電池がおもしろい ちょっと前にモノタロウ（業務用の資材通販サイト）からチラシが届いて、そこに載っている電池のデザインがおもしろかった。 商品ページより。単3とか単4とかを表す数字がでかくてすごいインパクト おもしれー！と思って同僚に見せたらみんなウケていたが、見方を変えれば誰でも間違えにくいユニバーサルデザインでもある。 あるいはもしかしたら、サイズ
ボトムシートとは、モバイルアプリでよく用いられるユーザーインタフェースのパターンで、画面の下部領域にコンテキストに合った詳細やコントロールを提供するためのものである。 Bottom Sheets: Definition and UX Guidelines by Page Laubheimer on June 11, 2023 日本語版2023年11月1日公開 モバイルデバイスで、コンテキストに応じたコントロールを目立たせてアクセスしやすくすることは容易ではない。小さな画面では、情報やコントロールは関連性が生じるまで非表示にしておかなければならない場合もあるからだ。 ボトムシートは部分的なオーバーレイの一種で、特にモバイルデバイスに適しており、一時的に重要な情報の閲覧しやすさと消しやすさを同時に実現する。 定義：ボトムシートとは、モバイルデバイスの画面の下端に配置され、詳細情報やアクションを
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
時を駆けるモバイルアプリUI設計: 2007-2023の理論とトレンドを調べてみた | フューチャー技術ブログ
※この記事は、秋のブログ習慣2023の２本目の記事となります はじめに2023年の秋、スマートフォンやタブレットは私たちの日常生活に欠かせない存在となっています。 これらのデバイスに対するアプリケーション開発の中でも、UI(User Interface)とUX(User Experience)設計の議論については欠かすことができません。 「UI」という単語は広範囲にわたる意味を持ちますが、今回は「モバイルアプリのUI設計」という文脈に焦点を絞り、その理論の歴史とトレンドについて調べてみました。 モバイルアプリのUI設計について優れた「モバイルアプリのUI」は、どのようなものがあるでしょうか？ イメージしやすいものだと、以下のようなものがあります。 ボタンの色や配置がわかりやすい。ホームボタンであれば家の形をしていたり、検索ボタンでは虫眼鏡の形をしているなどタップしたときに何が起こるのか、ユ
あたしは自他ともに認めるサイゼリヤエンスージアストなんですが、昨夕、出先でWiFiが使いたくなって近くにあったサイゼリヤに立ち寄った際、なんとオーダーシステムが顧客自身のスマホを使ったセルフオーダーシステムに変わっていました。 （店員さんにお聞きしたところ、現時点では全国で数店舗だけの試験導入段階とのこと） あたしが体験したオーダー手順は以下のとおりです。 １．席に設置してある電子棚札（※）に表示された席番ごとのQRコードをスマホで読み取る ※電子棚札：スーパーにあるようなダイナミックに表示情報を変更できるeインク値札 テーブルの電子棚札２．手元のスマホには、テンキーインタフェースだけが表示される スタート画面 人数選択画面メニュー番号入力画面３．グランドメニューのメニュー番号を見ながら4桁の商品番号をテンキー入力 ※通常店ではBR01、WN01など、商品カテゴリと2桁数字の作番マナーだが
![[UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori)](https://cdn-ak-scissors.b.st-hatena.com/image/square/330669af7db838a020002d6d3196e858c8610b6d/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F117428106%2Frectangle_large_type_2_e4651af9191b689c61cffb95fe3f9ca9.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
こんにちは！ プロダクトマネージャーのじょー（@jouykw）です。 昨年末よりスマートバンクにジョインし、過去弊社の別ブログでも紹介した「Think N1シート」を活用しながら、スマートバンク流の課題定義のリサーチにチャレンジする日々を送っております。 が、同じ成果物フォーマットに沿って課題を定義しているつもりが、作成した課題定義をまわりのメンバーに見てもらうとイマイチしっくり来ないかも？というフィードバックをもらう苦しい日々が続いておりました。 そこで、PMやリサーチャーなどスマートバンクの先輩方の協力をいただき、普段課題リサーチのプロセスの中でどのようなことをやっているのかを順を追って二人三脚で実施し、その過程を事細かにリバースエンジニアリングさせて頂いた結果、今まで粗い粒度でしか捉えられていなかった課題定義のリサーチプロセスにも、ある程度進め方のコツらしきものがあるのではないかとい
認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介
認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介 この記事の目的 ここ数年で、ソフトウェア開発やプログラミングの文脈で、「認知負荷」 および 「認知負荷理論」 という用語をよく見聞きするようになりました。私が今思い出せるだけでも、以下のような書籍や Podcast で重要なキーワードとして取り上げられています。 A Philosophy of Software Design, 2nd Edition チームトポロジー 価値あるソフトウェアをすばやく届ける適応型組織設計 プログラマー脳 ～優れたプログラマーになるための認知科学に基づくアプローチ fukabori.fm 102. A Philosophy of Software Design (3/3) w/ twada この「認知負荷」ですが、少なくとも近年見聞
『こういうのでいいんだよこういうので』ホテルで見かけたハイテク技術がこちらです「何でもかんでもデジタルにする事を“アイデア”とは言わない」
Takashi Okumura @tweeting_drtaka こういうのを、サイネージとかスマホアプリとかWeb 5.0とかNFCとかにしないと気が済まない人がいるんですよね。twitter.com/tweeting_drtak… 2023-10-19 22:07:15
＜Ver.1.0＞ 社会の変化や、サステナビリティの観点で注目されている「行動変容」についてまとめています。 ＜シェア・共有歓迎です＞ ■解説＆ディスカッション会 こちらの資料をベースに、簡単な解説＆皆さんとのディスカッションをしました。 10/18(水) 上のイベントはすでに終了しましたが、今後も様々な形で機会を作っていきますので、 参加ご希望の方はこちらのフォームから登録をお願いします https://forms.gle/hE2TdftWWmYa2xa36
この記事は毎週必ず記事がでるテックブログ "Loglass Tech Blog Sprint" の 9 週目の記事です！ 1年間連続達成まで 残り 44 週 となりました！ はじめに こんにちは、株式会社ログラスでエンジニアの浅井（@mixplace）です。開発チームのいちメンバーとして、チームの開発生産性改善を行う傍ら、デザインシステムの構築に携わっています。 ログラスもプロダクトローンチをして 3 年が経ちました。日々新しい機能の追加や改修が入っていく中で、開発チームも増え、チーム内でアウトカムを出していくことが増えてまいりました。 機能が増え画面数も増えてくると、比例するように「UX負債」や「共通UIコンポーネントの技術的負債」も目に付くことが増えてくるようになります。 このような課題について、プロダクト全体の品質や一貫性担保する観点で「デザインシステム」を構築して運用していくことが
2 松本 和高 株式会社エクスプラザ リードエンジニア X: _mkazutaka Github: mkazutaka 18年にバックエンドエンジニアとしてメルカリに入社。その後、ミラ ティブ、フリーランスを得て株式会社エクスプラザに所属。フロント エンドからバックエンドまで幅広く開発しています。趣味で、FXの自 動売買Botを作成している 現在08/30に第一子が生まれ現在育休中 https://note.com/mkazutaka/n/n9f0e2c4dee96 CONFIDENTIAL INFORMATION: Not for Public Distribution - Do Not Copy 3 株式会社エクスプラザ （EXPLAZA, Inc.） 会社名 プロダクトの力で、豊かな暮らしをつくる ミッション 代表取締役CEO 高橋一生 代表者 2020年07月03日 設
コンビニ御三家、なぜセブンは違うの？ ファミマとローソンは「完全セルフレジ」を導入：経済の「雑学」（1/2 ページ） 昨今、目にすることが増えたセルフレジ。特にランチタイムのオフィスビルでは、入居しているコンビニのレジが混雑することも珍しくありません。そんなとき、行列を尻目に意外と空いているセルフレジを使ったことがある人も多いはず。 この、コンビニとセルフレジをめぐって意外な事実をご存じでしょうか。「コンビニ御三家」のうち、ファミリーマートとローソンは無人のセルフレジを導入しています。しかし、業界トップのセブン-イレブン（以下、セブン）は無人のセルフレジではなく「セミセルフレジ」の導入を進めています。 「セルフレジ」最も早かったのはローソン 3社のうち、セルフレジの導入が早かったのはローソンです。混雑緩和やサービス向上を目的に、2010年6月に導入を開始しました。その後、ファミリーマートも
X「返信・リポスト・いいね」の数を非表示に マスクが宣言 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
イーロン・マスクは、X（旧ツイッター）のタイムラインに表示するものを減らし「よりクリーンな」見た目にするという新ビジョンを掲げている。そのためには、基本的な機能や使い勝手が犠牲になることもいとわない。ニュース記事の見出し削除に続き、今度は返信やリポスト（リツイート）、いいねのデータをタイムラインから削除する予定だ。 マスクは今週、記事へのリンクを含む投稿でこれまで表示していた記事の見出しと本文の一部を削除し、左端に小さくドメイン名のみを表示した画像だけを残すという仕様変更を行った。これはマスクがかねて宣言していたもので、見た目をすっきりさせることが目的とされる。またマスクの支持者たちは、これにより、紛らわしいタイトルなどでクリックを誘発する「クリックベイト」も減らせると主張している。 もちろん、実際にはその逆だ。この仕様変更により、実際の記事内容とはまったく異なるテキストをつけて、あたかも
kato @kuromitsu_ka なんでwebで済ませられる尚且つ頻繁にログインしなさそうなサービスまで、アプリにしたがるんだろうなぁ。チケットサービスとかさ。オフラインでの現地操作も特に無い様なやつとかさ。アプリは、webよかハードのリソース少ないとはいえ、開発もあるし運用もタダやないし。運営側にメリットあるんかな。 2023-10-04 00:44:17 kato @kuromitsu_ka 例えばさ、スーパーのアプリなんかスマホに必要なんか？イオングループみたいな大企業で、アプリ内に〇〇payやってない限りアプリやなくて良くない？チラシの通知も、LINEでいいじゃんか。やるにしてもPWAとか、webのショートカットをホーム画面に残す手順をサイトか店頭に掲示したらいいじゃんよ…。 2023-10-04 14:19:49
はじめにこんにちは！つむです🐈 8月より社内で実施するchatGPTをフル活用したUI勉強会を実施しています📚 開催までの背景や内容決定までのプロセス、プログラムをご紹介します🚩 使用するペルソナ・ユーザーストーリー・情報アーキテクチャ図を生成するプロンプトも公開しますのでぜひご覧ください✨ 自己紹介2022年KDDIにUXデザインコースで新卒入社（KDDIアジャイル開発センターに兼務出向中） auショップ向けDX施策やワーケーション施設検索サービス「タビトシゴト」などでUIUXを担当 背景UI業務多いのにUIデザイナーが少ないKAGデザイナーは基本的に上流を主戦場に置くUXデザイナーやサービスデザイナーとして業務をしている方が多いです。 しかし私は学生の頃からUIが得意たっだため最初はUIデザイナーからスタートし、徐々に上流へ足を広げる方針にしていただきました🙌 配属直後はUIデ
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改善アイデアを
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2023 - Most Viewed Decks
ChatGPTを活用したUI勉強会のススメ
まもなくやってくる消滅のために｜UXライターより｜岡田麻沙
日本産のソフトの品質や使い勝手が著しく低い理由は？に関する、引用RT、リプライ、保存用まとめ
【ゼロから始める】✨UI設計✨ - Qiita
『オブジェクト指向 UI デザイン』 に書かれていないもの｜ai
いろんなウェブサービスにパスキーでログインしてみる
「ダークパターンレポート2023」を公表。ECサイトやアプリでの購入経験者799人への意識調査
Googleマップの新しい外観に元Googleマップデザイナーが苦言
JavaScript なしで動作するモダンなコードの書き方
スーパーマリオRPGの面白さが未だに分からない人間に教えて上げる
ヒューリスティック評価を実施する方法
カフェで『お会計の際にはこの動物をお持ちください』って言われて嬉しかった「良いシステム」「忘れられない場所になりそう」
利用されない指定席券売機 やっぱり「駅の窓口廃止」は間違っている
アルカリ電池がピカピカじゃなくなり、白地にでかい数字の時代に
ボトムシート：定義とUXガイドライン
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
[UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori)
ユーザーリサーチの勘所: 行動パターンを見つけてユーザーの課題に共感しよう - inSmartBank
行動変容 自分と世界を変える技術 / Behavior change techniques
エンジニアがデザインシステムの構築に向けて、UX改善と両立して取り組んだ話
社内情報検索システムで用いられるRAGの4つの実装方法
コンビニ御三家、なぜセブンは違うの？ ファミマとローソンは「完全セルフレジ」を導入
なんで頻繁に使わなさそうなサービスまでアプリにしたがるの→思った以上に一般人はITリテラシーが高くない
ChatGPTをフル活用したUI勉強会！プロンプトも大公開｜つむら