Quantcast
Channel: ソニーな店長のつぶやき
Viewing all articles
Browse latest Browse all 3380

αcafeの、トップページがリニューアル!その狙いは?

$
0
0

calltencho_2017-8-31_12-19-52_No-00

αcafeのトップページデザインが、大幅にリニューアルされた!
Web業界筋に聞いてみたら、ブログなんかでよく使われていた、「カラム表示」(2カラムとか3カラムっていうやつ)は、もう古いデザインらしい。(当ブログはカラム表示ですが、なにか?^^;)今回のαcafeのリニューアルでは、まず、カラム表示じゃなくなったのが、大きな変更。「今風のデザイン」になったね。その変化がすごすぎて、ぱっと見、なんのページか、もはや想像もつかない。もう、見始めはオロオロしっぱなし(笑)

早速、戸惑いのユーザーさんたちが、サークル「教えてα」で、様々な意見を投稿している。。。

はたして、改善なのか?改悪なのか?

DSC09962

↑では、早速、タブレットと、スマホで、αcafeを開いた画面を比べてみる。

左がXperia Z3 Tablet Compact、右がXperia X Performance。

タブレットで開くと、PCと同じ画面レイアウト。

calltencho_2017-8-31_12-19-52_No-02

スマホで開くと、↑赤枠で囲んだ、作品部分だけが、画面横幅一派に表示され、そのサイズのまま、下へ続いていく。

このパソコンやタブレット画面と、スマホ画面の表示レイアウトの違いは、、、

「レスポンシブデザイン」

だ!いわゆる、スマホ対応画面ってやつですね!
(スマホ専用画面を別途作るわけではなく、元のコンテンツのままレイアウトを自動で変更して、スマホに対応するって手法)

実は、当店公式サイト(くどいけど、ブログは非対応だけど?^^;)も、ずいぶんまえに、レスポンシブデザインに対応しており、っていうか、ソニー公式サイトや、世の中のサイトの多くがすでに対応しているが。スマホの狭い画面にあわせて、サイト内コンテンツの幅をぎゅっと狭めて表示する。その代わりに、情報があふれて上下方向のスクロールが長くなるのだ。
また、指でタップしやすいように、テキストリンクなど含めて、全体的にゆったりとしたレイアウトになる。ちょっと説明が下手くそなので、詳しく知りたい方は、レスポンシブで、ぐぐってね。

DSC09963

↑人気の写真。

パソコン、タブレット画面では、「POPULAR 人気の写真」と表示され、写真自体は、6枚同時表示。スマホ画面では、「人気の写真」とだけ表示され、写真は1.5枚分だけ表示され、あとは横スクロール。確かに、スマホ画面レイアウトであれば、スマホでもかなり見やすい。

DSC09964

↑これが典型的な違い。

バナーが、3×4で表示されてるものが、スマホでは、1個ずつが縦にずらっと並んでいる。

このレスポンシブ化により、スマホでαcafeを開いた場合に、ピンチズームアウトすることがほぼ不要になった。これまでは、もう、頻繁に二本指で操作してた。ほんとめんどくさかった。

が、サークル「教えてα」のトピックに投稿されてる意見のとおり、確かに表示されてる写真の枚数が少なくなって、見づらいというのも、同意。

その一方、、、これまでのαcafeは、表示枚数は多いものの、サムネイルが小さくてなってて、

「サムネイルで目立つような、派手な写真が、注目されやすい」

という意見もあった。(特に、フォトコンでは、サムネイルで目立つことが、票集めのひとつの条件。あくまで、ひとつの。。。)この意見に対しては、大きく改善されたと言えるのでは? 今後は、フォトコンの投票ページレイアウトも変更されるかもね? 

サムネイル表示数は多く、サイズも大きく・・・両方のいいとこ取りできればいいんだけど。

ということで、個人的には、トピックの意見ほどは、悪くなったとは感じてない。なにより、スマホで見るのが「うんざり」だった、前のサイトよりは、イイ。

でもね。。。
パソコンタブレット画面で、、、あまりにもレイアウトがゆったりしすぎで、スクロールが多すぎ。さらに、これは、トピックに書かれた意見にも同意だが、コンテンツによっては、奥へ隠れてしまったものもあって、メニューを開かないと、たどりつけないものも多い。結構よく見てた、ポートフォリオなんかは、まさにそれ!
まだ、改善できるところはありそう。。。

はい、以上は、トップページの話。

今回は、大幅にリニューアルされたのはトップページだけのようで。
その下の階層は、カラムがなくなっただけで、根本のデザインは同じっぽい。
各ページ遷移は、上部に配置された、メニューなどに集約された。

ってことで、

・スマホ画面対応になった。
・写真サムネイルを大きくし、より正確な描写をできるようになった。反面、同時に表示できる写真枚数は減った。
・各ページ遷移は、上部のメニューなどに集約された。

こんな感じ?合格点出してもいいかなぁって感じてる。
関係各所に「スマホ専用アプリ出してくれぇ!スマホで見るのはまじ苦痛だからぁ!!」と訴え続けてきたけど、これなら、まぁ、お金掛けてアプリ開発しなくてもいいかなぁと。

昨日のリニューアル後、延べ小一時間ほど、新生αcafeを眺めてるが、、、慣れてしまえば、結構使いやすい。(ちなみに、見たのは、スマホで)また、夕べはかなり重かったけど、今日の昼間はそうでもなかったから、リニューアルでアクセスが少し増えたせい?

さぁ、あなたは、どう感じる?

-----------------------------------------------------

αcafe


Viewing all articles
Browse latest Browse all 3380

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>