2017年02月8日(水)
マイクロインタラクションで気をつけたい5つのポイント
本稿は、Free Code Campのブログ記事を了解を得て日本語翻訳し掲載した記事になります。
本記事は、UX in Motionの設立者で、ワークショップを主宰しているIssara Willenskomer氏によって投稿されました。
この記事では、私が一週間をかけて数多くのUIアニメーションを観察した末に気づいた、マイクロインタラクションで気をつけたい5つのポイントを解説します。
最初にマイクロインタラクションとは何でしょう?これについては明快な説明を与えています。
「マイクロインタラクションとは、デバイス上でひとつのタスクだけをこなす最小単位の要素」
1. デザイナーとしてのエゴを抑制すること
デザイナーであれば、称賛を受けて自分のエゴを満たしたいと思うかもしれません。しかし質の高いマイクロインタラクションをデザインするには、作業中はデザイナーとしてのエゴを忘れることが重要です。
次の例は、Sergey Valiukh氏のデザインしたアニメーションです。アニメーションは新しいアイデアが上手く機能するか実験するには絶好の土台ですが、彼の実験したアイデアは失敗しています(彼はフォント、レイアウト、配色、アニメーションにおいて非常に優れたデザイ...
author:
TechAcademyマガジン
https://techacademy.jp/magazine/
TechAcademyマガジンは、オンラインのプログラミングスクールTechAcademyが運営する教育×ITに関するWebメディアです。トレンドや最新情報など役に立つ情報を発信しています。アプデでは主にWeb制作関連の記事をご紹介しています。
‹ PREV
![](https://upde.jp/wp/wp-content/uploads/2017/02/c8961a2abd0dc5f74cfab972a27c5132-140x140.png)
画像を上位エレメントに合わせてサイズ調整できる「object-fit-images」
NEXT ›
YouAppi が日本法人を設立、イスラエル発信の人工知能型広告配信プラットフォーム!
関連記事
Ads
TechAcademyマガジンは、オンラインのプログラミングスクールTechAcademyが運営する教育×ITに関するWebメディアです。トレンドや最新情報など役に立つ情報を発信しています。アプデでは主にWeb制作関連の記事をご紹介しています。TechAcademyマガジンの記事『マイクロインタラクションで気をつけたい5つのポイント』についてまとめています。
この記事は特にアニメーション・アイコン・フォント・UXについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のTechAcademyマガジンで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとTechAcademyマガジンの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads