📓

モバイルの各種UIの名称

2023/08/25に公開

はじめに

個人的にUIの名称、部品(コンポーネント)の名称があやふやな時があるのでここにまとめていこうと思います。随時追加予定です。

（引用：Quizlet）
ユーザーに選択肢を与えるダイアログのようなコンポーネント。
androidではボトムシートと呼ばれる。

（引用：Human Interface Guidelines/Apple）
数字のカウントを一つずつ増減させるコンポーネント。

ラベル型の選択フォーム。情報選択するシーンなどで用いられる。

画面を切り替えるために利用するコンポーネント。androidではボトムナビゲーションと呼ばれる。

画面に表示されているコンテンツに対して「削除する」「共有する」などのアクション候補を表示するコンポーネント。
画面の下部または上部に配置する。
ツールバーに似ているコンポーネントとしてタブバーがある。タブバーは画面の移動、ツールバーは画面のコンテンツの操作を行うためのコンポーネントである。

（引用：https://pentagon.tokyo/app/4169/#toc_id_3_1）
アプリ初回起動時などに、ユーザーにアプリの使い方や目的を説明する。

（引用：https://pentagon.tokyo/app/4169/#toc_id_3_3）
アプリ初回起動時などに表示される操作方法を記したテキスト。オーバーレイなどで表示される。

一つのデータをセグメントで分けて表示する。
タブに似ている。タブとの違いはテーマに対してセグメントを分けている点。

(最後にソッといいねボタンやバッジを贈るボタンを押して頂けたら幸いですm(_ _)m)