Yahoo!ショッピングのバナーガイドラインを作成し、CTR128％カイゼンしたお話｜Yahoo!ショッピング公式
こんにちは、Yahoo!ショッピング UI/UXデザイナーのあさみ（@lqqoos）です。 今回は少し前に行った、バナーのクリエイティブカイゼンのお話をさせてください。 カイゼンの対象となった場所は、Yahoo!ショッピングのトップページに表示されているこちらのバナーです。 こちらのバナーはパソコンウェブ・スマートフォンウェブ・iOSアプリ・Androidアプリ共通で表示する仕組みになっており、Yahoo!ショッピングに訪れる誰もがみる場所です。 いわば「Yahoo!ショッピングの顔」といっても過言ではありません！ まずは新旧比較からご覧ください！ パッと見ただけでも、「あれ、なんか違うな」と気づきますよね？ とてもシンプルになり、ごちゃつきがなく、スッキリとした印象を与えられているかと思います。 定量データをもとに決定していった今回の取り組みをご紹介します。 抱えていた課題「Yahoo!
Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基本と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基本 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creative Veila – Download Free Android Phone Mockups
