SlideShare a Scribd company logo
1 of 20
Download to read offline
user experience agency
How does animation enhance user experience?
Research

Video Content: how does it improve user experience?
• It increases average time spent on a
  page. Making the site more engaging
  means that users will tend to stay on
  your site that little bit longer. This
  means they are more likely to be
  receptive to the key messaging you
  are trying to put across to them (buy
  this, go here, get in touch). When
  this is combined with messaging
  within the video itself this can be a    • Video Marketing is the single most ppowerful
                                              traffic generation technique.
  very successful marketing strategy.




Video Content: how does it improve user experience?
• Video is, naturally, a more pleasant
  experience. Videos that provide
  interesting content that is relevant to
  a user’s interests will likely be more
  appealing to them than a similarly
  relevant website or book or
  article, surveys suggest.
                                            • Videos can add a personal touch.
                                              Film which portrays people, in some
                                              way, can help give comfort and assist
                                              a user in trusting your message. This
                                              could be in the form of an interview
                                              or filmed presentation, for example.

Video Content: how does it improve user experience?
• Information can be more readily
  understood and processed. Much
  like the use of
  infographics, information presented
  with more than just words will much
  more readily enter your user’s mind.
  Videos can help to take this to the
  next level using clever animation and
  graphic design, thus improving your
  user’s experience.                    •   The Power of Data Visualisation motion graphic is a
                                            perfect example of this.
                                            http://columnfivemedia.com/the-value-of-data-
                                            visualization/




Video Content: how does it improve user experience?
Architect

Communication of video content
• Videos are easily and preferentially    • They help create a good linking
  shared. We’ve all spread those            structure. If uploaded to YouTube, or
  funny, informative or just plain          similar, remember to link the video
  interesting videos around the office.     with other videos you’ve created, as
  Videos help to get content shared         well as to profile and user pages as
  around the web and get useful             well. This can really improve your
  external links back to your site.         inbound links and SEO for your site.




Communication of video content
• Using social media platforms to           • Use of keywords. Making full use of
  share video content improve user            keywords within your video links is
  experience. Tweeting and linking            essential to ensuring people find
  your video to social media platforms        your video. This includes the file
  will really help to get the word out.       name, meta tags and title.
  Specific sharing of video content
  targeted at potential clients via blogs
  leads to more web traffic and
  exposure of your brand.




Communication of video content
Design

How Interaction Design aids user experience
• Interaction design • The result: screens • “Interaction design should be
  started from two        and input devices     concerned with the issues of
  separate directions -   become one - easily   beauty as our environments of
  Screen Graphics on      allowing technology   experience become rapidly shaped
  displays and Input      to fit into out       by
  devices.                everyday lives.       digital, networked, multifunctional
                                                artifacts that influence our lifestyle
                                                and perceptions.” – Uday Gajendar




 How Interaction Design aids user experience
• Animation is so much a part of a          • A product or app’s interface forms a
  products personality – not just what it     big part of it’s interaction with the user
  looks like but how it behaves and           and directly effects user experience.
  interacts with the user, making it a
  huge part of interaction design.
                                            • A new age of modern mobile products
                                              have ushered in new standards of how
                                              we navigate and interact with a
                                              product’s interface.




How Interaction Design aids user experience
• New technology has meant improved
  ways of physically interacting with
  products. This directly links to the
  quality of user experience in
  industries such as gaming, for
  instance.

                                         • People create mental models about
                                           certain objects and tasks, which is why
                                           consistency is so crucial when users
                                           build familiarities with a product for
                                           future use .


How Interaction Design aids user experience
Implement

How Transitions within animation improve UX
• Transitions are creating fluid experiences. • Animated transitions can be used
                                               to convey specific messages to a
                                               user - expanding an element on
                                               hover, as in this screen within
                                               Xbox Home:




• Planning for all
  transitions, controls, chapters, and
  interactions is important to create a
  continuous stream without instructions.
