WEBサイトのデザイン分析

今日はteradateraのサイトを分析します。

PC用ページ

ページを開くと、主な画像情報が点在しているセクションがホームページにありますが、背景が白であるため、全体が乱雑に見えることはありません。右上はいくつかの情報のクイックオプションです。

デザイン面

プレビューしたい画像にマウスをドラッグすると、白い背景がこの写真になるので、このインタラクションはいいと思います。各プレートをこのような相互作用方式でうまく分離しました。

このページは面白いと思います。ページを下にスライドすると、画面の上にいろいろな形の図形が現れて、それから自由に落ちて、自由に画面の底を散歩しているので、このページを開くたびに見る図形が違います。

このページもインタラクティブなデザインで、プレビューしたい行にマウスを移動するとその行の画像情報が表示されます。

使用感

最大の問題はグラフィックの自由下体のページだと思いますが、グラフィックが多すぎるせいか、半秒のカートンが出てきて、効果はいいですが、たまにカートンが体験に影響を与えることがあります。そして作品の見せ方が上手で、多彩な色を表現しながらページ全体を混乱させないことができると思います。

SPページ

モバイル側のページはパソコンほど派手ではないように見えますが、全体的なスタイルは維持されています。そして、グラフィックが自由に落ちたページはグラフィックが減少したため、かえってパソコン側よりもスムーズになりました。

まとめ

サイトを設計する際には性能の問題も考慮しなければならないと思います。うまくインタラクションを設計しても、ページがスムーズにプレビューできず、かえって効果が悪いので、それからはページごとのスタイルに注意しなければならないと思います。