知っておきたいiOSのアプリ用語をまとめてみた

今回は最低限知っておきたいiOSのアプリ用語についてまとめていきます。

アクティビティインジケータ

インジケータとはコンテンンツの読み込みやデータ処理にかかっている時間を視覚化して表してくれる部品のこと。
有益な情報があればテキストも表示される。

ナビゲーションバー

画面上部にあるバーのこと。
新しい画面に遷移した時は「戻るボタン」が左上に表示される。右上には「編集ボタン」や「完了ボタン」が表示されることもある

iOS11からはラージタイトルという、最初はタイトルが大きく表示されスクロールすると標準サイズに変わる機能が搭載されました。

アクションシート

何らかのアクションに対して、次の動作を選択させるためのシートのこと。
小さい画面では下からスライドして表示され、大きい画面ではポップオーバーとして表示される。

アラート

購入や破壊的な操作を行う時などの、重要な場面で用いられる。
要素はタイトル・メッセージ・ボタン。
アクションシートと似ている。
使い分けとしては、

ユーザのアクションに応じて選択肢を提示するもの：アクションシート
特に重要なことや予期せぬ自体が発生した時に表示するもの：アラート

テーブルビュー

ひとつの列に複数の行を含んだリストのこと。
設定画面などでよく用いられている。

コレクションビュー

順序のあるコンテンツを表示するときに用いられる。
コレクションビューの場合は縦横どちらでもセルを並べることが可能。
レイアウトは自由に変更することができ、サイズが異なるコンテンツを配置することもできる。

ステータスバー

画面の最上部に表示されているバーのこと。
デバイスの現状が表示されいている。
ステータスバーは下に表示されているコンテンツによって「dark color」「light color」を使い分けることが可能。

タブバー

画面下部に表示されているバーのこと。
画面の切り替えができる。

ツールバー

画面下部に表示されるバーのこと。
現在表示している画面に対して何かしらのアクションを起こすためのボタンが配置されている。

ピッカー

ひとつまたは、複数の値があるリストをスクロールして選択できる。
画面下部に表示されることが多い。
日付や時間選択にピッカーがよく使用されている。

プログレスバー

インジケーターの一種で、処理中のタスクの進捗状況を表す。
処理をキャンセルできるボタンが配置されていることもある。

ページコントロール

現在自分がどのページにいるかを示すドットのこと。
ページをスワイプ、またはドットをタップすることで前後のページに移動することができる。

セグメンティッドコントロール

相互に排他関係にある選択肢を2つ以上並べる際に表示される。
複数の画面を切り替える際によく使われる。

スライダー

最小値と最大値が示されている水平のバーのこと。
コントローラーを動かすことで操作ができる。

スイッチ

排他関係にある2つの状態(on・offなど)を切り替えるための機能のこと。
スイッチはテーブルの行の中でしか使われることのみを想定している。

ネットワークアクティビティインジケーター

ネットワーク関連の処理が行われている際に、画面上部のステータスバーに表示される。
見た目はアクティビティインジケーターと同じ。

ポップオーバー

コンテンツの上に被せて表示する一時的なビューのこと。
ポップオーバーが表示されている時は、他のビューに対する操作ができなくなる。
出現場所は矢印によって知ることができる。
モーダル型・非モーダル型の2種類がある。
非モーダル型はキャンセルボタンのほか、ポップオーバー外のエリアをタップすることでポップオーバーを非表示にすることができる。
ナビバー・テーブルビューなどの様々な要素を含めることができる。
大画面での使用が適している。
iPhoneの場合だと、ポップオーバーではなくモーダル表示が好まれている。

モーダル

下から上に向かって表示される画面のこと。
画面全体を覆うとこもあれば、画面の一部のみを覆うこともある。
モーダルを表示させることで画面に集注させることができるが、タスクが完了するまでは他の操作が不可になる。
そのため、モーダルの使用は最小限に抑えた方が良い。
モーダルの表示方法は4種類あり、アクションシートやアラートもモーダルの一部である。
iOSでの画面遷移は「モーダル遷移」「プッシュ遷移」の2種類に大きく分けられる。

プッシュ通知

