10周年のSPコンテンツ!
1
松尾 千鶴 (マッツォ) @kuruweb
今日は #cssnite です、メビック扇町へ向かう🙂
んじゃみ @nnjyami
今日は待望の #cssnite の再演版「UI/UX マイクロインタラクション」に行く!
あいまいみー@東京いるよ🗼 @imyme_999
今日これ行きます \( ˆoˆ )/ 行く人いますか〜〜 ひとりさみしい〜〜 笑 #cssnite CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版 cssnite-osaka.com/vol50/
池田 泰延 @clockmaker
今日の CSS Nite in Osakaは、メビック扇町での開催です。 場所的には関テレのビルです! cssniteosaka.doorkeeper.jp/events/88204 #cssnite pic.twitter.com/kurCV3fGXu
拡大
拡大
拡大
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
拡大
庄司 諭史 @satoyan419
CSS Nite in Osaka, vol.50「UI/UX マイクロインタラクション」再演版が始まります!前回は申し込み時には満席だったので、再演してくれて本当に有難い。 #cssnite pic.twitter.com/Ose4DDvlqu
拡大
んじゃみ @nnjyami
Mebic はクリエーターのための活動支援施設!ステキな会場だ! #cssnite
masa watanabe @masa_1968
『カンデジ』と聞くと『関西デジタルホン』を思い起こすオイラは昭和生まれ。#cssnite
CSS Nite in Osaka @cssnite_osaka
プレゼントタイムです!あいこじゃんけんをします👊✌🏻✋ #cssnite pic.twitter.com/upCswqtgr4
拡大
CSS Nite in Osaka @cssnite_osaka
池田 泰延さん@clockmaker のセッションはじまりました。 #cssnite
CSS Nite in Osaka @cssnite_osaka
マイクロインタラクションは一見取るに足りない瞬間を『喜びの瞬間』に変える。全体にも細部にも配慮することで、素晴らしいUXを実現。細部こそが製品を作り上げる。 #cssnite
CSS Nite in Osaka @cssnite_osaka
アニメーションを定義したデザインシステムが増えている #cssnite
庄司 諭史 @satoyan419
エンジニアが忠実以上に構築する #cssnite
あいまいみー@東京いるよ🗼 @imyme_999
■ マイクロインタラクションの役割 ・画面遷移(アニメーション) ・ユーザーインターフェース おすすめ本 📚 「マイクロインタラクション」 一見取るに足らない瞬間を「喜びに」 #cssnite
CSS Nite in Osaka @cssnite_osaka
ディレクター、デザイナー、エンジニア…だれがどう発案してどう作るか。 例) ディレクター:無関心 デザイナー:無関心 エンジニア:動きが欲しい、実装した! 例) ディレクター:実装するぞ デザイナー:いいですね、作ります エンジニア:やりたくない #cssnite
(˘・з・˘) @Chieeeeno
エンジニアがアニメーションやりたくないときの心境がわかりみすぎる。 #cssnite
CSS Nite in Osaka @cssnite_osaka
ディレクター・デザイナー・エンジニア それぞれがマイクロインタラクションの必要性を共有した上で互いの作業の理解が必要 #cssnite
うるー @h_e_u_r_e_u_x
CSS Nite in Osaka, vol.50 UI/UX マイクロインタラクションに来ました! 横の公園でお花見の人たちが楽しそう🌸 #cssnite
CSS Nite in Osaka @cssnite_osaka
没入型コンテンツ(ゲーム、バーチャルリアリティ) →世界観の構築にアニメーションを役立てる 情報提供型コンテンツ(コーポレートサイト、製品サイト) →UIの理解にアニメーションを役立てる #cssnite
CSS Nite in Osaka @cssnite_osaka
マイクロインタラクションの実装 必要性の分類 <必要なもの> ・読み込み時間のかかるローディング ・カルーセルのスライド移動 #cssnite
CSS Nite in Osaka @cssnite_osaka
<必須ではないが、実装すると好印象> ・パララックス、スクロール連動型の演出 ・いいねや保存など、ユーザー操作をともなうもの #cssnite
CSS Nite in Osaka @cssnite_osaka
<印象は小さいが、使い勝手のためやっておきたい> ・モーダルの開閉(手前に何かがある、と伝わる…など) ・アコーディオンの開閉 ・スケルトンビュー(Facebookなど、ローディングするまで「ここにコンテンツがでてくるんだな」と不安感を払拭する) ・ボタンホバー #cssnite
残りを読む(60)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?

ログインして広告を非表示にする
ログインして広告を非表示にする