モバイル幅で作成されたWebサイトの特徴と作例

2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示

[sin20xx]

コスト的にもメリットがあるのですよ。PC向けを作らないわけでにはいかないけども、でも現実は特に若者向けだと圧倒的にスマホユーザーメインなのでジレンマが起きる。で、このやり方だと殻だけ作ればほぼ使い回せる

[imaginaration]

ほぼほぼモバイルからのアクセスしかないからこうなるのは仕方なし。こういうレイアウトも一過性の気がする。個人的にこういうのは好き。

[seo-sem-hp]

PC経由のトラフィックが少ないのなら、こちらに全振りするのもあり派。むしろ、個人的には逆にオシャレにも見える。

[maemuki]

WEBサイトをデスクトップで見る人は驚くほど少ないですよね 仕事で関わったサイトもガラケーの頃からモバイルが多かった もう基軸は変わったのですよね

[donkey_can]

本当に迷惑だからやめてほしい PC閲覧用サイトをつくれないってどんだけフロント力低いんだよ noteなんてずっと放置してるし、技術ブログ書く前に直すとこだろ

[umai_bow]

安くていいよね。noteの中央寄せをモバイル用だと思っている人がいる・・・・？

[sho]

コストメリットを理由にこれをもてはやすブコメを見ながら、こういう人たちがアクセシビリティを後まわしにするんだろうなー、と思った。

[listeningsuicidal]

スマホでサイト見慣れすぎちゃって、PCやタブレットだと見にくく感じるようになってしまったので、この形はありかもしれない。

[retore]

PC全盛→スマホが増え始めてレスポンシブが流行りだす→更にスマホ比率が増えてPCが捨てられる　と考えるとたしかにわからんでもない流れ

[satotaka99]

実際にこういうサイトにするのは勇気がいるな…

[gabill]

スーパーゲームボーイ感がある。

[manaten]

こういうサイト、工数削減もだけど、現代人はそもそもスマホで文字を読むのに慣れてるので、スマホ幅のテキストが一番読みやすいという効果もあるんじゃないか、と勝手に思っている

[norip44]

「デスクトップPCでの表示でもスマホ幅のまま」レイアウトのサイト、実例がまとまっているものは見なかったのでありがたい！　　前例があると提案しやすいですよね

[ducktoon]

いまだに逆は多いけど、PCでもモバイル幅なのがあるのは知らなかった。でもそういうデザインですよってのがすぐ伝わらないとただの手抜きに見えてしまうな

[ultimatebreak]

悪く言えば手抜き、コストカット。よく言えば最適化。

[otchy210]

本音ではもう PC ブラウザのサポートを切りたいと思ってるんじゃないかな、こういうサイトは。IE 憎し Safari 憎しの次に、PC 憎しの時代が来るかもしれない。

[tokuninac]

★☆★個人ﾎﾑﾍﾟ★☆★感がある（好き）

[adsty]

デスクトップで見てもモバイル幅のまま表示させているWebサイトが出てきている。

[gengesa]

『神クズ☆アイドル』の公式サイトがこれだけど、違和感どころか見づらすぎる。中央寄せのサイトはまだ良いけど、右寄せにしてるサイトは最悪と言っていいレベルの見づらさ。

[table]

売上に繋がらないサイトなら好きにすればええんちゃう？

[abeeei]

もはやパソコンで見ることの方が少数派なのでこれはいい考え。しかもパソコンで見た時にも違和感や手抜き感がないのも良い。/未だ案件ではPC、SPでデザインしているのでこの方法が主流になってくれるとありがたい。

[misarine3]

LPみたいに特に機能を持たせない作りっぱなしのサイトにはいんでなーい？予算削りたいんだろうし。デザインはがっつりね！なんて言われそうだけど。

[kuracom]

実際のところPC・スマホが 1:3 くらいのサイトが増えてきて、このレイアウトはむしろ順当な変化だと思った。

[cinemaphile]

合理的なので多分主流になる。フロント力が弱いんじゃなくて切り捨てたんだと思う。需要と供給のバランスで。

[arapro]

「スマホ写真を配置して、その画面領域内でコンテンツ表示するウェブサイト」とかは吹っ切れてて面白かった。

[field_combat]

ターゲットとコストが合うなら、むしろやってみたい。デザイナーが嫌がるんよ

[kamomewa_kamome]

実際ジャンルによっては8割9割がスマホアクセスだし、ありっちゃありなんだけど。

[poliphilus]

デバイスのアクセス頻度とPC用作成の労力・コストを鑑みた上でなら、PC用を捨てる選択肢はアリだろう。B2B なら逆にモバイル用を捨てるのもアリ。

[rararoro-ryo]

地デジ化ですね分かります。

[buhoho]

現代でモバイルファーストに作るのは当たり前だけど、モバイル決め打ちで他環境での閲覧にリソース割かないのなら、反感買うかもな

[Eiichiro]

PCだと文字サイズが小さくて文字が読めなくなるんだよね。それでもコストメリットはうれしい。