Pinned Tweet
UIレビューで
「分かりにくいですね」
↓
「じゃあ説明を足しましょう」
この改善、
だいたい逆効果です。
「分かりにくいUI」は、だいたいUIデザインのせいじゃない｜アオキタカユキ / iCARE UI Designer @dorisukeone note.com/dorisukeone/n/…
「分かりにくいですね」
↓
「じゃあ説明を足しましょう」
この改善、
だいたい逆効果です。
「分かりにくいUI」は、だいたいUIデザインのせいじゃない｜アオキタカユキ / iCARE UI Designer @dorisukeone note.com/dorisukeone/n/…
0
28
350
47,036
AIは、決めた単位で漏れなく数えるのが得意です。
人は、押してみて「あれ？」と手が止まるのが得意です。
片方の気づきが、もう片方の点検の単位を変える。その往復で抜けが減っていきました。
note.com/dorisukeone/n/…
人は、押してみて「あれ？」と手が止まるのが得意です。
片方の気づきが、もう片方の点検の単位を変える。その往復で抜けが減っていきました。
note.com/dorisukeone/n/…
0
0
0
118
怪しい副業の募集に応募してみました。1日5分、報酬100円。
契約のあとに届いたフォームは、送らずに閉じました。画面の設計として、よくできていたからです。
人を先に進ませる部品を、UIデザイン観点で分解しました。
note.com/dorisukeone/n/…
契約のあとに届いたフォームは、送らずに閉じました。画面の設計として、よくできていたからです。
人を先に進ませる部品を、UIデザイン観点で分解しました。
note.com/dorisukeone/n/…
1
1
9
583
画面の作り漏れを探すとき、画面ではなく操作を単位にしてみてください。
・ユーザーができる操作を書き出す
・操作ごとに「押す前」と「押したあと」を並べる
・「押したあと」が空欄なら、それが状態漏れ
note.com/dorisukeone/n/…
・ユーザーができる操作を書き出す
・操作ごとに「押す前」と「押したあと」を並べる
・「押したあと」が空欄なら、それが状態漏れ
note.com/dorisukeone/n/…
0
0
0
84
noteの「今日の注目記事」に選んでいただきました。うれしいです。
行き止まりゼロのプロトタイプに、押したあとの画面が無いリンクが残っていた話です。
読んでくださった方、ありがとうございます。
note.com/dorisukeone/n/…
行き止まりゼロのプロトタイプに、押したあとの画面が無いリンクが残っていた話です。
読んでくださった方、ありがとうございます。
note.com/dorisukeone/n/…
0
0
2
217
アオキタカユキ｜UIで思考のズレを言語化 retweeted
11/18発売のSoftware Design 12月号で、特集「AIスロップから脱却する エンジニアのためのUI入門」を執筆担当しました！
デザインハーネスの考え方を、デモのデザインシステムを題材にコード付きで解説しています。 よろしければぜひ買って読んで〜！📚
Software Design 2026年12月号
gihyo.jp/magazine/SD/ar…
デザインハーネスの考え方を、デモのデザインシステムを題材にコード付きで解説しています。 よろしければぜひ買って読んで〜！📚
Software Design 2026年12月号
gihyo.jp/magazine/SD/ar…
1
11
48
3,431
アオキタカユキ｜UIで思考のズレを言語化 retweeted
【次号予告】2026年11月18日発売『Software Design 2026年12月号』本体1,420円＋税、gihyo.jp/magazine/SD/ar…
0
50
232
20,914
アオキタカユキ｜UIで思考のズレを言語化 retweeted
今月発売のSoftware Designで特集記事を書かせていただきました！
第2特集の第一章で、UIデザインをなぜ今学ぶ必要があるのか？というテーマで書いているので、ぜひ読んでみてください！
第2特集の第一章で、UIデザインをなぜ今学ぶ必要があるのか？というテーマで書いているので、ぜひ読んでみてください！
次号『Software Design 2026年12月号』の予告が公開されました。11月18日（水）発売です。
第1特集： 障害を切り分ける技術
第2特集： エンジニアのためのUI入門
どちらの特集も、まだAIだけに任せられない分野であり、人間が学び習得する価値のあるスキルです。
Amazonなどではすでに予約開始しています。
1
16
63
4,106
64画面、148か所の遷移。何回点検しても「行き止まりなし」でした。
それでも自分で押してみると、押したあとの画面が無い操作が出てきました。
点検の単位を、画面から操作に変えたら5件見つかった話です。
note.com/dorisukeone/n/…
それでも自分で押してみると、押したあとの画面が無い操作が出てきました。
点検の単位を、画面から操作に変えたら5件見つかった話です。
note.com/dorisukeone/n/…
0
1
7
670
Software Design 12月号の第2特集「AIスロップから脱却する エンジニアのためのUI/UX入門」で、第2章を書きました。
デザイナーのいない現場で、画面を直す順番の話です。
①階層→②配置→③反応→④文字→⑤色→⑥文言
11/18発売、予約受付中です。
amzn.asia/d/02dXFr8z
デザイナーのいない現場で、画面を直す順番の話です。
①階層→②配置→③反応→④文字→⑤色→⑥文言
11/18発売、予約受付中です。
amzn.asia/d/02dXFr8z
【次号予告】2026年11月18日発売『Software Design 2026年12月号』本体1,420円＋税、gihyo.jp/magazine/SD/ar…
1
7
16
1,665
行き止まりゼロのプロトタイプでした。
でも、押したあとの画面が無いリンクが残っていました。画面に出口が1本でもあれば、行き止まりの点検はすり抜けます。
画面ではなく「押したら、どうなる？」で点検するUIデザインの話を書きました。
note.com/dorisukeone/n/…
でも、押したあとの画面が無いリンクが残っていました。画面に出口が1本でもあれば、行き止まりの点検はすり抜けます。
画面ではなく「押したら、どうなる？」で点検するUIデザインの話を書きました。
note.com/dorisukeone/n/…
0
2
4
445
画面の状態はデザイナーが描く。
矢印はエンジニアが動かす。
仕様書には「保存する」と1行。
では「保存しているあいだ」の画面は誰が決めるのか。
駅で仕事を分けると、線路がちょうど境目に落ちる。
だから、デザイナーが拾いにいく価値があると思っています。
note.com/dorisukeone/n/…
矢印はエンジニアが動かす。
仕様書には「保存する」と1行。
では「保存しているあいだ」の画面は誰が決めるのか。
駅で仕事を分けると、線路がちょうど境目に落ちる。
だから、デザイナーが拾いにいく価値があると思っています。
note.com/dorisukeone/n/…
0
0
3
338
「押したのに反応しなかった」
「保存したはずなのに消えていた」
Figmaに並べた状態のどれを見ても、この問題は見つかりません。
起きているのは、画面と画面のあいだ。カンプには映らない「線路」の話です。
note.com/dorisukeone/n/…
「保存したはずなのに消えていた」
Figmaに並べた状態のどれを見ても、この問題は見つかりません。
起きているのは、画面と画面のあいだ。カンプには映らない「線路」の話です。
note.com/dorisukeone/n/…
0
0
1
269
カンプが描いているのは、状態という「駅」です。
でも、ユーザーが迷うのは駅と駅のあいだ。二度押しも、データが消えるのも、たいてい「線路」の上で起きています。
状態と状態のあいだをUIデザインする話を書きました。
note.com/dorisukeone/n/…
でも、ユーザーが迷うのは駅と駅のあいだ。二度押しも、データが消えるのも、たいてい「線路」の上で起きています。
状態と状態のあいだをUIデザインする話を書きました。
note.com/dorisukeone/n/…
0
1
8
440
外部の3Dモデルを読み込まず、数式だけで頂点をリアルタイムに変形させ、質感と反発を作る。
three.jsは重いアセットに頼らなくても、パラメータのチューニング次第で驚くほど生々しい「手ざわり」を表現できます。
note.com/dorisukeone/n/…
three.jsは重いアセットに頼らなくても、パラメータのチューニング次第で驚くほど生々しい「手ざわり」を表現できます。
note.com/dorisukeone/n/…
0
1
5
730
スクイーズって、汚れるのイヤじゃないですか。でも触りたい。
なので、ブラウザでさわれるスクイーズを作りました。
押して、つまんで、伸ばせる。形は9種類、トッピングや袋も選べます。
PCならカメラに手をかざして、手でもさわれます🖐
squeeze-three.vercel.app
#スクイーズ #threejs
なので、ブラウザでさわれるスクイーズを作りました。
押して、つまんで、伸ばせる。形は9種類、トッピングや袋も選べます。
PCならカメラに手をかざして、手でもさわれます🖐
squeeze-three.vercel.app
#スクイーズ #threejs
0
1
4
334
下流ほど直すコストは膨らむ。だから上流で食い止めよう。よく聞く話です。
でも要件の穴は、画面にしてはじめて見えることが多い。
UIデザインは、要件の穴にいちばん早く気づく場所なのだと思います。
note.com/dorisukeone/n/…
でも要件の穴は、画面にしてはじめて見えることが多い。
UIデザインは、要件の穴にいちばん早く気づく場所なのだと思います。
note.com/dorisukeone/n/…
0
10
85
5,062
日本の入力フォームが長いのは、デザインが遅れているからではないかもしれない。
「型を守れば責められない」という江戸時代からの証文文化が、いまの画面にも残っている気がします。
note.com/dorisukeone/n/…
「型を守れば責められない」という江戸時代からの証文文化が、いまの画面にも残っている気がします。
note.com/dorisukeone/n/…
1
3
7
880
漏えい事故は、6割強が不正アクセス。
でも個人情報保護委員会への報告まで広げると、件数で多いのは誤送付や誤交付といった人の取り違えでした。
ニュースになるのは大きな攻撃。日々起きているのは人の間違い。
だから、UIデザインでできるセキュリティを考えてみました。
note.com/dorisukeone/n/…
でも個人情報保護委員会への報告まで広げると、件数で多いのは誤送付や誤交付といった人の取り違えでした。
ニュースになるのは大きな攻撃。日々起きているのは人の間違い。
だから、UIデザインでできるセキュリティを考えてみました。
note.com/dorisukeone/n/…
0
2
24
1,657
これまで、説明を作るのは送り手の仕事でした。
でも受け手がそれぞれAIを持っているなら、
同じ情報から、自分向けの説明を各自で作れます。
説明は、送り手が作るものから、受け手が作るものになっていく。
note.com/dorisukeone/n/…
でも受け手がそれぞれAIを持っているなら、
同じ情報から、自分向けの説明を各自で作れます。
説明は、送り手が作るものから、受け手が作るものになっていく。
note.com/dorisukeone/n/…
0
1
2
402
機能Aもよくできている。機能Bも単体なら使いやすい。
なのに、AからBに移るところで、ユーザーが止まる。
これはUIの細部の問題というより、
プロダクトが「タテに強くて、ヨコに弱い」状態なんだと思います。
note.com/dorisukeone/n/…
なのに、AからBに移るところで、ユーザーが止まる。
これはUIの細部の問題というより、
プロダクトが「タテに強くて、ヨコに弱い」状態なんだと思います。
note.com/dorisukeone/n/…
0
0
0
323