Sabitlenmiş Tweet
匿名投票SNS『whome（フーミー）』をリリース🎉
2022年に米国でTikTok、BeRealを抑えてApp Store1位になった『GAS』を日本向けにリメイク＆機能強化しました。
「クラスで一番優しい人は？」のようにポジティブな質問に友だちを匿名で投票するアプリです。
詳しくはスレッドで👇
日本語
Matz | Designer
501 posts
Matz | Designer
@Matz_Tak
プロダクトデザイナー / デザインシステム設計・構築。デザイントークン、コンポーネント設計、デザインとコードの接続が専門。AIリーダブルなデザインシステムを実践しています / 個人開発でiOSアプリ4本リリース
Katılım Eylül 2023
660 Takip Edilen661 Takipçiler
バイブコーダー向けのUIデザインの話。
これは表層的な話だし、それ以外にも考えることは無限にある前提で、最低限UI周りでそれっぽいクオリティ出したいなら
・フォント
・ジャンプ率
・余白
この3つだけはこだわった方がいいと思うよ。配色なんてグレースケールで良いです。
日本語
タイムラインに流れるアプリたち、せめてトップページくらいはAIポン出しじゃなくて自分でデザインしたら？って思う。
デートのとき、服装も髪型もこだわるだろ？アプリにとって、トップページは容姿そのものだよ。
そもそも全部ポン出しだと作っててもつまらないだろ。
日本語
息子がバナナ好きすぎて「バナナ」とひとこと口にしたもんなら、もらえるまでこの世の終わりかと思うくらい泣き叫ぶので、妻との会話では「黄色くて細長い例の果物、買ってくるね」と、完全にヴォルデモート扱いしている。
日本語
自身の仕事が成果に与えた影響は、本人の見積もりよりも小さく、運の要素が多分に含まれていると考えた方がいいと思う。
多くの場合、人は自分の仕事の成果を大きく捉えがち。だから自分がコントロールできる範囲を見誤るし、結果が思うように出ないとき、自身のHOWを見直すという沼にハマる。
そもそもその結果は自身のコントロール外であったと気づかない限りイシュー（本当に解くべき課題）は特定できない。
日本語
できるか知らんのだけど、誰かこの内容良い感じにスキル化してくれよ。俺にはそんな時間がないんだ。
sociomedia.co.jp/category/shig
日本語
デザインシステムのUIライブラリを構築するなら、デザイナーがFigmaだけを見て、自分の理解だけでコンポーネント設計を始めるのは、これからの時代本当にやめた方がいいと思う。
↓にも書いたけど、Figmaと実装では表現のパラダイムが違うから、Figmaの都合を実装に押し付けると、Figma → Codeの変換時に漏れが起きて、それがいわゆる「デザインと実装の乖離」になります。
note.com/matz_tak/n/ne8…
日本語
①デザイントークンとSpec Firstのコンポーネントライブラリを事前に用意
↓
②Claude Codeに「PRD.mdを読んで●●の画面デザイン案を複数作って」と指示
↓
③複数案をPlayground環境に構築し、実際に触りながらFigmaのようなGUI操作でデザインを修正
↓
④修正内容を自動で記録し、保存ボタンを押すと、一括修正を実行
みたいなことを今やっている。ちなみに今は③を作ってる最中。
これができればClaude Code完結型のデザイン構築フローのボトルネックであった、UI修正指示の効率化が図れる。
日本語
個人的にはPhosphor（ふぉすふぁー）を推したい。
アイコンの収録数も申し分なく、クオリティもかなり良い感じ。大きさのバラつきも少なく、アウトライン、塗り潰しの両方選べて何も言うことがない。
phosphoricons.com
日本語
商用利用できるアイコンライブラリの中では、Lucideが圧倒的に有名だけど、クオリティに難ありと感じるのは僕だけですかね？
アイコンごとに見た目の大きさが揃ってなくて、同じサイズで配置しても、小さく見えるものと大きく見えるものがある。
lucide.dev/icons/
日本語
XのUIが「改悪だ」って話題ですね。
僕含めタイムライン上のほとんどのデザイナーより、たぶん実績も年収も上であろうXの強強デザイナーと開発チームが作っても、こうなる。
これ、彼らの実力不足って話じゃなくて、「ユーザーの反応は世に出すまで誰にもわからん」ってことなんですよね。
だとしたら、賭けるべきは「正解を当てる精度」じゃなくて「答え合わせまでの速さ」なんじゃないかなって思います。
半年かけて磨き上げて外したら、半年分の損失ですが、2週間で出して外しても、損失は2週間分で済みます。しかも残りの時間で、実際の反応を見ながら直せます。
つまり、時間をかけるほど外したときの傷だけ深くなって、当たる確率は上がらない。
どうせ出すまでわからないんだから、早く出して、早く間違えて早く直す。これが一番賢いやり方だと思ってます。
日本語
みんなちゃんと就寝前はClaude Codeに大きめのタスク投げてから寝るようにしてるよな？
翌朝、確認のポップアップで作業が全然進んでなかったまでがセットだよな？
日本語
偉そうな記事書いたけど、この前行ったイベントではずっと端っこでサンドイッチ食ってるだけだったし、いざ交流してもテンパって早口and隙あらば自分語り野郎で、せっかく作った名刺も100枚中12枚しか配れなかったんだぜ。
日本語
Matz | Designer retweetledi
なるほど。接点は形で体験は無形だから違和感もわかる。
それでも私は、価値を提供したいユーザーにあんな感情やこんな便益を得て欲しいという軸で体験の設計UXがあって、それに紐付いてサービスやプロダクトが接点UIとして設計されると言いたい立場だけど。
たいへん鋭い視点で面白かった。
Matz | Designer@Matz_Tak
【note更新📝】 「UXデザイン」「体験設計」というワードに、数年前からずっと違和感がありました。 体験ってそもそも設計できるものなのか？ という話です。 タイトルは少し強火かもしれませんが、ぜひ読んでみてください。 note.com/matz_tak/n/nfc…
日本語
UXはプロダクトを通して生まれ、プロダクトが生まれた後に検証されるものだと考えている。
なのでUXデザインとは、UXを生み出すための仮説を設計し、その結果を検証しながら、当初想定したPMFに近づいているかを測るものなんじゃないかと思う。
このnote読んで、改めて考え方整理するきっかけになったかも。
デザイナーではないけど、とても興味深い記事だったので個人開発者にも読んでほしい。
#個人開発
Matz | Designer@Matz_Tak
【note更新📝】 「UXデザイン」「体験設計」というワードに、数年前からずっと違和感がありました。 体験ってそもそも設計できるものなのか？ という話です。 タイトルは少し強火かもしれませんが、ぜひ読んでみてください。 note.com/matz_tak/n/nfc…
日本語