スマートフォンのディスプレイ巨大化に伴う、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まで
「ユーザーが行動をおこす条件」の話｜深津 貴之 (fladdict)｜note
新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv
Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ
スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。
「何がコンテンツになりうるか」発想法 - ブルーパドル思考 - デザイン情報サイト[JDN]
こんにちは、佐藤ねじと申します。デザイナー・プランナーとして活動しています。面白法人カヤックというデジタルコンテンツの制作会社を独立し、2016年7月にブルーパドルという会社を設立しました。 このコラムでは、僕の偏った“変な”発想法をシリーズ化して、ご紹介したいと思います。 最近『超ノート術』（日経BP社）という情報収集・発想法に関する本を出す機会がありました。こちらは広い層の方が読む本なので、偏っていない“まともな”ノート術や発想法についてまとめたつもりですが、JDNの読者層はクリエイター関連の方が多いので、もう少し尖った話にしていきたいと思います。 ブルーパドル思考って何？ ビジネスの世界では、新しい市場のことを「ブルーオーシャン（海）」と表現しますが、それは簡単に見つけられるものではありません。それに対して僕たちは、「小さいけど新しいアイデア」をたくさん見つけていこうと考えています。
![「何がコンテンツになりうるか」発想法 - ブルーパドル思考 - デザイン情報サイト[JDN]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d2f983ff0bf4ab82594944fd8202a9f6dc270e1/height=288;version=1;width=512/https%3A%2F%2Fwww.japandesign.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2017%2F01%2FMain.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