プッシュ通知はタイムリーで重要な情報を伝える。
ロック画面・通知センターから確認することができる。
通知を受け取る、または拒否することができ、プッシュ通知の許諾アラートが表示される。
iOS12から通知センター上でoffにすることが可能になった。
通知を左にスワイプすると設定が表示される。
3DTouchや左スワイプ後の「表示」をタップすることで通知内容の詳細を確認できる。
ここはカスタマイズすることができる。
プッシュ通知は「バナー」と「アラート」の2種類がある。
バナー→数秒間表示された後消える
アラート→自分で通知を消さない限り、画面上部に表示される

3D Touch/Force Touch

スクリーンに圧力をかけることで、追加の機能にアクセスできる。
対応機種はiPhone6s以降。

ドラッグ&ドロップ

ひとつの指でコンテンツを移動させたり複製することができる。
移動先は同コンテンツに限らず、別のコンテナにも移動できる。
iPadの場合、異なるアプリにドロップすることも可能。

ジェスチャ

主なジェスチャ名と使用用途は以下を参照

タップ：何かを選択する時
ドラッグ：何かを移動する時
フリック：素早くスクロールする、またはパンする時
スワイプ：前の画面に戻る、または隠されているアクションを表示する
ダブルタップ：ズームイン、またはズームアウトする時
ピンチ：ズームイン、またはズームアウトする時
タッチ＆ホールド：テキスト上でカーソルの位置を揃えたい時
シェイク：何かの操作を取り消したい時

フリップとスワイプは動作が似ているが以下のように分類できる。

フリック：軽く弾くような動作(キーボード入力など)
スワイプ：一定方向に「送る」ような動作(画面遷移や要素の削除など)

スプラッシュ画面/ローンチスクリーン

アプリを立ち上げたときに表示される画面のこと。
すぐに消えるが、アプリの印象を短い時間で与えることができる。
ただし、この画面はアプリの操作を開始する目的で使うべきものであるため、テキストやロゴを含めるべきではない。
スムーズに次の画面に遷移できるようにする。

オンボーティング

初めてのユーザー・久しぶりに戻ってきたユーザーに対して、プロダクトの価値を教えたりサービスに慣れさせたりする初回プロセスのこと。

認証

ユーザーに認証を求めるのに適している場面は以下の通り。

・商品の購入
・データの同期
・パーソナライズされた体験の提供

サインイン・サインアップ時には、AutoFillの使用が推奨されている。
この機能を使用すると、ユーザ名・パスワードを自動入力できたり、強度の強いパスワードを自動生成することができる。
アプリを体感していない時点でサインインを求められると、ユーザーはアプリを削除してしまう傾向にあるため、認証を要求するタイミングはできるだけ後にする必要がある。
ECアプリの場合、商品の閲覧はアプリ立ち上げ直後からできるようにし、商品を購入する際にサインインをしてもらうなどの形態が一例として挙げられる。
Face IDやTouch IDなどの生体認証も良いが、生体認証をoffにしているユーザーのことも考慮し、それ以外の方法でも認証できるようにしておく必要がある。

アクセシビリティ

目や耳などに障害を持つユーザーのためにiOSはアクセシビリティを提供している。
開発者は少しの手間でその機能を活用でき、そのことによって多くの人がアプリを使用できるようになる。
画面などの要素にテキストラベルを指定すると、容易に音声ナビゲーションが実行できる。
標準コンポーネントを使用していれば基本的なアクセシビリティには自動で対応できる。

ウィジェット

タイムリーで便利な情報を掲示してくれる便利な機能のこと。
天気アプリの場合、現在の天気やこれからの天気などを表示してくれる。
ウィジェットは開発者側で自由にカスタマイズすることが可能であり、画像なども表示させることが可能。
ちょっとした情報やシンプルなタスクをこなす時に使う機能であるため、可能な限りワンタップでタスクが完了できるようにするべきである。
提供する情報の量・インタラクティブ性・レスポンシブの速さの3点には気をつける必要がある。
そのほかにも、タップなどの動作でアプリ本体に移動すること・適切なウィジェット名を付けること・アカウント情報が必要な場合はそれが分かるような表示にすることなどが推奨されている。

まとめ

こんちゃす！
めいです。

横文字祭りである。
今回アプリ用語を調べたことによって今まで知らなかった用語を知ることができました。
ただ、アプリUIの話をする際に名称がわからなくて伝えにくいということがまだまだ多いのでもっと勉強する必要があると思いました。

※この記事は2019/06/17に投稿されたものです