突然ですが、「UI Stack」ってご存知ですか? アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える!」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。(英語です) UI Stack とは?Stackとは、1つの画面が持つ(複数の)側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State(空っぽの状態) ・Loading State(ローディング状態) ・Partial State(部分達成状態) ・Error
![Bad な UI を改善する 「UI Stack」 って知ってます?|nr](https://cdn-ak-scissors.b.st-hatena.com/image/square/c82c422108e3c3425be21658c67d765319ef8d1f/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F7553341%2Frectangle_large_type_2_63d638579e08dde0421faf7178ecb1bd.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)