Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design: Usability, Gamification, Augmented & Virtual Reality

132 views

Published on

Design: Usability, Gamification, Augmented & Virtual Reality as one of my 2018-2019 lectures at the University of Bergamo. It's stimulus material, posted to improve communication with current students. It's not interesting for the academia.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Design: Usability, Gamification, Augmented & Virtual Reality

  1. 1. ITforTourismServices,UniBg2018-2019 Design:Usability,Gamification, Augmented&VirtualReality Design:Usability,Games.Lecture08,October30,2018 imagecreditto UX Planet
  2. 2. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Today 08.Tuesday,Oct30 Design:Usability, Gamification, Augmented&Virtual Reality page2 09.Thursday,Nov1st Quality,Standards, Models&Meta-Models. The7Loci 11.Tuesday,Nov20 WebPresence QualityReporting 12.Thursday,Nov22 Big-Bang Disruptions andTourism 13.Tuesday,Dec 4 Yourreports’ presentation: 1stgroup 14. Tuesday,Dec11 Yourreports’ presentation: 2ndgroup 15.Thursday,Dec13 Yourreports’ presentation: 3rdgroup 10.Tuesday,Nov13 WebPresence. A7Loci Evaluation Model Design:Usability,Games.Lecture08,October30,2018
  3. 3. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 What Are We Talking About Today? Design:Usability,Games.Lecture08,October30,2018 1. Design In Practice 2. Usability 3. Graphic Design 4. Gamification 5. Storytelling 6. Augmented Reality 7. Virtual Reality page3 imagecreditto UX Planet
  4. 4. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 What Is Design? page4Design:Usability,Games.Lecture08,October30,2018
  5. 5. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Design In Practice Design:Usability,Games.Lecture08,October30,2018 SupposeyouarepartofaDMO(DestinationManagement Organization) oratleastworkforaDMO,ashopefullyyouwill. Whenyoubuildyourdestination’swebsite–orapp,orany digitalcommunicationproduct–youmayruntheriskof producingsomethingthat appealstoyou,butwasinfactnot reallydesigned. Youmayruntheriskofproducingsomething thatwasnot reallymeanttoperformitstask,butonlytoappeal, like–asDonNorman’sexamplegoes–Starck’sAlessijuicer. page5
  6. 6. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Usability? AccordingtoWikipedia,usabilityis“theextenttowhichaproductcanbeused byspecifieduserstoachievespecifiedgoalswitheffectiveness,efficiency, andsatisfactioninaspecifiedcontextofuse.” Design:Usability,Games.Lecture08,October30,2018 page6 imagecreditto iwos.com
  7. 7. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Usability! Webusabilitycanbetechnicallyandinformaticallymeasured. Inanutshell,however,yourdesignproblemaboutusabilitydealswith situationswhereyourwebsite’svisitors Design:Usability,Games.Lecture08,October30,2018 page7  cannotfindwhatthey arelookingfor  feeluncertain:“what shouldIdo?”  stopand getlost  feellikelosingcontrol  feelexploited imagecreditto Just Thoughts
  8. 8. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Not Only Web Usability Usabilitydoesnot refertoweb interfacesonly,of course. DonNorman providesan interestingcaseof lackingusability,a problemthatare peopletosolve. Design:Usability,Games.Lecture08,October30,2018 page8
  9. 9. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Navigation AccordingtoWikipedia,webnavigationrefersto“theprocess ofnavigatinganetwork ofinformationresourcesintheWorld WideWeb,whichisorganized asahypertextorhypermedia. Theuserinterfacethatisusedtodosoiscalledaweb browser. Acentralthemeinwebdesignisthedevelopment ofa web navigationinterfacethatmaximizesusability.” Design:Usability,Games.Lecture08,October30,2018 page9 Thefirstconditiontobecheckedwhileevaluatingthequalityofanyweb navigationiswhether amenuisalwaysavailableineachand everypageofthe website,andalwaysinthesameposition. Otherconditionsmayalso–orrather should–beconsidered. imagecreditto Dreamstime
  10. 10. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Mobile Menu Usability Navigationusabilityisparticularlycrucialinsmartphones. Design:Usability,Games.Lecture08,October30,2018 page10 Forinstance, themenu mustbe openable, and always reachable whenscrolling down. (In thisexample thelogoscrolls, too.)
  11. 11. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Breadcrumbs Ifyourememberapreviousslideinthispresentation,youknowthatasituation tobeavoidedismakingyourwebvisitorfeellostwhilevisitingyourwebsite. Awidelyusedsolutionarebreadcrumbs. Thetermcomesfromthetrailofbreadcrumbs leftbyHanselandGretelinthepopularfairytale. page11Design:Usability,Games.Lecture08,October30,2018 Imagecreditto SEOWerkz
  12. 12. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Kiwi Breadcrumbs Another navigationtool isthemouse- activated imagename. page12Design:Usability,Games.Lecture08,October30,2018
  13. 13. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Information Architecture Let’stakeitmore broadly.Tomake surethattheyare usable,the informationtobe providedandits interfaceforthe usersshouldbe properlydesigned. Design:Usability,Games.Lecture08,October30,2018 page13
  14. 14. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Graphic Design Design:Usability,Games.Lecture08,October30,2018 Theperceptionusershaveofawebsitedependsverymuchonthelook-and- feelofitstemplate. page14
  15. 15. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Logos Design:Usability,Games.Lecture08,October30,2018 Thedestination’sandthewebsitelogomaybeveryrelevanttoitsbrand. And alogomustbegraphic!Shapes,notfonts... page15
  16. 16. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Gamification Ifyoumakepeopleplay,they’regoingtohavefun–andaremorelikelyto rememberyouinthefuture. Design:Usability,Games.Lecture08,October30,2018 page16
  17. 17. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 App Gamification AnappmadeinOportoadvisesaccordingtotheuser’sfeeling. Design:Usability,Games.Lecture08,October30,2018 page17
  18. 18. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Storytelling Ifyoutellastory,you’remorelikelytobelistenedbyyouraudience,andyou canwellputintoyourstorysomerecommendationstobuy–oratleasttovisit. Design:Usability,Games.Lecture08,October30,2018 page18 Bartolomeo Colleoni Bergamo, Colleoni Chapel Malpaga, Colleoni Castle Thestoryof Bartolomeo Colleonicanbe toldtointroduce somePOIsin Bergamo,and the town’shistory.
  19. 19. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Augmented Reality Design:Usability,Games.Lecture08,October30,2018 page19 AugmentedReality (AR)isaninteractive experienceofareal-worldenvironment whererealobjects–usuallyseenthrougha smartphone’soratablet’scamera–are “augmented”bycomputer-generated perceptualinformation. Itsprimaryvalueisthatitbringscomponents ofthedigitalworldintoa person’sperception oftherealworld,anddoesso throughthe integrationofimmersivesensations.
  20. 20. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Augmented Reality As Gamification TripWolfprovidesaugmentedreality,itselfasortofgamification.Sodoothers. Design:Usability,Games.Lecture08,October30,2018 page20
  21. 21. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Nokia Augmented Reality In Bergamo Design:Usability,Games.Lecture08,October30,2018 page21 Augmented realitycanbe usedtoprovide heritage interpretation. Theexample showsits association withgeographic positioning.
  22. 22. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Augmented Reality & Wi-Fi Design:Usability,Games.Lecture08,October30,2018 page22 Notethatthis functionin performed onlineonly. InPiazza Vecchiathe BergamoWi-Fi serviceis provided.
  23. 23. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Virtual Reality ToquoteWikipediaonceagain,“Virtual reality(VR)typicallyreferstocomputer technologiesthatusesoftware togeneraterealisticimages,soundsand other sensationsthat replicateareal environment(orcreateanimaginarysetting), andsimulateauser'sphysicalpresenceinthisenvironment, byenablingtheusertointeractwiththisspaceandanyobjectsdepictedtherein usingspecializeddisplayscreensorprojectorsandother devices.” page23Design:Usability,Games.Lecture08,October30,2018
  24. 24. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Virtual Reality, and Reality page24Design:Usability,Games.Lecture08,October30,2018 imagecreditto Business inVancouver imagecreditto Karlskirche VR-Wien
  25. 25. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Virtual Reality For Tourism page25Design:Usability,Games.Lecture08,October30,2018 TheLordoftheRings,andtheNewZealand Fiordland
  26. 26. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Today’s Key Points page26Design:Usability,Games.Lecture08,October30,2018 1. Design Is How Things Work 2. Never Ask Yourself If You Like Your Products 3. Never Make Your Tourists Uncomfortable 4. Information Can/Must Be Designed 5. Tell A Story, But Please Check If It Is True 6. Augmented Reality Adds To Reality 7. Virtual Is Not So Virtual, After All
  27. 27. ITforTourismServices,UniBg2018-2019ITforTourismServices,UniBg2018-2019 Thanks For Your Attention page27Design:Usability,Games.Lecture08,October30,2018 Picturefrom the2017Workshop

×