![見出し画像](https://assets.st-note.com/production/uploads/images/48250544/rectangle_large_type_2_546baea08b563e1551c59a68077b2b47.jpg?width=1200)
2021.3.25用 #Webサイトレビュー
≪主旨≫
ごはんのおともグランプリのサイトレビュー
1.【4原則】近接・整列・反復・対比
整列と反復はされている
トップページの「結果発表」文字の近接が取れていない、入賞者名とテキスト名の対比を取っているが少し分かりずらいので、入賞という栄光を示すうえでももう少し対比で押し出してほしい。
ファーストビューの写真が整列されていないが、整列されていると流し見してしまうため、あえてそうすることで目線を誘導しているように感じる。
2.【色感】
写真、背景やテキストと多色を使用しているが、反復で同色を使用していることや同色相で明度と彩度を調整して落ち着かせている印象がある。
3.【タイポグラフィ】
ゴシックで統一されているが、見出しや入賞者名のfont-familyを変えて印象付ける方が伝わりやすい。
4.【余白】
適度な余白が取られていると思うが、既出であるがトップページの「結果発表」の上下の余白が同じであるため、どちらに属しているのかが分かりずらい。
トップページの入賞レシピへのリンクとグランプリ欄の余白もどちらに属しているのかが分かりずらい。
5.【操作性】
トップへ戻るボタンは欲しい。
ナビ部がページ内リンクと他ページへのリンクとで混同しており移動した際に何処にいるのかが非常に分かりずらい。
6.【写真・ロゴ】
おいしそう!食べ物の写真は円で切り抜いたほうが見栄えがいいと感じた。
7.【レスポンシブ】
見やすさはPCサイズよりも携帯サイズのほうが見やすい印象。
≪総括≫
サイトの特性上、レシピを見に来る人が多いと思われるので携帯の一画面でレシピが見られる構造になっていることが使用者に対して配慮がされていると感じた。誰が、どういった理由で訪問するのかを想定し作成されたWebサイトであり、見習いたいと感じた。
入賞者名はフォントサイズを一段上げるか、font-familyを変えて押し出してほしい。
トップページの動産加工品紹介ボタンだけホバー効果を変えているのは目立っていいと感じた。
この記事が気に入ったらサポートをしてみませんか?