トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

読み込み中のUIプレースホルダー【スケルトンスクリーン】

コンテンツを読み込み中の時、真っ白な画面を出すのではなくコンテンツがまだ提供されていないことを示すために、プレースホルダを出すと良いってAppleのガイドラインに書いているらしい。

追記

スケルトンスクリーンという呼び方があるらしい

qiita.com

こういう画面のこと。コンテンツが来るはずのところに四角い何かを出したりする

f:id:bibinbaleo:20211031204400p:plain

ちょうど私のスマホが通信制限になってるので、他にやってるアプリあるか調べた。

上の画面はPayPay

やってる

Googleフォトはやってた!

f:id:bibinbaleo:20211031205051p:plain

Youtubeのアプリもやってる!しかも薄いグラデーションのアニメーション付き。ちゃんとしてる〜〜

f:id:bibinbaleo:20211031212345p:plain

Amazonは一部やってる箇所があった

f:id:bibinbaleo:20211031212337p:plain

Pocketはもはや一瞬すぎてスクショ取れないけどちゃんとやってる!

f:id:bibinbaleo:20211031212340p:plain

デフォルトがグレーなだけ?

tiktokのこれは、画像を入れるデフォルトの枠がグレーなだけかもしれない。

f:id:bibinbaleo:20211031212342p:plain

メルカリも同じく

f:id:bibinbaleo:20211031204355p:plain

Oculus

f:id:bibinbaleo:20211031214017p:plain


360Channnelはデフォルトに薄いロゴが入ってる!

f:id:bibinbaleo:20211031213900p:plain

やってない

ウマ娘はやってない

f:id:bibinbaleo:20211031204342p:plain f:id:bibinbaleo:20211031204338p:plain

Notionもやってない。Notionはやってほしい。不安になるから・・・

f:id:bibinbaleo:20211031204346p:plain

ツイキャスもやってない。

f:id:bibinbaleo:20211031204357p:plain

radiko

f:id:bibinbaleo:20211031212357p:plain

ヤンジャン。ぐるぐる出すだけよいけどね

f:id:bibinbaleo:20211031212359p:plain

Oculus

f:id:bibinbaleo:20211031213857p:plain

 

てか肝心のAppleがやってないやんけ!AppStoreは一瞬真っ黒な画面の後に読み込み中がくるくるするだけだった。

f:id:bibinbaleo:20211031204348p:plain

他にもAppleMusicとか天気のアプリとかみたけど、どれもやってない。くるくるすら出ないのもあった〜

f:id:bibinbaleo:20211031213755p:plainf:id:bibinbaleo:20211031213758p:plain

 

最後に

こんな細部にまでこだわれるようになったら一流のアプリだろうな〜

 

bibinbaleo.hatenablog.com