その状態のデザイン考えてなかった！ UI Stackってナニ｜kana

アプリの画面をデザインする際、エンジニアさんに 「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて 「ｳﾜｱ考えてなかったすみません、今作ります。。」 （なんて自分はポンコツなんだ、、ｳｳｳ） と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した 「UIの考慮すべき5つの状態」という考え方です 5つの状態 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error State（エラー状態） ・Ideal State（理想状態） 一つ一つ参考を交えな

[tettekete37564]

画面遷移図や状態遷移図作らないプロマネがアホ。それ客とどうやって合意形成してんだよ。

[paradoxparanoic]

エラー更に想定内エラーと想定外エラーに別れますね

[rymshm]

筆者も言及してるが、マッチングアプリの「あなたのモテ度は...」って表現すごいな...

[takeshi0206]

コーディングというか、実装もこんな感じで8割が正常以外かな。今時8割は大袈裟か。

[hackpopo]

マッチングアプリの中の人だった時期があって、マッチング率とプロフィールを埋める率はある程度まで相関あるよ。100にする必要は確かにないけど、80ぐらいまでは相関する。だいだいモテない人はプロフィールが適当

[efcl]

ある画面の5つの状態に名前をつけたもの。 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error State（エラー状態） ・Ideal State（理想状態）

[habarhaba]

ポンコツの人達同士で既存概念を「発見」するってマジで無駄

[oknhrk]

これまでご一緒したデザイナーさんの多くは残念ながら空や異常のステータスが抜けてること多かった。プロマネの力不足ももちろんあって、逆に言うと全部見えてて管理もできるプロマネってそれほど多くない印象。

[shingo-sasaki-0529]

Ideal State 以外はデザインシステム(ガイドライン) に基づいて概ね機械的に決まって認識齟齬が発生し得ない状態になってるのがやっぱり良いよなぁと思った。

[field_combat]

正常系しか作んないの、あるある

[iichann]

これ言うためにブコメするのもどうかと思うが「あなたのモテ度は...」はたぶんwith。理想状態への煽りが多くてしんどく、Omiaiにしたらストレスが少なかった。

[knjname]

割りと有名どころも多くのアプリが理想状態以外、空表示に全部集約してるの多いんだよな

[YOLO-koki]

UI Stack

[lifeisadog]

こういうの見ていつも思うのは「アメリカのプロダクトデザイナー Scott Hurff さん」が提唱しているだけの概念を正解だと思ってありがたがるのは思考停止だよな、ということ

[securecat]

いや、、、そもそも何に基づいてデザインつくってたの？ってなるけど、、、書いた人が「UIって何？」だそうなので、まあ、そうか……。ちなみにこの図だとコンポーネント単位でいちいちやるとか思う人いそう。

[yarumato]

“UI Stackとは「UIの状態は5つ」という考え方。Blank、Loading、Partial（部分達成）、Error、Ideal（理想）。デザイナーが画面を作るとき、どれも考慮すれば漏れがない。”

[NAPORIN]

5つの状態の例図がわかりやすすぎて笑った

[Shinwiki]

逆に、渡された状態に応じたデザインする、って順番になってないの？通常

[nekoline]

大事

[haatenax]

UI Stack