アオキタカユキ｜UIで思考のズレを言語化

UIデザイナー｜プロダクト開発

ボタンを直しても
なぜか迷われるUI。

それを
「デザインの問題」で終わらせず、
思考・前提・組織のズレとして言語化します。

PdM / デザイナー / エンジニア向け。

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

UIレビューで
「分かりにくいですね」
↓
「じゃあ説明を足しましょう」
この改善、
だいたい逆効果です。

「分かりにくいUI」は、だいたいUIデザインのせいじゃない｜アオキタカユキ / iCARE UI Designer @dorisukeone https://t.co/HxASgRdlrI

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

外部の3Dモデルを読み込まず、数式だけで頂点をリアルタイムに変形させ、質感と反発を作る。

three.jsは重いアセットに頼らなくても、パラメータのチューニング次第で驚くほど生々しい「手ざわり」を表現できます。

https://t.co/5Ey0GAvpnA

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

スクイーズって、汚れるのイヤじゃないですか。でも触りたい。

なので、ブラウザでさわれるスクイーズを作りました。
押して、つまんで、伸ばせる。形は9種類、トッピングや袋も選べます。

PCならカメラに手をかざして、手でもさわれます🖐

https://t.co/w65yfrGHze

#スクイーズ #threejs

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

下流ほど直すコストは膨らむ。だから上流で食い止めよう。よく聞く話です。

でも要件の穴は、画面にしてはじめて見えることが多い。

UIデザインは、要件の穴にいちばん早く気づく場所なのだと思います。

https://t.co/Fe2pgSKram

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

@godling_zlm はー、なるほど。確かにその方向に働くかも。

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

日本の入力フォームが長いのは、デザインが遅れているからではないかもしれない。

「型を守れば責められない」という江戸時代からの証文文化が、いまの画面にも残っている気がします。

https://t.co/q8P848OWH2

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

漏えい事故は、6割強が不正アクセス。
でも個人情報保護委員会への報告まで広げると、件数で多いのは誤送付や誤交付といった人の取り違えでした。
ニュースになるのは大きな攻撃。日々起き��いるのは人の間違い。
だから、UIデザインでできるセキュリティを考えてみました。

https://t.co/Ke6O2nP6Il

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

これまで、説明を作るのは送り手の仕事でした。

でも受け手がそれぞれAIを持っているなら、
同じ情報から、自分向けの説明を各自で作れます。

説明は、送り手が作るものから、受け手が作るものになっていく。

https://t.co/vAnlhm7SZl

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

機能Aもよくできている。機能Bも単体なら使いやすい。
なのに、AからBに移るところで、ユーザーが止まる。

これはUIの細部の問題というより、
プロダクトが「タテに強くて、ヨコに弱い」状態なんだと思います。
https://t.co/WDmPRmthGm

[note DESIGN @note__design]

「なんかここ、気持ち悪い」。直せるのに、次の画面でまた止まる。

強い根拠とは、その画面を離れても持っていける根拠でした。エンジニアと組んで違和感を掘り下げた記録です。

「なんとなく気持ち悪いUIデザイン」を、説明できる練習をは��めます @dorisukeone
https://t.co/KkQOxjNIRa

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

AIのために警鐘を鳴らしたいとおもいます

ClaudeCodeを「優秀な新人」と呼ぶのをやめて、ポケモンと呼ぶことにしました｜アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone https://t.co/duadPmzpvC

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

これは納得、腑に落ちる。

少人数で大きな価値を生む「超増幅型組��」のつくり方｜こぎそ @kgsi https://t.co/h43a52dPyG

[note DESIGN @note__design]

デザインシステムのレビュー59項目を、AIと人間でどう配分するか試した記録。

見えてきたのは「一度決めれば終わる仕事」と「決めても残る仕事」の線引き。自動化率100%を目指さない理由が分かります。

UIデザインは、Claude Codeに任せるほど仕事が減らない @dorisukeone
https://t.co/6NEygaZUbo

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

昔の叩き台は、粗かったです。
粗いから、見た人が「ここ、どうなってるの」と口を挟めました。

粗さが、疑いの入口になっていた気がしています。

いまの初稿は、最初から整っています。
整っているものに「なんか引っかかる」と言うには、言う側に体力が要ります。

https://t.co/r9o8DXsm4U

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

見た目の指摘を掘っていくと、根拠には段があると気づきました。

・好み
・原則
・優先順位
・一貫性
・UXへの影響

好みはその場で消えます。行動まで言えていると、��の機能にも持っていけます。
https://t.co/JU1KR7J7o9

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

たしかになー、Xではあたかも民意かのようにD案があふれてるのは違和感。やっぱAIの責任のないデザインって魅力感じないかなーとおもう。推しがあったので投票しました、発表楽しみ！

作れるけど、作るべきではない｜サタケシュンスケ（イラストレーター） @satakeshunsuke https://t.co/enxfVIV6zO

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

「ケバブじゃなくて、ハンバーガーにしようか。」が、noteの「今日の注目記事」に選ばれてた🍔

UIの「あの右��の点々」「下から出てくるやつ」には、ちゃんと名前があります。

名前を知ると、AIにも人にも説明しやすくなる。そんな話です。

https://t.co/tbRUBBgVWo

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

@shokosaurus ほーーー、羽みたいなつまみからですかね。おもしろい！

[しょうこ @shokosaurus]

へー！
知らない世界の話ってやっぱり最高におもしろい！
看護師界では、トンボって言葉は採血に使う針の話なのと似てる。
「ケバブじゃなくて、ハンバーガーにしようか。」UIデザインの話しです。｜アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone https://t.co/ykmZWcZQz6

[アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone]

UIの名前を調べるとお腹がすきますよね。

「ケバブじゃなくて、ハンバーガーにしようか。」UIデザインの話しです。｜アオキタカユキ｜UIで思考のズレを言語化 @dorisukeone https://t.co/ULHOcoRnmE