UIパターンの全体像と、記事を読む順

この記事では、UIパターンのカテゴリーで扱う記事を紹介します。読み込みや結果の通知といった操作に加え、サイトを見分ける小さなアイコンも対象です。アプリの画面を作るときや、画面の部品の名前を調べるときの案内にしてください。

UIパターンとは

読み込みと更新

データを待つ間の表示と、利用者が最新の内容を取り直す操作です。

1. Pull to Refreshとは？：一覧を引いて更新する操作
2. Skeleton Screenとは？：読み込み中に画面の形を見せる方法

結果を伝える

1. Toastとは？：操作の結果を短く知らせる表示

補助画面と入力

1. Bottom Sheetとは？：画面の下から補助操作を開く方法
2. Autocompleteとは？：入力中に候補を示す方法

項目を操作する

1. Swipe Actionとは？：一覧の一件を横へ動かして操作する方法

サイトを見分ける

1. Favicon（ファビコン）とは？：タブなどでサイトを見分ける小さなアイコン

参考にした一次情報

• Android Developers「Snackbar」
• W3C「ARIA22: Using role=status to present status messages」