How Transitions within animation improve UX
• Simple is another example that uses
  visual animation as a seamless flow to
  strengthen the products story.




                                           •   In the case of this iPod Nano, every
                                               transition is meaningful, there is a
                                               purpose with each one because it helps
                                               structure the interface of the navigation.

How Transitions within animation improve UX
Evaluate

In Conclusion
• Video content improves User              • Information can be more readily
    Experience by making the site more         understood and processed via the
    engaging, so users are more                use of animation and visual input.
    receptive to the key messaging you     •   Videos are easily and preferentially
    are trying to put across.                  shared.
•   Videos that provide interesting        •   Sharing video content via social
    content that is relevant to a user’s       media improves user experience
    interests will likely be more              and generate traffic.
    appealing to them than comparative     •   A product interface forms a big part
    media formats.                             of it’s interaction with the user and
•   Videos portraying human                    directly effects user experience.
    interaction have a personal touch      •   Transitions create fluid experiences
    and evoke trust with the user.             for users and aids navigation.


In Conclusion
• Animation plays a huge part in
    improving user experience for
    the across many mediums.
•   It helps stimulate ordinary
    information into more exiting
    and visually engaging formats
    so the user can withdraw more
    from its key messages.
•   It has a place in all most all
    modern media and works well
    to promote, share or sell a
    product or service to users.


In Conclusion
Thank you!



Jon Ward
Interactions Designer

jon@zabisco.com
0115 948 4454

More Related Content

What's hot

Demystifying UX, CX and Digital Transformation
Demystifying UX, CX and Digital TransformationDemystifying UX, CX and Digital Transformation
Demystifying UX, CX and Digital TransformationMelissa Wilfley
 
Prateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampNigel Hudson
 
User experience for enterprise
User experience for enterpriseUser experience for enterprise
User experience for enterpriseNigel Hudson
 
Tom callaway portfolio
Tom callaway portfolioTom callaway portfolio
Tom callaway portfolioTom Callaway
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialStephen Denning
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015TAL FLORENTIN
 
Article on User Experience 2004
Article on User Experience 2004Article on User Experience 2004
Article on User Experience 2004Different
 
Do Big Webinar: Why web conferencing works for your business?
Do Big Webinar: Why web conferencing works for your business? Do Big Webinar: Why web conferencing works for your business?
Do Big Webinar: Why web conferencing works for your business? Tata Tele Business Services
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Processcreed
 
Cloud-Based Video Conferencing for Dummies
Cloud-Based Video Conferencing for DummiesCloud-Based Video Conferencing for Dummies
Cloud-Based Video Conferencing for DummiesBlueJeans Network
 

What's hot (12)

Demystifying UX, CX and Digital Transformation
Demystifying UX, CX and Digital TransformationDemystifying UX, CX and Digital Transformation
Demystifying UX, CX and Digital Transformation
 
Prateek Agarwal Portfolio
Prateek Agarwal PortfolioPrateek Agarwal Portfolio
Prateek Agarwal Portfolio
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
User experience for enterprise
User experience for enterpriseUser experience for enterprise
User experience for enterprise
 
Persuasive Architecture
Persuasive ArchitecturePersuasive Architecture
Persuasive Architecture
 
Tom callaway portfolio
Tom callaway portfolioTom callaway portfolio
Tom callaway portfolio
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy Tutorial
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015
 
Article on User Experience 2004
Article on User Experience 2004Article on User Experience 2004
Article on User Experience 2004
 
Do Big Webinar: Why web conferencing works for your business?
Do Big Webinar: Why web conferencing works for your business? Do Big Webinar: Why web conferencing works for your business?
Do Big Webinar: Why web conferencing works for your business?
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
 
Cloud-Based Video Conferencing for Dummies
Cloud-Based Video Conferencing for DummiesCloud-Based Video Conferencing for Dummies
Cloud-Based Video Conferencing for Dummies
 

Viewers also liked

