Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流|Go Ando / THE GUILD|note
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

876usersがブックマークコメント90

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

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

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント90

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

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

                その他
                gasguzzler
                ちいさい端末欲しいんよ

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

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

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

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

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

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

                            その他
                            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
                                                                  もうこの流れは止められないのかな・・・個人的には小型端末が好きなんだけど。

                                                                  その他

                                                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                                                  リンクを埋め込む

                                                                  以下のコードをコピーしてサイトに埋め込むことができます

                                                                  プレビュー
                                                                  アプリのスクリーンショット
                                                                  いまの話題をアプリでチェック!
                                                                  • バナー広告なし
                                                                  • ミュート機能あり
                                                                  • ダークモード搭載
                                                                  アプリをダウンロード

                                                                  関連記事

                                                                    usersに達しました!

                                                                    さんが1番目にブックマークした記事「スマートフォンの...」が注目されています。

                                                                    気持ちをシェアしよう

                                                                    ツイートする

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

                                                                    前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景...前回の投稿で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まで

                                                                    ブックマークしたユーザー

                                                                    • hotmilkcocoa2025/05/30hotmilkcocoa
                                                                    • techtech05212023/07/30techtech0521
                                                                    • tyosuke20112023/06/30tyosuke2011
                                                                    • ainame2020/12/22ainame
                                                                    • ytRino2020/08/13ytRino
                                                                    • yuki_20212020/08/03yuki_2021
                                                                    • RuiMelee2020/08/03RuiMelee
                                                                    • helioterrorism2020/08/03helioterrorism
                                                                    • tespple2020/08/03tespple
                                                                    • clngn2020/08/03clngn
                                                                    • progfay2020/07/08progfay
                                                                    • sdmmm2020/02/06sdmmm
                                                                    • strozw2020/02/06strozw
                                                                    • t2wave2019/12/27t2wave
                                                                    • ChillOut2019/04/22ChillOut
                                                                    • jkltf2019/04/07jkltf
                                                                    • hachiame2019/02/08hachiame
                                                                    • saltedhazelnutslatte2019/02/08saltedhazelnutslatte
                                                                    すべてのユーザーの
                                                                    詳細を表示します

                                                                    ブックマークしたすべてのユーザー

                                                                    同じサイトの新着

                                                                    同じサイトの新着をもっと読む

                                                                    いま人気の記事

                                                                    いま人気の記事をもっと読む

                                                                    いま人気の記事 - テクノロジー

                                                                    いま人気の記事 - テクノロジーをもっと読む

                                                                    新着記事 - テクノロジー

                                                                    新着記事 - テクノロジーをもっと読む

                                                                    同時期にブックマークされた記事

                                                                    いま人気の記事 - 企業メディア

                                                                    企業メディアをもっと読む

                                                                    はてなブックマーク

                                                                    公式Twitter

                                                                    はてなのサービス

                                                                    • App Storeからダウンロード
                                                                    • Google Playで手に入れよう
                                                                    Copyright © 2005-2025Hatena. All Rights Reserved.
                                                                    設定を変更しましたx

                                                                    [8]ページ先頭

                                                                    ©2009-2025 Movatter.jp