ほめほめデザイン会 vol.1 VOGUE GIRLさん

はじめまして。おそのです。
デザインに関して考えたことアウトプットできるようになりたい！と思い、noteを始めることにしました。

本日は、ほめほめデザイン会 vol.1を行いたいと思います。

ほめほめデザイン会とは・・・１つのデザイン、サービスに対し、いいと思うところを褒めちぎる会です。

アルバイトさせていただいている会社で、上長に「デザインのアウトプットのためにやっているよー！」とお話を聞いて、私もやってみることにしました。

どこがいいのか、言語化できるようになることで、自分のデザイン力の向上に生かしていきたいと思っています。今後練っていくので、暖かい目で見てください。＞＜よろしくお願いします。

今日ほめほめするデザインはこちらです

VOGUE GIRL さんのウェブサイト
 https://voguegirl.jp

選んだ理由は、私がVOGUE GIRLがとても好きだからです！！

「なぜ私がVOGUE GIRLのサイトが好きなのか？」その理由を、感覚ではなく明確に、言葉にできたらいいなと思っています。ぜひ読んでください。

ほめポイントは３つです
①雑誌を読んでいる時のわくわく感と使いやすさが共存している！
②情報の優先度が明確！読みやすい。
③すぐに押せるメニューボタン

ほめポイント①
雑誌を読んでいる時のわくわく感と使いやすさが共存している！

【写真】
雑誌を読んでいる気持ちになるのは、写真が画面を占める割合が高いからです。写真。。おしゃれで、かわいい。。

そんな雑誌らしさを感じる写真が、邪魔だなと感じないのは、写真自体をクリックしても、その記事に飛べるからだと考えました。

これがタイトルしか押せなかったら、そこまでスクロールしているうちに、「興味ある！」の気持ちが少し冷めちゃうのではないでしょうか。。小さなことですが、大きなGOODです！

【アニメーション】

横にスライドすると、TOPページでは、カテゴリが変わります。記事内で横にスライドすると、前後の記事に移ります。

この時の動きが雑誌を読んでいる時と同じ！スマートで素敵！でも、うるさくない。スムーズ。

↑画面上部のヘッダーや、

↑記事下部にくると出てくるボタンは、「スライドしたら移動できるんだ」と教えてくれています。初めてきた人でもわかるようになっているのも、素敵です。

ほめポイント②
情報の優先度が明確！読みやすい。

・記事タイトル、見出しは太字で目立つ
・シェアボタン、日付、カテゴリなどは小さい。

情報の優先度がはっきりしています。
雑誌も、モデルが着ている服の詳細は小さかったり、読む部分読まない部分が明確な印象です。

小さなあしらい的な文字があることは、雑誌らしさにも繋がっています。また、これは「シェアしてほしい」「お店に来てほしい！」そんな制作側の気持ちより、「記事を読みたい」というユーザーの気持ちを尊重されているとも感じました。

サイトでも、文字をきちんと扱っているから、記事に集中して、楽しむことができるんですね。

ほめポイント③
すぐに押せるメニューボタン

画面の左隅に、常に固定されているメニューボタンがあります。

ここをクリックすると、カテゴリ別の記事が探せたり、トピックスを見ることができます。

私は、このメニューボタンのさりげなさがとても好きです。

大きさ、色もほどよく、記事を読んでいても邪魔じゃないし、メニューに行きたいときはすぐに見つけることができます。

また、しいたけ占いの特集ページにいくと、しいたけ占いのメニューボタンがリボン風に出てきます。

しいたけ占いのメニュー、VOGUEGIRLのメニュー。２つのメニューを固定にしている。。

自分の次行きたいページにスムーズに動けるデザイン、いい！！こんなやり方があるんだ！！と思いました。

まとめ
・雑誌のデザインの良さをそのままに、使いやすいサイトになっている
・記事を読む以外の行動を、さりげなく、且つスムーズに伝えてくれている

実際に「どこがいいんだろう？」と考えてみると、まとめ２点が大きな良い点だったという結論でした。

見た目がよくても使いにくいと見たくないですし、いくらいいものでも、見た目が魅力的じゃなかったら興味がわかないです。今後、そんな２つを兼ね備えたものが作れるようになりたいな。。

記事を書いているうちに、フォントや余白をもっと細かく見てみたい・・とも思いました。ちょこちょこ、また研究していきたいと思います。

はじめてのnote投稿、とても恥ずかしいですが、きっとそのうち慣れてくるはず・・・。今後とも続けていきたいと思います。

ここまで読んでくださりありがとうございました。