Storyboard
StoryboardStoryboard
Storyboardjosh mk
 
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...Roger Burks
 
UX basics inception to experience delivery
UX basics  inception to experience deliveryUX basics  inception to experience delivery
UX basics inception to experience deliveryTechved Consulting
 
How to Craft A Memorable Special Appeal for Your Event
How to Craft A Memorable Special Appeal for Your EventHow to Craft A Memorable Special Appeal for Your Event
How to Craft A Memorable Special Appeal for Your EventVanessa Chase
 
Navigating Ambiguity: UX in Early-Stage Product Development
Navigating Ambiguity: UX in Early-Stage Product DevelopmentNavigating Ambiguity: UX in Early-Stage Product Development
Navigating Ambiguity: UX in Early-Stage Product DevelopmentElisa Poquette
 
SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS Debarati Rakshit
 
Creating a Culture of Storytelling
Creating a Culture of StorytellingCreating a Culture of Storytelling
Creating a Culture of StorytellingVanessa Chase
 
Prototyping for speed & scale
Prototyping for speed & scalePrototyping for speed & scale
Prototyping for speed & scaleCarl Sziebert
 
UI/UX foundations - Intro to Design
UI/UX foundations - Intro to DesignUI/UX foundations - Intro to Design
UI/UX foundations - Intro to DesignMeg Kurdziolek
 
The 2015 Storytelling Non-Profit Virtual Conference
The 2015 Storytelling Non-Profit Virtual ConferenceThe 2015 Storytelling Non-Profit Virtual Conference
The 2015 Storytelling Non-Profit Virtual ConferenceVanessa Chase
 
UX: Enhancing Experiences with Animation
UX: Enhancing Experiences with AnimationUX: Enhancing Experiences with Animation
UX: Enhancing Experiences with AnimationAlfredo Aponte
 

Viewers also liked (20)

Storyboard
StoryboardStoryboard
Storyboard
 
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...
Creating A Culture Of Storytelling from NTEN's 2010 Nonprofit Technology Conf...
 
UX basics inception to experience delivery
UX basics  inception to experience deliveryUX basics  inception to experience delivery
UX basics inception to experience delivery
 
How to Craft A Memorable Special Appeal for Your Event
How to Craft A Memorable Special Appeal for Your EventHow to Craft A Memorable Special Appeal for Your Event
How to Craft A Memorable Special Appeal for Your Event
 
Navigating Ambiguity: UX in Early-Stage Product Development
Navigating Ambiguity: UX in Early-Stage Product DevelopmentNavigating Ambiguity: UX in Early-Stage Product Development
Navigating Ambiguity: UX in Early-Stage Product Development
 
SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS
 
Creating a Culture of Storytelling
Creating a Culture of StorytellingCreating a Culture of Storytelling
Creating a Culture of Storytelling
 
Prototyping for speed & scale
Prototyping for speed & scalePrototyping for speed & scale
Prototyping for speed & scale
 
Animation in UX
Animation in UXAnimation in UX
Animation in UX
 
UI/UX foundations - Intro to Design
UI/UX foundations - Intro to DesignUI/UX foundations - Intro to Design
UI/UX foundations - Intro to Design
 
Storyboard
Storyboard Storyboard
Storyboard
 
The 2015 Storytelling Non-Profit Virtual Conference
The 2015 Storytelling Non-Profit Virtual ConferenceThe 2015 Storytelling Non-Profit Virtual Conference
The 2015 Storytelling Non-Profit Virtual Conference
 
Storytelling: Sixth Lecture
Storytelling: Sixth LectureStorytelling: Sixth Lecture
Storytelling: Sixth Lecture
 
Life Writing: Second Lecture
Life Writing: Second LectureLife Writing: Second Lecture
Life Writing: Second Lecture
 
Storytelling: Fourth Lecture
Storytelling: Fourth LectureStorytelling: Fourth Lecture
Storytelling: Fourth Lecture
 
