個別記事のページです

2019年12月16日(月)
このエントリーをはてなブックマークに追加

PCトップデザインのスマホ化

こんにちは、ホームページ制作Fのまるいです。

先日から、PCトップデザインのスマホ化をしていたのですが
これがとても難航しました。

・PCのデザイン・内容の良さを残しながら
 スマホ用にデザインを落とし込んでいく。
・スマホから見た時に見やすいデザイン、
 使い勝手の良さ(操作性・回遊しやすさ)も考える。

上記の2点はPCデザインからスマホ化を行う際、
社内でスマホデザインの大きなポイントにしているものです。
(他にも細かなポイントが複数ありますが
大きくはこの2点だと思います)

PCトップデザインのスマホ化を行うのは
今回がはじめてではないのですが、Fのデザインはテンプレ等を使用せず
1案件ごとにデザインや構成の組み方を変えているので
案件ごとに見せ方や流れを考えなおす必要があります。

私達の作るPCデザインは情報や想いなど伝えたいことをトップページにぎゅっと
凝縮させたロングなページが比較的多いのですが
スマホにその要素を全て入れ込んでしまうと、見ている人に
内容が長すぎると感じさせてしまいやすく
見ている人からするとどこが重要なポイントなのか
迷ってしまう可能性が出てきてしまいます。

はじめは、より見てほしいポイントをコンテンツから抜き出し
PCと同じ構成(順番)で作っていっていたのですが、
スマホ用に文章やコンテンツの精査を行ったことで
PCと同じ順番で入れると上から流してみたときに
ややわかりにくくなってしまった印象がありました。

社内でアドバイスももらいながら
最終的には、コンテンツの順番を入れ替えて、構成を
変更する形でOKとなりました。

そのサイトにとっての最も良い形はどこにあるのかを
考えながら作るデザインは、型がないようである部分と
あるようでない部分とが混ざっていて
難しいと感じることも多くありますが
これが一番良いと思える形にまで持っていけると
やっぱりここまでやって良かったと、毎回思います。

スマホサイトを持つことがSEOの順位に関わるなど
グーグルから公式に発表があり
近年、スマホサイトが重要視されてきていることや
スマホをもっている人が大多数となっていることもあり
しっかり情報や会社様の強みは伝えながらも
スマホデザインに関しては、コンパクトで見やすいデザイン
+新しい要素も取り入れていく、というところで
追求していけたらいいなあと考えています。

----------------------------------------------------------
最近、switchを買いました。
旅先で移動時間や待ち時間を潰す目的で
購入したのですが、なんて楽しいのでしょう...。

今はポケモンをしています。
バトルも迫力があるし、キャンプでカレー作り、ブティックで洋服を買っておしゃれを楽しんだりと
お楽しみ要素も多くて...技術の進化がすごい...。
終わったら次はドラクエかリングフィットアドベンチャーがほしいです。
1586715-01.jpg
書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識