リピートボタンが見つからない！iOS 10のミュージック・アプリのUIについて考えてみる

まずはライブラリ画面で探してみますが、ありません。
さすがに検索で探すとも思えないし。。。

まぁ、ここにないのはわかるとして。
じゃぁ、再生パネル（勝手に命名）を表示させて。。。

あ、あれ？
ここにもない。。。

そしたら、この3つの点のアイコンあたりをタップすれば？

ない。。。
だったら今度は真ん中のよくわらないアイコンあたり？

ぬ。。ぬ。。。ぬ。。。。。見つからない。

ということで、時間をおいて再度探してみました。

iOS10のミュージックのアルバムをリピートする方法を発見した。衝撃的

— ryo watanabe | 渡辺竜 (@rriver) September 20, 2016

どうやって発見できたのか忘れてしまいましたけど。。。
なんとなく同じ操作を繰り返していたら、ふとしたタイミングで発見した気がします。

なんと、再生パネルのコンテンツを下にスクロールできるじゃないですかっ！！

しかし、この画面、スクロールできる感がまったくないですよね？
デザイン的なヒントが示されていない、というか。

10人中7人、いや、8人はわからないって言うんじゃないかなぁ。
勝手な想像ですけど。

このUIがわかりにくい理由

まず、再生パネルの上部のデザインの扱い（特に下向きの矢印アイコン）のせいなのか、この画面の内容を下にスクロールできるというのが想像しにくくなっています。この下向きの矢印は再生パネルを下に引っ張れば閉じられますよということを示すためのアイコンだと思いますし。

下矢印が示すもの

たとえば、下のキャプチャ画像のように通知パネルをスクリーンの端から引っ張ってくると似たようなバーアイコンが出てきます。

左の画像から順に、はじめは下方向の矢印、そしてまっすぐのバー、それから、最後には上向きの矢印に変わって表示されます（最後の上向きの矢印は消えちゃうんですけどね）。これを見ると、矢印はパネルの開け閉めの方向を表していると考えられます。

次にミュージック・アプリの方を見てみます。

再生バー（勝手に命名）をタップすると、左の画像にあるように再生パネルが下からアニメーションを伴って出てきます。

このミュージック・アプリのハンドルを見ると、出てくるときから下方向の矢印で表示されているのがわかります（真ん中の画像）。これを通知パネルのハンドルと同じデザイン・ルールで考えると、下にパネルを引っ張れることを示すアイコンになるんですよね。

なので、どう考えても「下にスクロールできますよ」というデザイン的なヒントを示すことができていないわけです。このキャプチャを撮った時はスクロールバーが出てますけど（右の画像）、一瞬で気づきずらいと思いますし。

このUIアニメーションを何回も見ていたら、下にスクロールすればコンテンツがあるというのに気づくのかなぁ。。。ないよなぁ。

他にもUIをわかりにくくさせている要因

他にも2つほどこのUIをわかりにくくさせている要因があります。

要素が綺麗にハマりすぎている

画面最下部に設置されているアイコンがきっちりはまり過ぎているからなのか、下に何かがあるというのが想像しにくくなっています。デザイン的にどうとかいうのはさておき、下のボタンが半分隠れていたりしたら、人は自然にスクロールしようとするんじゃないかなぁ、と。ちょっとカッコ悪いですけどね。

前例が少ない不慣れなUI

あと、ペロッと出てくるコントロール画面が下にスクロールできるというインターフェイスにiOSで今まであまり遭遇してこなかったというのも、このUIがわかりにくくなっている理由の一つなんでしょうか？

この画面が出てくるときのアニメーションで再生ボタンやその他のコントロールボタンなどが下からスクロールして出てくるようになっているので、下にスクロールができることをヒントとして示しているとも言えなくないんですけどね。かなり弱い、気付きにくいヒントですね。

これじゃダメ？

何かしらの理由があってリピートやシャッフルボタンは今の位置に設置されたんでしょうけど、上の画像のように、再生パネルのはじめに出てくる画面に、すぐそこに設置しちゃダメですかね？

電波塔みたいなアイコンの方が使用頻度が高いんですかね。音声の出力先を変えることって、そんなに頻繁にないと思うので、3つの点のアイコンをタップした時に出てくるパネルの中に入れても全然問題ないと思うんですよね。「AirPodsにすぐに切り替えられるようにここに入れなさい」と、偉い人に言われたのかなぁ。

ちなみに、左には曲がiPhoneにダウンロードされていない場合に「+」アイコンが表示されます。