Life Writing: First Lecture
Life Writing: First LectureLife Writing: First Lecture
Life Writing: First Lecture
 
Storytelling: Second Lecture
Storytelling: Second LectureStorytelling: Second Lecture
Storytelling: Second Lecture
 
UX Storyboard
UX StoryboardUX Storyboard
UX Storyboard
 
UX: Enhancing Experiences with Animation
UX: Enhancing Experiences with AnimationUX: Enhancing Experiences with Animation
UX: Enhancing Experiences with Animation
 
Storytelling: Fifth Lecture
Storytelling: Fifth LectureStorytelling: Fifth Lecture
Storytelling: Fifth Lecture
 

Similar to Using animation to enhance ux

Design For Mobile Apps
Design For Mobile AppsDesign For Mobile Apps
Design For Mobile Appsmosti Farahat
 
Icons, Image & Multimedia
Icons, Image & MultimediaIcons, Image & Multimedia
Icons, Image & MultimediaMeghaj Mallick
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdferzascarlet3998
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-foundersCyber-Duck
 
Codestrong 2012 breakout session how to win bigger mobile deals
Codestrong 2012 breakout session   how to win bigger mobile dealsCodestrong 2012 breakout session   how to win bigger mobile deals
Codestrong 2012 breakout session how to win bigger mobile dealsAxway Appcelerator
 
Tech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentTech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentWestern Illinois University
 
Ventuno content seeding slideshare
Ventuno content seeding slideshareVentuno content seeding slideshare
Ventuno content seeding slideshareMahadevan Jayram
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
Angela Frucci Portfolio
Angela Frucci PortfolioAngela Frucci Portfolio
Angela Frucci PortfolioAngela Frucci
 
Mental Models, Service Design & The Problem With Convergence
Mental Models, Service Design & The Problem With ConvergenceMental Models, Service Design & The Problem With Convergence
Mental Models, Service Design & The Problem With ConvergenceHarry Brignull
 
Change management from a distance_Summary
Change management from a distance_SummaryChange management from a distance_Summary
Change management from a distance_SummaryNathanaelBackhouseMC
 
Micro interactions and motion designs
Micro interactions and motion designsMicro interactions and motion designs
Micro interactions and motion designsKiran Challa
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 

Similar to Using animation to enhance ux (20)

Design For Mobile Apps
Design For Mobile AppsDesign For Mobile Apps
Design For Mobile Apps
 
Icons, Image & Multimedia
Icons, Image & MultimediaIcons, Image & Multimedia
Icons, Image & Multimedia
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
Codestrong 2012 breakout session how to win bigger mobile deals
Codestrong 2012 breakout session   how to win bigger mobile dealsCodestrong 2012 breakout session   how to win bigger mobile deals
Codestrong 2012 breakout session how to win bigger mobile deals
 
Why UX?
Why UX?Why UX?
Why UX?
 
Tech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentTech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction development
 
Ventuno content seeding slideshare
Ventuno content seeding slideshareVentuno content seeding slideshare
Ventuno content seeding slideshare
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
Angela Frucci Portfolio
Angela Frucci PortfolioAngela Frucci Portfolio
Angela Frucci Portfolio
 
Mental Models, Service Design & The Problem With Convergence
Mental Models, Service Design & The Problem With ConvergenceMental Models, Service Design & The Problem With Convergence
Mental Models, Service Design & The Problem With Convergence
 
Change management from a distance_Summary
Change management from a distance_SummaryChange management from a distance_Summary
Change management from a distance_Summary
 
User Experience
User ExperienceUser Experience
User Experience
 
Background branding video ads plugin
Background branding video ads pluginBackground branding video ads plugin
Background branding video ads plugin
 
Micro interactions and motion designs
Micro interactions and motion designsMicro interactions and motion designs
Micro interactions and motion designs
 
Lean UX Workshop
Lean UX WorkshopLean UX Workshop
Lean UX Workshop
 
What ux is
What ux isWhat ux is
What ux is
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 

More from Zabisco Digital

