THE IMPORTANCE OF INTERACTION DESIGN IN DIGITAL PRODUCTS.pdf
•
0 gefällt mir•30 views
A breakdown of the importance of interaction design in building usable and delightful products. Also, describes how motion design can be an effective tool in interaction design.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie THE IMPORTANCE OF INTERACTION DESIGN IN DIGITAL PRODUCTS.pdf
Ähnlich wie THE IMPORTANCE OF INTERACTION DESIGN IN DIGITAL PRODUCTS.pdf (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
THE IMPORTANCE OF INTERACTION DESIGN IN DIGITAL PRODUCTS.pdf
- 1. Theimportanceof interactiondesignin designingdigitalproducts BY ONYEBUCHI ARINZE CLINTON AUGUST 2022 @ARINZEBUCHEE ASA COTERIE
- 2. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE OnyebuchiArinzeClinton InteractionDesigner PIXEL POWERLIFTER · @ARINZEBUCHEE
- 3. IntrotoIxD Conclusion ImportanceofIxD Resources Nº1 Nº2 Nº3 Nº4 ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 5. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE BillMoggridge Co-founderIDEO CREDITED AS THE PIONEER OF INTERACTION DESIGN
- 6. AfterextensiveyearsofDesign,BillMoggridge discoveredthatheandsomeofhiscolleagues hadbeencreatingadifferentkindofdesign. WHAT DID BILL DO? ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Itwasn'tProductDesign…buttheywere designingproducts.
- 7. Itwasn'tCommunicationDesign…although theyemployedsomeprinciplesfromthat discipline. WHAT DID BILL DO? ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Itwasn'tComputerScienceeither,although mostoftheirworkwasrelatedwithcomputers andsoftware.
- 8. Itmostlyhadtodowithestablishinga connectionbetweenpeopleandthe digitalproductstheyused ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Whatwasit? 🤔
- 10. InteractionDesign(IxD)istheprocessofdesigning productsandservicesinawayinwhichadesigner’s focusgoesbeyondtheproductindevelopmentto includethewayuserswillinteractwithit. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Moresimply,itmeansdesigningproductswithdeeper understandingandconcernonhowexactlyit'llbe used.
- 13. Beforedelvingintoitsimportance,let's understandtheplaceofInteractiondesignasa partofthebiggerumbrellacalledUser ExperienceDesign. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 15. The UX Venn Diagram (Dan Saffer) ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 16. Aninterface An interface is that part of a system with which a user interacts in order to undertake their tasks and achieve their goals. (Stone, Jarrett et. al., 2001) More simply, it is what we interact with when we use any kind of digital hardware or software. Sample interface ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 17. DimensionsofInteractionDesign • • • Words (1D) encompass text, such as button labels, which help give users the right amount of information. Visual representations (2D) are graphical elements such as images, typography and icons that aid in user interaction. Physical objects/space (3D) refers to the medium through which users interact with the product or service—for instance, a laptop via a mouse, or a mobile phone via fingers. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 18. DimensionsofInteractionDesign(contd.) • • Time (4D) relates to media that changes with time, such as animations, videos and sounds. Behavior (5D) is concerned with how the previous four dimensions define the interactions a product affords—for instance, how users can perform actions on a website, or how users can operate a car. Behavior also refers to how the product reacts to the users’ inputs and provides feedback. source: Interaction Design Foundation ASA COTERIE AUGUST 2022 @ARINZEBUCHEE
- 19. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE 5DimensionsofIxD(Credit:InteractionDesignFoundation
- 22. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE ExampleofMotionDesignaidinginteraction(CreditMacOsMonetery)
- 23. Withoutmotion,therecanbeno interaction ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Idaresayso! 😆
- 25. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Pullinteractiontorevealmore detail (Credit:PLapp) Bounceinteractiontoreveal signifyendoffeed (Credit:Twitter) Growinteractiontoshowalink betweendifferentpages (Credit:Safari)
- 26. Also,wehavetoconsider movementsbyuserssuchas: • • • • • • Swipe interactions Pull and Drag interactions Eye movements Voice interactions General body movement (in the case of our Oculus) And so much more.
- 27. Alloftheseinteractionsarebasedof motiondoneinaccordancewiththe 12principlesofanimation ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Moreinformationonthe12principlescanbefoundhere
- 29. KeyTakeaways AUGUST 2022 @ARINZEBUCHEE ASA COTERIE
- 30. 1 KEY TAKEAWAYS ASA COTERIE AUGUST 2022 @ARINZEBUCHEE InteractionDesign(IxD)istheprocessofdesigningproductsand servicesinawayinwhichadesigner’sfocusgoesbeyondthe productindevelopmenttoincludethewayuserswillinteractwith it.
- 31. 2 KEY TAKEAWAYS ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Interactiondesignsitswithinalargersetofdisciplines/practices, allultimatelyconcernedwiththeexperience,designand interactionofpeoplewithmachines/products.
- 32. 3 KEY TAKEAWAYS ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Thereare5dimensionsofInteractionDesign Theyare: Words(1D),Visualrepresentations(2D),Physicalobjects/Space, Time(4D)andBehaviour(5D)
- 33. 4 KEY TAKEAWAYS ASA COTERIE AUGUST 2022 @ARINZEBUCHEE MotionDesignisatoolthatcanbeusedtoachievebetter InteractionDesign.
- 34. 5 KEY TAKEAWAYS ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Runawayfromboringinterfaces.Ensureyoumakethings moveee!
- 36. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE Goodreads • • • • • Interaction Design explained by IDF Interaction Design Beyond Human-Computer Interaction (Helen Sharp, Jenny Preece, Yvonne Rogers) Motion and Gesture Interactions in the Digital Age by Antonio De Pasquale Interaction Design: Designing User Interfaces for Digital Products by David Little What is Design Interaction by Mauricio Candamil
- 37. ASA COTERIE AUGUST 2022 @ARINZEBUCHEE 👋 I'monTwitterandInstagramas @arinzebuchee Feelfreetoreachout!