ECサイトのデザインは商品の見せ方が重要である点で、Webデザインにおいても特殊な分野といえます。UIは複雑ではないものの、値段や数量などの多くのメタデータを処理するパーツが要求されるのです。
本記事では、ECサイトに共通するテーマについて、若手にもベテランにも役立つ最新のUIトレンドを紹介します。記事内のリンクも参照し、最新のテクニックを身につけてください。
１．アニメーション
アニメーションを効果的に活用しているECサイトは少ないですが、うまく活用すればUIが向上します。メニューや写真などはアニメーションで出現させると効果的でしょう。
Threadlessのサイトでは、ページ上部のメニューにカーソルを合わせると出現するサブメニューや、ページ一面に配置された商品カテゴリーの写真など、ユニークなレイアウトを採用しています。また、商品カテゴリーにカーソルを合わせると出現するリンクもあります。
これらのデザインは他のECサイトには珍しいものでしょう。
２．メニューのネスト
ECサイトではメニューの配置に注意が必要です。メニューは通常数個のリンクとサブメニューを含みますが、ECサイトでは、多くの情報を数段階のネストで表示する必要があり、一度に表示できない場合もあります。そこで、商品を選択するとその商品
スポンサーリンク
【ECサイトのデザインで注意すべきは…？】eコマースサイトデザインに使えるコンセプト＆トレンド6点！
マーケティング最新
コメント