UX of Chartered Institutes
UX of Chartered InstitutesUX of Chartered Institutes
UX of Chartered InstitutesZabisco Digital
 
UX of Royal Colleges of Medicine
UX of Royal Colleges of MedicineUX of Royal Colleges of Medicine
UX of Royal Colleges of MedicineZabisco Digital
 
 Infographics in multichannel environments
 Infographics in multichannel environments Infographics in multichannel environments
 Infographics in multichannel environmentsZabisco Digital
 
Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion Zabisco Digital
 
Applying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marrittApplying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marrittZabisco Digital
 
How typographic animation delivers your message
How typographic animation delivers your messageHow typographic animation delivers your message
How typographic animation delivers your messageZabisco Digital
 
Expressive Typography in Web Design
Expressive Typography in Web DesignExpressive Typography in Web Design
Expressive Typography in Web DesignZabisco Digital
 
User Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it wellUser Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it wellZabisco Digital
 
How to install Civicrm in Drupal 7
How to install Civicrm in Drupal 7How to install Civicrm in Drupal 7
How to install Civicrm in Drupal 7Zabisco Digital
 
Do Icons Aid The User Experience
Do Icons Aid The User ExperienceDo Icons Aid The User Experience
Do Icons Aid The User ExperienceZabisco Digital
 
Website Navigation Systems
Website Navigation SystemsWebsite Navigation Systems
Website Navigation SystemsZabisco Digital
 
Personas & Audience Segmentation Methodology
Personas & Audience Segmentation MethodologyPersonas & Audience Segmentation Methodology
Personas & Audience Segmentation MethodologyZabisco Digital
 

More from Zabisco Digital (15)

UX of Chartered Institutes
UX of Chartered InstitutesUX of Chartered Institutes
UX of Chartered Institutes
 
UX of Royal Colleges of Medicine
UX of Royal Colleges of MedicineUX of Royal Colleges of Medicine
UX of Royal Colleges of Medicine
 
What's trending?
What's trending?What's trending?
What's trending?
 
 Infographics in multichannel environments
 Infographics in multichannel environments Infographics in multichannel environments
 Infographics in multichannel environments
 
Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion
 
Applying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marrittApplying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marritt
 
How typographic animation delivers your message
How typographic animation delivers your messageHow typographic animation delivers your message
How typographic animation delivers your message
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Expressive Typography in Web Design
Expressive Typography in Web DesignExpressive Typography in Web Design
Expressive Typography in Web Design
 
User Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it wellUser Research Tools: Don't just do it, do it well
User Research Tools: Don't just do it, do it well
 
User Research
User ResearchUser Research
User Research
 
How to install Civicrm in Drupal 7
How to install Civicrm in Drupal 7How to install Civicrm in Drupal 7
How to install Civicrm in Drupal 7
 
Do Icons Aid The User Experience
Do Icons Aid The User ExperienceDo Icons Aid The User Experience
Do Icons Aid The User Experience
 
Website Navigation Systems
Website Navigation SystemsWebsite Navigation Systems
Website Navigation Systems
 
Personas & Audience Segmentation Methodology
Personas & Audience Segmentation MethodologyPersonas & Audience Segmentation Methodology
Personas & Audience Segmentation Methodology
 

Recently uploaded

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 

Recently uploaded (19)

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 

