design: usability, gamification, augmented & virtual reality · model design: usability, games....

27
IT for Tourism Services, UniBg 2019-2020 Design: Usability, Gamification, Augmented & Virtual Reality Design: Usability, Games. Lecture 08 image credit to UX Planet

Upload: others

Post on 13-Apr-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020

Design: Usability, Gamification, Augmented & Virtual Reality

Design: Usability, Games. Lecture 08

image credit to UX Planet

Page 2: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Today

Lecture 08

Design: Usability, Gamification, Augmented & Virtual Reality

page 2

Lecture 09

Quality, Standards, Models & Meta-Models. The 7Loci

Lecture 11

Web Presence Quality Reporting

Lecture 12

Big-Bang Disruptions and Tourism

Lecture 13

Your reports’ presentation: 1st group

Lecture 14

Your reports’ presentation: 2nd group

Lecture 15

Your reports’ presentation: 3rd group

Lecture 10

Web Presence. A 7Loci Evaluation Model

Design: Usability, Games. Lecture 08

Page 3: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

What Are We Talking About Today?

Design: Usability, Games. Lecture 08

1. Design In Practice 2. Usability 3. Graphic Design 4. Gamification 5. Storytelling 6. Augmented Reality 7. Virtual Reality

page 3

image credit to UX Planet

Page 4: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

What Is Design?

page 4 Design: Usability, Games. Lecture 08

Page 5: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Design In Practice

Design: Usability, Games. Lecture 08

Suppose you are part of a DMO (Destination Management Organization) or at least work for a DMO, as hopefully you will.

When you build your destination’s website – or app, or any digital communication product – you may run the risk of producing something that appeals to you, but was in fact not really designed.

You may run the risk of producing something that was not really meant to perform its task, but only to appeal, like – as Don Norman’s example goes – Starck’s Alessi juicer.

page 5

Page 6: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Usability?

According to Wikipedia, usability is “the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.”

Design: Usability, Games. Lecture 08 page 6

image credit to iwos.com

Page 7: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Usability!

Web usability can be technically and informatically measured. In a nutshell, however, your design problem about usability deals with situations where your website’s visitors

Design: Usability, Games. Lecture 08 page 7

can not find what they are looking for

feel uncertain: “what should I do?”

stop and get lost feel like losing control feel exploited

image credit to Just Thoughts

Page 8: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Not Only Web Usability

Usability does not refer to web interfaces only, of course. Don Norman provides an interesting case of lacking usability, a problem that are people to solve.

Design: Usability, Games. Lecture 08 page 8

Page 9: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Navigation

According to Wikipedia, web navigation refers to “the process of navigating a network of information resources in the World Wide Web, which is organized as a hypertext or hypermedia. The user interface that is used to do so is called a web browser.

A central theme in web design is the development of a web navigation interface that maximizes usability.”

Design: Usability, Games. Lecture 08 page 9

The first condition to be checked while evaluating the quality of any web navigation is whether a menu is always available in each and every page of the website, and always in the same position. Other conditions may also – or rather should – be considered. image credit to Dreamstime

Page 10: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Mobile Menu Usability

Navigation usability is particularly crucial in smartphones.

Design: Usability, Games. Lecture 08 page 10

For instance, the menu must be openable, and always reachable when scrolling down. (In this example the logo scrolls, too.)

Page 11: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Breadcrumbs

If you remember a previous slide in this presentation, you know that a situation to be avoided is making your web visitor feel lost while visiting your website. A widely used solution are breadcrumbs. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.

page 11 Design: Usability, Games. Lecture 08

image credit to SEO Werkz

Page 12: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Kiwi Breadcrumbs

Another navigation tool is the mouse-activated image name.

page 12 Design: Usability, Games. Lecture 08

Page 13: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Information Architecture

Let’s take it more broadly. To make sure that they are usable, the information to be provided and its interface for the users should be properly designed.

Design: Usability, Games. Lecture 08 page 13

Page 14: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Graphic Design

Design: Usability, Games. Lecture 08

The perception users have of a website depends very much on the look-and-feel of its template.

page 14

Page 15: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Logos

Design: Usability, Games. Lecture 08

The destination’s and the website logo may be very relevant to its brand. And a logo must be graphic! Shapes, not fonts...

page 15

Page 16: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Gamification

If you make people play, they’re going to have fun – and are more likely to remember you in the future.

Design: Usability, Games. Lecture 08 page 16

Page 17: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

App Gamification

An app made in Oporto advises according to the user’s feeling.

Design: Usability, Games. Lecture 08 page 17

Page 18: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Storytelling

If you tell a story, you’re more likely to be listened by your audience, and you can well put into your story some recommendations to buy – or at least to visit.

Design: Usability, Games. Lecture 08 page 18

Bartolomeo

Colleoni

Bergamo,

Colleoni Chapel

Malpaga,

Colleoni Castle

The story of Bartolomeo Colleoni can be told to introduce some POIs in Bergamo, and the town’s history.

Page 19: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Augmented Reality

Design: Usability, Games. Lecture 08 page 19

Augmented Reality (AR) is an interactive experience of a real-world environment where real objects – usually seen through a smartphone’s or a tablet’s camera – are “augmented” by computer-generated perceptual information. Its primary value is that it brings components of the digital world into a person’s perception of the real world, and does so through the integration of immersive sensations.

Page 20: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Augmented Reality As Gamification

TripWolf provides augmented reality, itself a sort of gamification. So do others.

Design: Usability, Games. Lecture 08 page 20

Page 21: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Nokia Augmented Reality In Bergamo

Design: Usability, Games. Lecture 08 page 21

Augmented reality can be used to provide heritage interpretation. The example shows its association with geographic positioning.

Page 22: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Augmented Reality & Wi-Fi

Design: Usability, Games. Lecture 08 page 22

Note that this function in performed online only. In Piazza Vecchia the Bergamo Wi-Fi service is provided.

Page 23: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Virtual Reality

To quote Wikipedia once again, “Virtual reality (VR) typically refers to computer technologies that use software to generate realistic images, sounds and other sensations that replicate a real environment (or create an imaginary setting), and simulate a user's physical presence in this environment, by enabling the user to interact with this space and any objects depicted therein using specialized display screens or projectors and other devices.”

page 23 Design: Usability, Games. Lecture 08

Page 24: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Virtual Reality, and Reality

page 24 Design: Usability, Games. Lecture 08

image credit to Business in Vancouver

image credit to Karlskirche VR -Wien

Page 25: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Virtual Reality For Tourism

page 25 Design: Usability, Games. Lecture 08

The Lord of the Rings, and the New Zealand Fiordland

Page 26: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Today’s Key Points

page 26 Design: Usability, Games. Lecture 08

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

Page 27: Design: Usability, Gamification, Augmented & Virtual Reality · Model Design: Usability, Games. Lecture 08 . ... TripWolf provides augmented reality, itself a sort of gamification

IT for Tourism Services, UniBg 2019-2020 IT for Tourism Services, UniBg 2019-2020

Thanks For Your Attention

page 27 Design: Usability, Games. Lecture 08

Picture from the 2017 Workshop