2018年11月15日(木)

アニメーションを使った効果的なモバイルなトランジション例

• 0
• 328
• 343
• 249

アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を開く、チェックボックス、別ページへの誘導などはすべて画面のトランジションです。それらをアニメーションで表現することはユーザーのアクションを促進する効果的な方法です。

この記事ではデザインを引き立たせ、ユーザーとの意思疎通やアクションを促すような効果的なアニメーション事例をレビューしていきます。

システムステータスの表示

何らかのアクションをユーザーが行った際には、そのアクションを受け取り処理していることをビジュアルレスポンスで明確に示す必要があります。アニメーションによるフィードバックがユーザー体験において有益なケースがいくつかあります。

• ユーザーの操作に対する「反応」をきちんと返しましょう。ユーザーはシステムがアクションを受け取ったことを視覚的なフィードバックで確認できるため、再び画面の要素をタップすることを防ぐことができます。

author:

UX MILK

http://uxmilk.jp/

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

ECビジネスはこの4年半でどう変わった？ 激動のEC業界4.5年分を振り返る | ネットショップ担当者フォーラム　特選記事

         

NEXT ›

               

時に邪魔なAutocompleteを無効にできる「jQuery.disableAutoFill」

関連記事

• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• Kindle本のプライムデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です
• Kindle本の年末年始セールがすごすぎる！ 今年発売されたばかりのデザイン書・Web制作の解説書・イラスト解説書も最安値でお買い得です
• Kindle本のブラックフライデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です

Ads

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『アニメーションを使った効果的なモバイルなトランジション例』についてまとめています。

この記事は特にアニメーション・SEO・UX・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。