Using animation to enhance ux

  • 2. How does animation enhance user experience?
  • 3. Research Video Content: how does it improve user experience?
  • 4. • It increases average time spent on a page. Making the site more engaging means that users will tend to stay on your site that little bit longer. This means they are more likely to be receptive to the key messaging you are trying to put across to them (buy this, go here, get in touch). When this is combined with messaging within the video itself this can be a • Video Marketing is the single most ppowerful traffic generation technique. very successful marketing strategy. Video Content: how does it improve user experience?
  • 5. • Video is, naturally, a more pleasant experience. Videos that provide interesting content that is relevant to a user’s interests will likely be more appealing to them than a similarly relevant website or book or article, surveys suggest. • Videos can add a personal touch. Film which portrays people, in some way, can help give comfort and assist a user in trusting your message. This could be in the form of an interview or filmed presentation, for example. Video Content: how does it improve user experience?
  • 6. • Information can be more readily understood and processed. Much like the use of infographics, information presented with more than just words will much more readily enter your user’s mind. Videos can help to take this to the next level using clever animation and graphic design, thus improving your user’s experience. • The Power of Data Visualisation motion graphic is a perfect example of this. http://columnfivemedia.com/the-value-of-data- visualization/ Video Content: how does it improve user experience?
  • 8. • Videos are easily and preferentially • They help create a good linking shared. We’ve all spread those structure. If uploaded to YouTube, or funny, informative or just plain similar, remember to link the video interesting videos around the office. with other videos you’ve created, as Videos help to get content shared well as to profile and user pages as around the web and get useful well. This can really improve your external links back to your site. inbound links and SEO for your site. Communication of video content
  • 9. • Using social media platforms to • Use of keywords. Making full use of share video content improve user keywords within your video links is experience. Tweeting and linking essential to ensuring people find your video to social media platforms your video. This includes the file will really help to get the word out. name, meta tags and title. Specific sharing of video content targeted at potential clients via blogs leads to more web traffic and exposure of your brand. Communication of video content
  • 10. Design How Interaction Design aids user experience
  • 11. • Interaction design • The result: screens • “Interaction design should be started from two and input devices concerned with the issues of separate directions - become one - easily beauty as our environments of Screen Graphics on allowing technology experience become rapidly shaped displays and Input to fit into out by devices. everyday lives. digital, networked, multifunctional artifacts that influence our lifestyle and perceptions.” – Uday Gajendar How Interaction Design aids user experience
  • 12. • Animation is so much a part of a • A product or app’s interface forms a products personality – not just what it big part of it’s interaction with the user looks like but how it behaves and and directly effects user experience. interacts with the user, making it a huge part of interaction design. • A new age of modern mobile products have ushered in new standards of how we navigate and interact with a product’s interface. How Interaction Design aids user experience
  • 13. • New technology has meant improved ways of physically interacting with products. This directly links to the quality of user experience in industries such as gaming, for instance. • People create mental models about certain objects and tasks, which is why consistency is so crucial when users build familiarities with a product for future use . How Interaction Design aids user experience
  • 14. Implement How Transitions within animation improve UX
  • 15. • Transitions are creating fluid experiences. • Animated transitions can be used to convey specific messages to a user - expanding an element on hover, as in this screen within Xbox Home: • Planning for all transitions, controls, chapters, and interactions is important to create a continuous stream without instructions. How Transitions within animation improve UX
  • 16. • Simple is another example that uses visual animation as a seamless flow to strengthen the products story. • In the case of this iPod Nano, every transition is meaningful, there is a purpose with each one because it helps structure the interface of the navigation. How Transitions within animation improve UX
  • 18. • Video content improves User • Information can be more readily Experience by making the site more understood and processed via the engaging, so users are more use of animation and visual input. receptive to the key messaging you • Videos are easily and preferentially are trying to put across. shared. • Videos that provide interesting • Sharing video content via social content that is relevant to a user’s media improves user experience interests will likely be more and generate traffic. appealing to them than comparative • A product interface forms a big part media formats. of it’s interaction with the user and • Videos portraying human directly effects user experience. interaction have a personal touch • Transitions create fluid experiences and evoke trust with the user. for users and aids navigation. In Conclusion
  • 19. • Animation plays a huge part in improving user experience for the across many mediums. • It helps stimulate ordinary information into more exiting and visually engaging formats so the user can withdraw more from its key messages. • It has a place in all most all modern media and works well to promote, share or sell a product or service to users. In Conclusion
  • 20. Thank you! Jon Ward Interactions Designer jon@zabisco.com 0115 948 4454