「iPnone SE」と「Zenfone2」を比較したら衝撃の事実に気がついたので早速変更した話

スポンサーリンク

こんにちは!!
おとんメディア編集長のariko(@otonmediariko)です。

遂に発売されたアップルの新製品「iPhone SE」 巷では旧モデル「iPhone 5s」と全く変わらないその外観に「えっ!?これが新製品…」と発売前から話題でしたね。その真相やいかにということで私も本日店頭で実機を手に取って見てきました。

「ちっさ!!」

最初の感想はこれ。今使用しているスマホ「Zenfone2」の5.5インチに慣れてしまったせいで、あまりにも小さく感じます。よくこんなちっさい画面で満足してたな(私以前はずっとiPhoneユーザーでした)
https://otonmedia.jp/rakuten-mobile/

こんなちっさい画面だとブログの記事も読みにくいだろうな~…

ちょっと待てよ。我が「おとんメディア」をこのちっさい「iPnone SE」の画面で見るとどんな感じに見えるんだ!?

スポンサーリンク

「iPhone SE」と「Zenfone2」見え方の比較

実際に「おとんメディア」を「iPhone SE」の画面で見てみました。

それがこちら

DSCN1047_1

うわぁ…こりゃダメだ

なんかレイアウトがくちゃくちゃしててすげー見づらい。ただあくまでも比較しての話。

んでこれが比較した結果

DSCN1051

どーです、この違い…

出典:https://jerrybrice.wordpress.com/2011/08/11/shaq-and-girlfriend-nicole-hoopz-alexander-show-off-stunning-height-difference-in-weeks-funniest-photo/shaq-and-hoopz-height-difference/

出典:https://jerrybrice.wordpress.com

こちら「Zenfone2」と「iPhone SE」の比較画像です、って言われたら何の疑いもなく信じちゃうゃうくらい大きさが違います!

iPhoneの機種別割合

これまでサイト作ってく上で、スマホのレイアウト確認は自分の「Zenfone2」しか使ってきませんでしたが、それがダメでした。今までのレイアウトは5.5インチの画面で見たときにしっくりくるように作ってたんですね

うぅ…やっちまってた

現在、おとんメディアに訪れるユーザーのうちiPhoneの割合は60%くらい(やっぱり多いなiPhone) ちなみにiPhoneユーザーの機種別割合、MixPanelの調査によると2016年3月1日時点でこのようになっています。

機種 シェア
iPhone 6s Plus 5.14%
iPhone 6s 15.27%
iPhone 6 Plus 9.01%
iPhone 6 35.36%
iPhone 5s 17.95%
iPhone 5c 5.27%
iPhone 5 7.01%
iPhone 4S 3.48%
iPhone 4 1.48%
それ以前のiPhone 0.03%

まだ35%以上の人がiPhone 5s以下の機種使ってます。その人たちって今回、「iPhone SE」が発売されたことで買い換える人も多そうなので、4インチの人の割合はしばらくは変わらなさそう

一刻も早く4インチでも見やすいレイアウトに変えなければ!

WordPressテーマ「Simplicity」トップページ表示スタイルの変え方

「おとんメディア」はWordpressの「Simplicity」というテーマを使って作ってます。「Simplicity」でトップページの表示スタイルを変更したい場合はとっても簡単。「外観」⇒「カスタマイズ」⇒「レイアウト(全体・リスト)」を選択すると

2016-04-01_13h21_47

このように「一覧リストのスタイル」が10種類から選択できます。これまでのレイアウトは「エントリーカード」スタイル。デフォルトのままいじってませんでした

一つ一つどのスタイルが良いかプレビューしながら確認していきます。

ほうほう、なるほどなるほど。最初だけ記事を大きく表示したり、記事をタイル状にして並べて置くこともできるんだ。こんな感じでボタン一つでレイアウトが変えられますのでとっても簡単!

で今回選んだのが「大きなエントリーカード」スタイル。一番しっくりきました


matome

読みやすい記事は当然文章の中身が大切ですが、「見やすいレイアウトになっているか?」はその前提としてもっと重要。

「相手の立場に立って物事を考える」よく言われる言葉です。「4インチのスマホでも見やすいサイトを作る」同義語として今後採用します!!

スポンサーリンク
  • このエントリーをはてなブックマークに追加

おとんメディアをフォローして更新情報をゲット♪

スポンサーリンク