ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法 - Feel Like A Fallinstarたまには具体的なUIの紹介など。 どうしても商品画像以外のデザインがワンパターン化しやすいECサイトの商品ページに、ちょっとした一工夫をすることで画面を一味違う味付けに仕上げる小技をいくつか。 ※カートのデザイン例は、80 Examples of Add to Cart Buttons for Design Inspirationより。 1.値引きの見せ方を工夫して、割安感を「さりげなく」アピール なんだかんだ言っても、ユーザは最後は価格をしっかりチェックしてます。 あまり大々的に書くとサイトが胡散臭くなってしまうような商材で、でもちゃんと値引きや割安であることをアピールしたいケースは意外と多いもの。 そんなときは 値下げ前と値下げ後の価格を並列に設置 値下げした価格を強調（主に赤系の色を使ったり、太文字にしたり）しつつ、定価は主張しないように、でも目に留まる程度に配置 定価を横線で打ち消
