iPhone 12で、ビューポートのサイズの種類が増えすぎ！デバイスの複雑さがUIの設計にどのように影響するのか

iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・デベロッパーとしては悩みのタネが増えるかもしれません。 ビューポートのサイズの種類が増え、多くの解像度、アスペクト比、断片化が進むデバイスの複雑さがUIの設計にどのように影響するのかを紹介します。 iPhone 12 vs Designers by Michal Malewicz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone 12のリリース だけど、このメタルとガラスの中には象がいる 2020年の現状 どのようにデザインすればよいか？ 重要な要素は折り目の上に 終わりに iPhone 12のリリース 1

[coliss]

断片化が進むデバイスの複雑さがUIの設計にどのように影響するのか

[tana_bata]

昔は林檎信者が「iPhoneは画面サイズが1種類しかなくて美しいと思わないか？それにくらべてAn（略」と口酸っぱく言ってたことを思いだす

[shields-pikes]

もうやめて……。つうか、画面サイズごとの最適化なんて、実装側じゃなくてOS側で何とかしてくれよ……。

[youichirou]

X系と8系で2種類だけにしといてくれりゃ良かったのに。

[dazz_2001]

それに、iPad系が加わる。はてなはiPad系をガン無視しているので、ひどい有様だけど。

[chiba1008]

もう細かいことを気にするのはやめたよ

[mayumayu_nimolove]

どの端末でも必ず見た目を同じにしならなければならない思考をやめよう

[ntstn]

そろそろ次のやつで縦横比だけでも統一して旧型捨てたら？得意でしょアップルさんは。

[JORG]

解像度というか縦横比がなぁ

[kenchan3]

昔はシンプルな解像度だったねえ

[ravell]

もう全部同じデザインを拡大縮小表示する方法でやっている。

[akahigeg]

しんどみ

[helldeath]

もうな、細かいことは気にせず作るわ。

[katsusuke]

拡大倍率が2じゃないやつバッテリーの持ち悪そう

[bigburn]

そしてiOSアプリ開発者は考えるのをやめた…いや辞められないのか

[daishi_n]

Androidで問題になってた解像度爆発がiPhoneもなんだよね。iPhone 5までは実質2種類で解像度2倍で済んでたからよかったんだけど、6-7-8、X-Xs、それの大サイズとどんどん増えてるし

[iselegant]

iphoneのサイズ増えすぎ問題。年々テストする側が辛いんだよな

[ifttt]

🤬

[zgmf-x20a]

さすがにiPhone3Gはないか…と思ったら、iOS14対応ハードなんだな。

[objectiveworker]

レイアウト処理について、5sぐらいまではcase文で対応＋座標直うちでレイアウトする、みたいなあほ実装がまかり通っていたけど。もうそんな力技は無理だな。

[p130]

ブレイクポイント代くらはい(* ͡° ͜ʖ ͡°*)

[Malan]

あっ、これ Android で経験したやつだ！

[number917]

絶対にピクセルパーフェクトだぞぉ！

[yarumato]

“iPhone4時代は基本解像度はまったく同じ320x480、違いはピクセル密度だけ。2020年現在、初代iPhone SE(320x568)を入れてないのに、こんなにあります。上下のスペースを正しく表示するには、スマホごとに調整する必要”

[Lumin]

割り切った方がみんな幸せになれるよ

[jackson24]

画像大きめで作ればええんちゃう？最近はもう細かいとこ一切気にしてないな。

[braitom]

iPhone 12登場によるビューポートサイズ多様化問題と、デザインする上で考えるべきポイントが書かれている。

[gomaberry]

うぇ～、うんざり。こいつをの横倒しもあるし。

[Dragoonriders]

Think Simple読み直そうよ、Appleが。

[renos]

IEの呪いよりもキツそうこれ

[sometk]

なんとなくだけど414を知らない人って結構いたんじゃないかと想定

[spark7]

webはいいけどネイティブだとバランス取るの大変かもな。アスペクト比は揃えてほしいもんだ

[quick_past]

retinaを導入したときもイライラしたけど、複数サイズのハードを投入したときに今後10年の現場の混乱を容易に想像した。

[n314]

昔のテーブルレイアウトとか画像メニューで100%でいいじゃんってやりたい。

[zakkie]

マーケティングの結果。誰も欲しくない未来。

[roirrawedoc]

“多くの人は毎日300mのスクロールをしているそうです” へー

[heyjoe0123]

俺11。エロ動画で足先から舐めるように上がっていくアングルだとノッチ部分の分だけ顔が表示されるのが遅くてイライラするんだよ！

[ahomakotom]

ジョブスのイタコが多いですね。

[hirata_yasuyuki]

iPadはPCと同じでいいだろ。User-AgentがMac名乗ってるんだし。

[pre21]

まさにこれ。本当にもったいない。「iOSはゆっくりとAndroidと同じになりつつあります」