64
Using Sci-Fi to brainstorm UX 23 April 2014 A talk Spotless © 2014

HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Embed Size (px)

DESCRIPTION

Science Fiction can be source of inspiration when thinking and designing UX. From the icon gestural interface of Minority Report to the use of PADDs in Star Trek, writers and film makers have been lucky enough to come up with ideas that are both creative and realistic. This talk with cover a few examples as to how science fiction predicted current technology and behaviours, but also how to choose the right technology to draw inspiration from. The talk will also cover techniques to help get creative through the power of future thinking

Citation preview

Page 1: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Using Sci-Fi to brainstorm UX23 April 2014

A talk

Spotless © 2014

Page 2: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Spotless © 2014 2

What I’m going to present today.

Who is

Spotless

The talk

Discussion

Page 3: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Spotless © 2014 3

Who is Spotless.

Page 4: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Calculated bravery

Page 5: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: NASA

Page 6: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: NASA

Page 7: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Tickld

Page 8: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: IMDB

Page 9: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Minority Report

Page 10: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Khan Academy

Page 11: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Minority Report

Page 12: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: The Next Web

Page 13: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Microsoft

Page 14: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Guru 3d

Page 15: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Total Recall (1990)

Page 16: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Total Recall (2012)

Page 17: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Total Recall (2012)

Page 18: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Total Recall (2012)

Page 19: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 20: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 21: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Motorola

Page 22: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 23: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Samsung

Page 24: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 25: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 26: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 27: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 28: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 29: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 30: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Microsoft

Page 31: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Microsoft

Page 32: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 33: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

How did they think about design?

Page 34: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 35: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 36: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 37: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 38: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: IBM

Page 39: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: iMore

Page 40: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 41: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Google

Page 42: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Futurama

Page 43: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Google

Page 44: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Kotaku

Page 45: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Where next?

Page 46: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 47: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 48: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Star Trek: The Next Generation

178 episodes @ 50 minutes each

Star Trek: Deep Space Nine

176 episodes @ 50 minutes each

Star Trek: Voyager

172 episodes @ 50 minutes each

6 days 4 hours 15 minutes

6 days 3 hours 20 minutes

6 days 2 hours 25 minutes

Page 49: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

2 weeks 4 days 10 hours (without sleep)

Page 50: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

3 weeks 3 days 10 hours (with sleep)

Page 51: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Memory Alpha

Page 52: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Remember the future

Page 53: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless
Page 54: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless
Page 55: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Design for superheroes

Page 56: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: @Loki_Lego

Page 57: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless
Page 58: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless
Page 59: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Act out the design

Page 60: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless
Page 61: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

• Functionality vs aesthetics• Find your inspiration• Think laterally• Plan ahead by looking back• Choose your actors• Act it out

Page 62: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Batman Wikia

Page 63: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Source: Heckyeahreactiongifs

Page 64: HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless

Thank you

Contact:

[email protected]@spotless.co.uk