2016年11月15日(火)
UXを向上させる５種類のアニメーションの使い方
Image credit: Barthelemy Chalvet
モーションはストーリーを伝えます。長く複雑なストーリーではなく、「今ここを見て下さい」や、「操作は正常に完了しました」などのシンプルなストーリーです。
しかし、アニメーションの目標は、ユーザーを楽しませることではありません。ユーザーが何が実行されているか理解し、より便利にアプリを使う方法を理解するための手助けするためにあります。このアイディアは、Zurbの記事にある次の言葉の中ではっきりと表現されています。
We’re no longer just designing static screens. We’re designing for how the user gets from those screens to actually view content.
私たちはもはや、静的な画面をデザインすることはありません。ユーザーが実際にどのようにコンテンツを見て、どのように理解するかをデザインしているのです。
アニメーションは、美しさと機能性を一体化させるために、幅広い規模とコンテキスト（文脈）で使われています。アニメーションは、行動に影響を与え、ステータスを伝え、ユーザーの注目をひき、そし...
0
181
289
328author:
UX MILK
UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。
Ads
UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『UXを向上させる５種類のアニメーションの使い方』についてまとめています。
この記事は特にアイディア・アニメーション・アイコン・UX・Mac・アプリについて書かれており、 Webデザイン、HTML+CSSコーディング、Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
