スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

[megazalrock]

歳を重ねるごとに「これまでのUIの方が良い」っていう思い込みが強くなりつつあるのを実感していて、UI作るには20代前半の目も必要だなと思う。

[quality1]

上半分が画面で下半分が操作って一周回ってガラケーと同じだよな

[gasguzzler]

ちいさい端末欲しいんよ

[tenari]

さっさとこの方向性に進化してほしいと切に願う一方、女性中心に既に両手操作に移行してる人も多そう。そうなると記事の方向性がベストとも限らず、結構難しい問題だと思う

[coluli]

「巨大画面を片手で使う」って課題、間違ってね？　片手で使える小型画面にするか、大画面は両手で使う前提にするしかないんじゃね？

[gabill]

「これは新しい！」というより「こういうのはスマホではやめろよ」というのがそうも言ってられなくなって、なし崩しになってきた印象。

[maketexlsr]

全然門外漢だけど(門外漢だから)、モーダルウインドウをモーダルと呼ぶのは違和感…しょうがないんだけど…

[solidstatesociety]

サイズとともに使いにくくなってきている。サイズ大きくなってるからといって画面内の情報量を増やすと危険なのよね。

[mory2080]

蟹のシオマネキみたいに利き手だけ巨大化してったら面白いのにｗ

[verda]

手小さいから困る ちょっと前にChromeが検索バー下にできなくなったからOperaに変えた

[ytRino]

下に集まるのは妥当なんだけどそもそもそんなでかいディスプレイいらねえっていう

[hachiame]

そろそろハンバーガーメニューの位置も画面下がいいような気がしてきたけど、浸透されられるかなあ。

[yumainaura]

“アプリを起動してから、ユーザーに対して一番の価値を提供する機能に至るまでの動線で「押しにくい」「指が届かない」「スマホを持ち替えないといけない」「スマホ落としそう」と意識させる事はユーザーの集中力を

[simomm]

全てのアプリが、起動から始まりコア体験に至るまでの過程の操作をほぼ画面下半分の領域だけで実現出来ている

[koogawa]

ステータスバーがますますタップされなくなりそうだ

[field_combat]

下側にUIまとめとけば利き手は無視できる感じかなぁ。スワイプはかなり認知されてきてるから、その辺をうまく誘導しつつという感じ？TicTokに習うなら

[stilo]

『ディスプレイの巨大化に伴いUIのトレンドに変化が起きている。注目は、アプリのタッチ位置が起動から始まりコア体験に至るまでの過程の操作をほぼ画面下半分の領域だけで実現できていること』

[richard_raw]

東洋人女性はもう両手持ちなのでは。知らんけど。/空中投影か網膜投射かARメガネができるまで解決しなさそう。

[jazzanova]

[

[Lian]

みんながちゃんとこういう風に考えてUIデザインしてくれりゃいいんだが、まだまだ様子見かな……

[raitu]

“初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長”

[show_motto]

こういう変化面白くてすごく好き。Twitter も最近投稿アクションがヘッダー右上から右下ボタンに変わっていてまさにこれ。

[dala]

よく使う操作は全部画面下側へ

[takhasegawa]

Twitterもこの前、新規ツイートボタンを右下にフローティング表示するように変わったしなぁ。ユーザーアクションを画面下部に集約する流れは進みそう

[kabochatori]

画面に大きさ＝指の移動量が問題なので、やはり新たなるインターフェイスの革新が求められるのかも

[yarumato]

“片手持ちした時のカバー範囲を歴代のiPhone4つで見る。無理せずに指が届く範囲。最新では画面下半分だけカバー。秀逸なUIデザインのアプリは操作をほぼ画面下半分の領域だけで実現”

[crexist]

ほー

[houyhnhm]

私右利きだけど左手操作なんだよね。

[s99e209]

従来Material Designではボトムのナビゲーションが非推奨だったが、2016年に「Bottom Navigation」が追加され、更に2018年のGoogle I/Oでは「App bars: bottom」が新たに追加された。

[heniha]

基本操作のUIは分離させて位置サイズを個人設定できるようになるといいかな…両手/片手も

[mennmabacon]

iPhone SE のサイズ感が個人的にはちょうどいい

[mirucons]

「スマートフォンの」って言っておきながらAndroidのはなしほとんど出ないのなんでなの / Twitter は下の検索ボタンダブルタップでフォームにフォーカスはいる

[quick_past]

機能の増加にともなってUIパーツも増加させ、ましてや大画面で動画みさせたいって戦略的な要求もあって。じゃあ、パッドデバイスでええやん。5年前に触ってみたHTCのwindowsフォン、よくできてたよ。

[FutureIsWhatWeAre]

AndroidとiPhoneしか見てない人が書いたんだなあという感想/大体WindowsPhone/Mobileで先にやってた内容なんだよ

[nismit]

下半分で操作が完結するなら手が小さくても助かるけど。どんどんスマホデカくなってきてるもんなぁ〜

[takeshi]

自分がいまだにiPhone 5s使ってると忘れがちだけど、画面最上部にナビゲーションを置くのはやめたほうがいいのか。

[iww]

ディスプレイはあと数年でAR眼鏡に置き換わるので心配してない。

[Galaxy42]

人類にスマホは早すぎた。両手で本体持ってスマホ操作用の舌を伸ばせばいいんでないの？スマホ腕ってことで。

[hrmk4]

ドラガリアロストがどっちの手でプレイするって聞いてくれるのを進めて、HTCのホールド感知みたいなので、どっちの手で持ってるか認識できるといいんだけど。

[haradesugi]

もうこの流れは止められないのかな・・・個人的には小型端末が好きなんだけど。