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

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

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

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

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