CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版
-
cssnite_osaka
- 1703
- 0
- 0
- 7
-
- いいね！7
あいまいみー｜designer
@imyme_999
今日これ行きます \( ˆoˆ )/ 行く人いますか〜〜 ひとりさみしい〜〜 笑 #cssnite CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版 cssnite-osaka.com/vol50/
2019-04-06 13:11:52
池田 泰延
@clockmaker
今日の CSS Nite in Osakaは、メビック扇町での開催です。 場所的には関テレのビルです！ cssniteosaka.doorkeeper.jp/events/88204 #cssnite pic.twitter.com/kurCV3fGXu
2019-04-06 13:42:35
拡大
拡大
拡大
CSS Nite in Osaka
@cssnite_osaka
CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版 本日です！開場は14:00です。お待ちしております！ cssnite-osaka.com/vol50/ #cssnite pic.twitter.com/rSppj1VUay
2019-04-06 13:51:17
拡大
庄司 諭史
@satoyan419
CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版が始まります！前回は申し込み時には満席だったので、再演してくれて本当に有難い。 #cssnite pic.twitter.com/Ose4DDvlqu
2019-04-06 14:21:02
拡大
CSS Nite in Osaka
@cssnite_osaka
プレゼントタイムです！あいこじゃんけんをします👊✌🏻✋ #cssnite pic.twitter.com/upCswqtgr4
2019-04-06 14:38:53
拡大
CSS Nite in Osaka
@cssnite_osaka
マイクロインタラクションは一見取るに足りない瞬間を『喜びの瞬間』に変える。全体にも細部にも配慮することで、素晴らしいUXを実現。細部こそが製品を作り上げる。 #cssnite
2019-04-06 14:49:33
あいまいみー｜designer
@imyme_999
■ マイクロインタラクションの役割 ・画面遷移（アニメーション） ・ユーザーインターフェース おすすめ本 📚 「マイクロインタラクション」 一見取るに足らない瞬間を「喜びに」 #cssnite
2019-04-06 15:04:11
CSS Nite in Osaka
@cssnite_osaka
ディレクター、デザイナー、エンジニア…だれがどう発案してどう作るか。 例） ディレクター：無関心 デザイナー：無関心 エンジニア：動きが欲しい、実装した！ 例） ディレクター：実装するぞ デザイナー：いいですね、作ります エンジニア：やりたくない #cssnite
2019-04-06 15:04:23
CSS Nite in Osaka
@cssnite_osaka
ディレクター・デザイナー・エンジニア それぞれがマイクロインタラクションの必要性を共有した上で互いの作業の理解が必要 #cssnite
2019-04-06 15:06:57
Sachi Uenishi
@h_e_u_r_e_u_x
CSS Nite in Osaka, vol.50 UI/UX マイクロインタラクションに来ました！ 横の公園でお花見の人たちが楽しそう🌸 #cssnite
2019-04-06 15:08:35
CSS Nite in Osaka
@cssnite_osaka
没入型コンテンツ（ゲーム、バーチャルリアリティ） →世界観の構築にアニメーションを役立てる 情報提供型コンテンツ（コーポレートサイト、製品サイト） →UIの理解にアニメーションを役立てる #cssnite
2019-04-06 15:09:26
CSS Nite in Osaka
@cssnite_osaka
マイクロインタラクションの実装 必要性の分類 ＜必要なもの＞ ・読み込み時間のかかるローディング ・カルーセルのスライド移動 #cssnite
2019-04-06 15:12:40
CSS Nite in Osaka
@cssnite_osaka
＜必須ではないが、実装すると好印象＞ ・パララックス、スクロール連動型の演出 ・いいねや保存など、ユーザー操作をともなうもの #cssnite
2019-04-06 15:13:23
CSS Nite in Osaka
@cssnite_osaka
＜印象は小さいが、使い勝手のためやっておきたい＞ ・モーダルの開閉（手前に何かがある、と伝わる…など） ・アコーディオンの開閉 ・スケルトンビュー（Facebookなど、ローディングするまで「ここにコンテンツがでてくるんだな」と不安感を払拭する） ・ボタンホバー #cssnite
2019-04-06 15:17:04