「行動を設計するなら予期的UXにフォーカスしよう」までで、予期的UXに注目する理由を書いてきましたが、この記事では、あらためて背景を整理した上で実際のデザイン手法を共有します。 1. 事業会社で「デザイン」に求められることサービス事業を自社運営しているネット系の会社（以下”事業会社”）では、 存続可能な価値提供事業を成立させるために「デザイン」します。 この記事では、 KPI：デザインのターゲットなる行動を指標化したものKGI：事業の成果指標としますが、 事業会社での「デザイン」は、事業計画に合わせて設計や成果物（プロダクト/サービス）をアウトプットし、ユーザーの行動(KPI)を生むことで事業指標(KGI)の達成と価値提供（UX）を実現する行為だという意味です。 この内、価値提供のためのデザイン手法がUXデザインです。そして、この記事は、そのUXデザインをユーザーの行動の設計に利用すること

Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。 そんなカード型UIのレイアウトやデザイン、アニメーションを伴ったインタラクションの実装アイデアを紹介します。 各リンク先ではHTMLやCSS、使用していればJavaScriptも編集・ダウンロードできます。 Recipe Card インタラクションの一部をアニメーションにしてみました。他にも写真がズームしたり、タブ（機能は未）などが用意されており、省スペースに多くの情報を掲載することができます。