アートボード___6_2x

Cocoda!で『マイクロインタラクション』を作りながら学べるコンテンツがリリースされました!🚀

Cocoda!デザイナーのグレイテストヒロキです🕺
この度Cocoda!から「マイクロインタラクション」を作りながら学べるコンテンツがリリースされました!
インタラクションを駆使したデザインを学びたい方や、細かな表現を自分で作れるようにになりたいエンジニアの方におすすめです💡

同時に使いやすいアプリデザインの考え方(=情報設計)」が身につくコンテンツも追加されているので、そちらと併せてチェックしてみてください✨

↓↓早速取組んで見たい方はこちらから👍👍↓↓
https://cocoda-design.com/contents

✍️マイクロインタラクションとは

グループ 2114@2x

マイクロインタラクションとは、「ユーザーとサービスをつなぐ最小単位のインタラクション」を指します。
例えば、FaicebookやTwitterのいいねボタンのように押したことを可愛いアニメーションと共に伝えてくれるものや、多くのログイン画面のフォームで間違った情報を入れてしまうとエラーで間違ったところを教えてくれたりするものです。
ユーザーの動きに動きに合わせてフィードバックを返したり状態を変えることで、使い心地のよいUIを実現したり、ユーザーに小さな感動体験を届けることができます💡

静的なデザインだけでなくインタラクションを含めた体験をデザインできることになることで、エンジニアリングとのコミュニケーションが円滑になったり、より愛されるサービスが生まれやすくなります✨

参考はこちら↓↓
マイクロインタラクション - UI/UXデザインの神が宿る細部
② ユーザーの心を掴む!気持ちいいインタラクションがつくりだすインターフェースデザイン
③ マイクロインタラクションを活かしたコンセプトデザインの作成


⭐マイクロインタラクションを作りながら身につけよう

今回リリースされたコンテンツでは、マイクロインタラクションの基本的な考え方を学びながら、目標デザインに沿って実際にインタラクションを作ってみながら身に付けていくことができます!🙋‍♀️

スクリーンショット 2019-12-05 3.15.27


具体的には以下のような目標デザインを実際に作っていく過程で、主要な知識をスライドや動画を元にして学ぶことができます💡

画像9

画像10

普段何気なく見ているインタラクションの背景を深く理解したり、自分でも実際にデザインができるようになれるコンテンツなのでぜひ取組んでみてください🕺

↓↓さっそく取組んで見たい人はこちら↓↓

画像11


🎁 使いやすいアプリ設計も学べるようになりました!

今回のリリースでは、上記のマイクロインタラクションコンテンツだけではなく新たに使いやすいアプリデザインの考え方(=情報設計)が身につくコンテンツもリリースされました!🚀🚀

主にDaily Cocoda!に取り組んでグラフィックは身についたけどアプリ全体の設計をどうしたらいいか分からないという人や、ディレクター/PMで要件を元にUIをイメージしたいけどどう落とし込んだらいいか分からないという方におすすめです!🙋‍♀️

スクリーンショット 2019-12-05 1.48.45

ユーザーにとって使いやすいアプリデザインをテーマとして、「ユーザーシナリオを整理すること」「それらを反映してUIをデザインすること」を意識しながら、目標デザインを実際に作っていきます💡

画像6

画像6

それぞれ15分程度で例に沿って考え方を身に着けながらデザインが作れる構成になっているのでぜひ取組んでみてください✨

↓↓さっそく取組んで見たい人はこちら↓↓

画像7



これからもUIデザインや、サービスデザインの力を身に着けられるようなコンテンツを続々と増やしていく予定です。ご期待ください😆🙌

-----------------------

🎈さいごに : ぴったりなコンテンツを探してみよう!

今回リリースされたコンテンツ以外にも、デザインを作って投稿するとプロのデザイナーからフィードバックがもらえるお題や、就職にも繋がる企業コラボお題もどんどん増えているのでそちらもぜひチェケラです!💡

画像1

画像3


ではでは、良いクリスマス&年末年始をお過ごしくださいませ🙌



この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

いえい!あなたの人生に幸あれ!
51
Cocodaというサービスを作っています。 主にデザイン・フロントエンドを担当しています。 デザイン界隈を盛り上げたい欲が食欲を一回り分くらい上回ってます。 twitterはこちら(https://twitter.com/greatest_hiroki)