ネット経由で更新できず、10年近く使われ続ける想定でつくる、船舶の状態を監視する組み込み機器のUI刷新です。
実機に触れない中で業務を理解し、20近くあったメニューを「対象から選ぶ」構造へ組み替えた過程をたどれます。
10年使われるUIをつくる @aitria_design
note.com/aitria_design/…
実機に触れない中で業務を理解し、20近くあったメニューを「対象から選ぶ」構造へ組み替えた過程をたどれます。
10年使われるUIをつくる @aitria_design
note.com/aitria_design/…
0
0
1
363
AIに任せる範囲を広げるより、人が確認する場所を絞る。そこに行き着いた記録です。
測れるコントラスト比はAIに任せて文字色52か所を直し、CTAボタンの色はブランド判断として保留にしています。
デザインはAIに任せきれない。だから手を入れる場所を決めた @Lovanaut
note.com/lovanaut/n/nc9…
測れるコントラスト比はAIに任せて文字色52か所を直し、CTAボタンの色はブランド判断として保留にしています。
デザインはAIに任せきれない。だから手を入れる場所を決めた @Lovanaut
note.com/lovanaut/n/nc9…
1
3
9
1,379
「次へ」ではなく「本人確認へ進む」。押した後に起きることを書く。三菱UFJ銀行のCXデザイン室は、文言のルールも横断ガイドラインとして整備中。
開発前にプロトタイプを経営層や関係者が触る「UXコミッティ」の話も。
「伝わる体験」の設計【後編】JTCAの座談会です。
note.com/jtca_org/n/n45…
開発前にプロトタイプを経営層や関係者が触る「UXコミッティ」の話も。
「伝わる体験」の設計【後編】JTCAの座談会です。
note.com/jtca_org/n/n45…
0
1
11
1,083
レビューの前に、トークンの適用などをAIに見てもらう仕組みです。
約1か月・20件の結果では、mustの半分近くが機械で見つけられる不備でした。「ルールは、書いた場所で効く」という学びも残しています。
AIセルフレビューを導入・改善した記録 @t_mifuru
note.com/t_mifuru/n/na0…
約1か月・20件の結果では、mustの半分近くが機械で見つけられる不備でした。「ルールは、書いた場所で効く」という学びも残しています。
AIセルフレビューを導入・改善した記録 @t_mifuru
note.com/t_mifuru/n/na0…
0
1
12
1,163
「保存できたと思って画面を閉じたら、消えていた」。Figmaのどの画面にも、原因は見当たりません。
迷いはたいてい駅と駅をつなぐ線路の上にあります。矢印に時間とそのあいだにできること、失敗時の戻り先を書き足してみませんか。
カンプは「駅」を描く。 @dorisukeone
note.com/dorisukeone/n/…
迷いはたいてい駅と駅をつなぐ線路の上にあります。矢印に時間とそのあいだにできること、失敗時の戻り先を書き足してみませんか。
カンプは「駅」を描く。 @dorisukeone
note.com/dorisukeone/n/…
0
1
12
1,182
画面ごとに「更新日時」「最終更新日時」と、同じ情報の名前が揺れていないでしょうか。
UIラベルも色と同じようにトークンにできるのか。共通化で意味を失わないための線引きを探る記事です。
UIラベルはデザインシステムのテキストトークンにできるか @nkzw_ant
note.com/nkzw_a/n/n2047…
UIラベルも色と同じようにトークンにできるのか。共通化で意味を失わないための線引きを探る記事です。
UIラベルはデザインシステムのテキストトークンにできるか @nkzw_ant
note.com/nkzw_a/n/n2047…
0
0
0
450
AIが出すUIが「それっぽいけれど惜しい」とき、どこでずれたのかは見えません。
要求とUIのあいだの判断をゴールから逆算して1枚に並べると、惜しいときにUIではなく判断のほうを直せます。
プロトタイプ駆動のための「インテント・リバースマップ」 @17_3840
note.com/daiki_miyajima…
要求とUIのあいだの判断をゴールから逆算して1枚に並べると、惜しいときにUIではなく判断のほうを直せます。
プロトタイプ駆動のための「インテント・リバースマップ」 @17_3840
note.com/daiki_miyajima…
1
4
88
5,954
Figmaの新機能を前に、MIXIのデザイナーの座談会で何度も出たのは「すごい」「楽しい」、「でも、何に使う？」でした。
アノテーションの一括移動には「つい最近、同じことを全部手作業でやった」の声も上がりました。
Figma新機能を、MIXIのデザイナーが実務で試してみた
note.com/mixi_design/n/…
アノテーションの一括移動には「つい最近、同じことを全部手作業でやった」の声も上がりました。
Figma新機能を、MIXIのデザイナーが実務で試してみた
note.com/mixi_design/n/…
0
3
80
7,562
制作をAI前提に見直し、横断を担う専任チームもなくなったとき、何を課題と捉え直すか。
「横断の専任チームがいない」ことを「各事業部の知見のサイロ化」と読み替えた、GMOペパボのデザインリードの登壇レポート。
共創とリフレーミング｜Designship 2026 @getsukikyu
note.com/getsukikyu/n/n…
「横断の専任チームがいない」ことを「各事業部の知見のサイロ化」と読み替えた、GMOペパボのデザインリードの登壇レポート。
共創とリフレーミング｜Designship 2026 @getsukikyu
note.com/getsukikyu/n/n…
0
2
6
1,524
誤送信や公開範囲の取り違えのような人のミスが起きるのは、いつも画面の上です。
取り消せない操作にはあえて摩擦を置き、安全なほうは一番楽な道にしておくという、画面の側でできる守り方です。
セキュリティは、UIデザインでも守れる @dorisukeone
note.com/dorisukeone/n/…
取り消せない操作にはあえて摩擦を置き、安全なほうは一番楽な道にしておくという、画面の側でできる守り方です。
セキュリティは、UIデザインでも守れる @dorisukeone
note.com/dorisukeone/n/…
0
0
5
806
プレオープン前、どんな花が咲くかも分からない花畑をどう告知するか。
合成写真に頼らないボタニカルイラストから、現場が自分で更新できるPOPまで、再建に向けたデザインの判断が対談で語られています。
八ヶ岳農業大学校の再建に挑むVisionalデザイナー @ALLVISIONAL
note.com/allvisional/n/…
合成写真に頼らないボタニカルイラストから、現場が自分で更新できるPOPまで、再建に向けたデザインの判断が対談で語られています。
八ヶ岳農業大学校の再建に挑むVisionalデザイナー @ALLVISIONAL
note.com/allvisional/n/…
0
0
0
408
静止画で「ここはこう動く想定です」と説明しても、触った感覚まではそろいません。
Claudeで作った動くプロトタイプを会議に持ち込むと、見た目に加えて「迷わず操作できるか」を話しやすくなったといいます。
会議での「問い」が変わった話 @azusa_design_7
note.com/azu_japan/n/n7…
Claudeで作った動くプロトタイプを会議に持ち込むと、見た目に加えて「迷わず操作できるか」を話しやすくなったといいます。
会議での「問い」が変わった話 @azusa_design_7
note.com/azu_japan/n/n7…
0
1
22
1,423
産休で約1年離れる前に、デザイン組織でただ一人のUXライターが、自分の判断軸をAIで使えるSkillsにまとめました。
残したのは過去の正解集ではなく、「どこまで判断してよいか」と「どこで止まるか」の線引きです。
「誰もがUXライターになれる」 @lydesign_jp
note.com/lydesign_jp/n/…
残したのは過去の正解集ではなく、「どこまで判断してよいか」と「どこで止まるか」の線引きです。
「誰もがUXライターになれる」 @lydesign_jp
note.com/lydesign_jp/n/…
0
3
46
2,712
案件に入ると、Claude Code製のプロトタイプがもうあった。
それでもエンジニアが詳細設計で頼ったのは、ユースケースに合わせて組み直したデザイナーのプロトタイプでした。同じ「プロトタイプ」でも目的が違った、という話です。
AIのプロトタイプは不完全な理想形
note.com/cassisdesign/n…
それでもエンジニアが詳細設計で頼ったのは、ユースケースに合わせて組み直したデザイナーのプロトタイプでした。同じ「プロトタイプ」でも目的が違った、という話です。
AIのプロトタイプは不完全な理想形
note.com/cassisdesign/n…
0
0
45
2,636
駅のエレベーターを、必要な人に譲ってもらうには。
思いやりではなく「困っている事実」を伝える文言に、目立つ色面を組み合わせた表示で、駅での実験では一般の利用が3割減り、車いすやベビーカーの利用は最大7割増えました。
社会課題は、正しさだけでは変えられない
note.com/ued_note/n/n66…
思いやりではなく「困っている事実」を伝える文言に、目立つ色面を組み合わせた表示で、駅での実験では一般の利用が3割減り、車いすやベビーカーの利用は最大7割増えました。
社会課題は、正しさだけでは変えられない
note.com/ued_note/n/n66…
0
0
0
310
UIが数秒で出るいま、デザイン会社の価値はどこへ移るか。
UI/UXと開発の会社代表が、4つの機能が重要になる順番の見立てを半年で改めた経緯と、AI前提でデザインシステムを「制約資産」と見る視点を書いています。
デザインエンジニアリングはどう変わったのか @you_shiba
note.com/yoichiro_shiba…
UI/UXと開発の会社代表が、4つの機能が重要になる順番の見立てを半年で改めた経緯と、AI前提でデザインシステムを「制約資産」と見る視点を書いています。
デザインエンジニアリングはどう変わったのか @you_shiba
note.com/yoichiro_shiba…
0
2
31
2,351
note DESIGN retweeted
いよいよ明日10/29（木）は「デザインハーネス The Beginning」です📣
ファインディ、TechTalk、ハンディ、Gaji-Labo、noteの5社が、デザインハーネスを始めて運用するまでの試行錯誤を話します！
peatix.com/event/5209279 #初めてのデザインハーネス
ファインディ、TechTalk、ハンディ、Gaji-Labo、noteの5社が、デザインハーネスを始めて運用するまでの試行錯誤を話します！
peatix.com/event/5209279 #初めてのデザインハーネス
0
9
38
9,466
インタビューの代わりにAIのペルソナに聞けばいいのか。
設問の言い回しを試す予備テストや、基準に沿った振り分けは任せられても、テーマの立ち上げと引用の選択は人が原文と照らす必要がある、という線引きです。
混合研究法の調査をLLMにどこまで任せられるのか @ynbr
note.com/kasano/n/nc8a7…
設問の言い回しを試す予備テストや、基準に沿った振り分けは任せられても、テーマの立ち上げと引用の選択は人が原文と照らす必要がある、という線引きです。
混合研究法の調査をLLMにどこまで任せられるのか @ynbr
note.com/kasano/n/nc8a7…
0
0
2
440
画面を量産できるいま、詰まるのはむしろレビューです。
デザインシステムを、計算で決まる判定と推論の要る採点の2段で、出力を確かめる仕組みに組み直す提案です。ダメな出力を集めて分けるところから始められます。
AI時代のデジタルプロダクトデザインの今 @kgsi
note.com/kgsi/n/n20675a…
デザインシステムを、計算で決まる判定と推論の要る採点の2段で、出力を確かめる仕組みに組み直す提案です。ダメな出力を集めて分けるところから始められます。
AI時代のデジタルプロダクトデザインの今 @kgsi
note.com/kgsi/n/n20675a…
0
5
43
4,481
入力が済むまで押せない確認ボタンは、画面が見づらい人や読み上げを使う人にはないように見えます。
au PAY マーケットのお問い合わせページでは、押せるままにして直す場所を示し、オレンジとコントラスト比の折り合いも決めました。
お問い合わせページ改修の工夫と成果
note.com/aucl_engr_blog…
au PAY マーケットのお問い合わせページでは、押せるままにして直す場所を示し、オレンジとコントラスト比の折り合いも決めました。
お問い合わせページ改修の工夫と成果
note.com/aucl_engr_blog…
0
0
4
688