スマホで読みやすくなってますか～？… あなたのブログ｜ホームページ｜Facebook

【 レスポンシブ・デザイン 】

知ってる人は知ってる！
知らない人は ｢なんじゃ・それ～？｣ の
カタカナ言葉 (笑)

ホームページやインターネットを
何で見てますか？
… こんな質問に対して

最近は ｢50％くらいの方｣ が
【 スマホで 】と、答えます。

ところが、ほとんどのホームページは

パソコンで見られることを想定して
制作 (デザイン) されていますので

そのデザインのまま
スマホから、ホームページを見ると

文字や画像が小さすぎて
何を書いているのか、ほとんど分かりません。

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

そこで、2年前くらいから登場してきたのが
このカタカナ言葉【 レスポンシブ・デザイン 】です。

早いハナシが …

① 相手が、パソコンなのか
② 相手が、iPad などのタブレットなのか？
③ それとも相手が、iPhone などのスマホなのか？

それを自動的に判別して

① 用のデザイン画面
② 用のデザイン画面
③ 用のデザイン画面

３種類のうちから、最適な画面を表示させる！
… という仕組みのことです。

ところが、自動で見やすくしてくれる！という
一見すると便利に見える仕組みには
あまり、ありがたくない、副作用もあるのです。

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
　そこで、アメブロ や Facebook などを
　ほんの少しでも、自分の商売 (ビジネス) へ
　活用されている方は、考えなくてはいけません。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

< p style="border: 0px; font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; font-size: medium; margin: 0px 0px 1.625em; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(55, 55, 55); line-height: 26px; background-color: rgb(255, 255, 255);">何を～？

パソコンでブログや記事を書く時の
【 改行の位置 】です。

上記の ｢そこで、アメブロ や ～｣ で始まる
３行の文章ですが …

iPhone や Android などの ｢スマホ｣ では
下記のように表示されると思います。

↓　↓　↓　↓　↓

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
そこで、アメブロ や Facebook
などを
ほんの少しでも、自分の商売 (ビジネス)
へ
活用されている方は、考えなくてはいけませ
ん。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

↑　↑　↑　↑　↑

改行の位置が、バラバラな文章になります (笑)

これは、スマホを縦づかいで見たとき
１行に配置される文字数が ｢17～20文字｣
… だからです！
(文字サイズによって多少の違いあり)

▼ 先にも書きましたが

ホームページやインターネットを
何で見てますか？
… こんな質問に対して

50％くらいの方が【 スマホで 】
… と、答える現代です。

スマホ用の読みやすさを
簡単に考えてはいけないと思います。

さっそく今日からでも
【 改行の位置 】少しご検討ください (笑)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
　
▼ 1月27日 (火) 15:00～です

　
　 　↓ ↓ ↓ ↓ ↓ ↓
　　http://www.jagajaga.jp/?p=6813

　いよいよ ｢にっぽん｣ も
 【 アプリ時代 】START です。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
　iPhone｜Android
　わたし＝太田耕平のアプリ
　＜ 無料ダウンロード ＞
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

　① iPhone ユーザーの方は下記から
　▶ http://goo.gl/0N7AQp

　② Android ユーザーの方は下記から
　▶ http://goo.gl/aNZ2fE