Fictional User Interfaces Nicky Hope Brief 6 Design Boards
Product Overview A set of fictional user interfaces created for the film and game industry. Designed to appeal to the video game industry, and add a brand new element to my portfolio.
Research Fictional user interfaces employ dramatic visuals, information overload, and monotonous colour themes to convey an exciting and believable, albeit almost entirely unusable graphical user interface.
PLANETSCANNER
Operation Starfall Earth Defence Council
Mission Target Audience The target audience for FUIs is dependant on the circumstances; in some ways it has two: the film studio who are commissioning it and and the audience watching the film. It has to look exciting for the viewer, and appropriate for the context of the film. It must appeal to sci-fi fans and film studios alike.
Earth Defence
ORBIT 2
SPACECRAFT ON INTERNAL POWER WEAPONS
Initial Ideas It was clear from the start that simple colour themes, super dramatic visuals and information overload would be necessary visual elements to make the UI look and feel appropriate for a sci-fi film or game. The FUIs developed in this collection are for a military spacecraft set within a hypothetical sci-fi film.
Product Development Additional colours were experimented with, then rescinded in order to fall in line with the research, and a variety of typefaces and information types were tested. The designs had to look and feel urgent and exciting, with some degree of realism but an overarching aesthetic of dramatic future tech.
17-B SLS ARM
EMRG LOCK EVADE EVADE
EJECT
EJECT NOW 17-B
17-B
EVADE
SLS
SLS
ARM
ARM
EMRG
EMRG
MSSL
LOCK
LOCK
EVADE EVADE
EVADE
Design Evolution Uniformity of colour and information hierarchy changes made over time
EVADE EVADE
EVADE
PLANETSCANNER
Operation Starfall
GSC-SDF CSS GOLIATH
PLANETSCANNER
GSC-SDF CSS GOLIATH
Operation Starfall
SOL
Mission
Earth Defence Council
Earth Defence Grid
SPACECRAFT ON INTERNAL POWER
5
WEAPONS SYSTEMS OK WEAPONS SYSTEMS OK
PLANETSCAN-1
PLANETSCAN-1
PLANETSCAN-1
ALRM - EVADE
ALRM - EVADE
ALRM - EVADE
ALRM - EVADE
GSC-SDF CSS GOLIATH
PLANETSCANNER
Operation Starfall
SOL
Earth Defence Council
Mission Object 1
ORBIT 2
SPACECRAFT ON INTERNAL POWER
Earth Defence Grid
FLRS
ORBIT 1
WEAPONS SYSTEMS OK
Enceladus
5
ORBIT 3
ORBIT 4
GO FOR LAUNCH MJR ALRM - MSSL ALERT PLANETSCAN-1
NORMAL
ALRM - EVADE
ALRM - EVADE
R - 01
ALRM - EVADE J - 79
ALRM - EVADE
ALRM -
Recommendation //
!!
ATMOSPHERIC GUIDANCE ON
ITS - HEART OF GOLD // SIMULATION ZERO ONE PLANETSCAN-1
GSC-SDF CSS GOLIATH
PLANETSCANNER
Operation Starfall
SOL
Mission ORBIT 2
ORBIT 1
Enceladus
ORBIT 3
110.12 110.12 142.3 110.12 110.12 110.12
110.12 102.21 500.12 110.12 001.70 110.12
5
ORBIT 2
ITS - HEART OF GOLD // SIMULATION ZERO ONE ALRM - EVADE
ALRM - EVADE
NORMAL R - 01
ALRM - EVADE J - 79
ALRM -
ALRM - EVADE
!!
ATMOSPHERIC GUIDANCE ON
ALRM - EVADE
ORBIT 4
GO FOR LAUNCH
LAUNCH
PROCEED - USE CAUTION
ITS - HEART OF GOLD // SIMULATION ZERO ONE ALRM - EVADE
5
ALRM - EVADE
NORMAL R - 01
ALRM - EVADE J - 79
ALRM -
ALRM - EVADE
!!
ATMOSPHERIC GUIDANCE ON
Colour, layout and typographical evolution during exploration of the PlanetScanner design
NORMAL
ALRM - EVADE
ALRM - EVADE
110.12 110.12 142.3 110.12 110.12 110.12
009.07 111.109 009.07 111.109
ORBIT 2
009.07 111.109 009.07 111.109 ORBIT 3
J - 79
R - 01
J - 79
ALRM - EVADE
ALRM - EVADE
GSC-SDF CSS GOLIATH
Mission Object 1 SPACECRAFT ON INTERNAL POWER
ORBIT 1
WEAPONS SYSTEMS OK
Enceladus
Earth Defence Grid
5
ORBIT 4
GO FOR LAUNCH
LAUNCH
PROCEED - USE CAUTION
ITS - HEART OF GOLD // SIMULATION ZERO ONE ALRM - EVADE
!!
ATMOSPHERIC GUIDANCE ON
RECOMMENDATION
PLANETSCAN-1
ALRM - EVADE
ALRM -
SOL
DIAGNOSTICS 009
110.12 102.21 500.12 110.12 001.70 110.12
ALRM - EVADE
R - 01
ALRM - EVADE
LAUNCH STATISTICS
PLANETSCANNER
110.12 310.10 110.12 190.12 110.12 009.07
ORBIT 1
Enceladus
ALRM - EVADE
PLANETSCAN-1
Object 1 SPACECRAFT ON INTERNAL POWER
RECOMMENDATION
PLANETSCAN-1
ALRM - EVADE
GSC-SDF CSS GOLIATH
Earth Defence Grid
ORBIT 3
ORBIT 4
J - 79
Mission
WEAPONS SYSTEMS OK
LAUNCH
PROCEED - USE CAUTION
R - 01
SOL
GO FOR LAUNCH Recommendation //
PLANETSCAN-1
ALRM - EVADE
LAUNCH STATISTICS 110.12 310.10 110.12 190.12 110.12 009.07
Object 1 SPACECRAFT ON INTERNAL POWER WEAPONS SYSTEMS OK
ALRM - EVADE
PLANETSCANNER PLANETSCANNER
Earth Defence Council
Earth Defence Grid
PLANETSCAN-1
LAUNCH
PROCEED - USE CAUTION
ALRM - EVADE
NORMAL R - 01
ALRM - EVADE J - 79
ALRM -
ALRM - EVADE
!!
ATMOSPHERIC GUIDANCE ON
GSC-SDF CSS GOLIATH
SYSTEM ALERT
WARNING
SYSTEM INTERFACE V7.2 NSS ENDURANCE
CRAFTSYS
OVERRIDE
WEAPONS SYSTEMS OK
WARNING
TAKE EVASIVE ACTION
ALL MERLINS FIRING
69%
SPACECRAFT ON INTERNAL POWER
FUEL HIGH
INCOMING
EVADE
FULL SPEED AHEAD
FULL THRUST
PREPARE TO EJECT
ENGINE 1
EJECT WARNING
ENGINE 2
FLRS
MJR ALRM - MSSL ALERT OVERRIDE
LWR FWD
F U LL P WR
F U LL P WR
F U LL PWR
ALRM - EVADE
THREAT ALRM - EVADE
R - 01
ALRM - EVADE J - 79
MSSL INCOMING
GSC-SDF CSS GOLIATH
SYSTEM ALERT
LOW EFF.
LOS MISSILE AVOIDANCE ON
WARNING
SPACECRAFT ON INTERNAL POWER
OVERRIDE
GRAVITY
1.8092
553.1
142.3
OFF
THRUSTERS
001.07
001.07
ON
ENGINES
118.90
ON
NAV
ON
WEAPONS
ON
GRAV NOT ENGAGED
Animation Animating the FUI can inject liveliness and drama, and help to imagine how it would actually work in operation. In lieu of total interface animation, I collaborated with another designer on my course to animate small elements after feedback sessions reinforced the benefit.
EVADE
DO NOT FLY - ERROR 03 // ENGAGE GRAVITY
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /// caution
WEAPONS SYSTEMS OK
PREPARE TO EJECT
EJECT WARNING
FLRS
MJR ALRM - MSSL ALERT OVERRIDE
ALRM - EVADE
THREAT ALRM - EVADE
R - 01
ALRM - EVADE J - 79
MSSL INCOMING
LOS MISSILE AVOIDANCE ON
Helvetica
SEVASTOPOL
Typography
Since the release of Alien in 1979, Helvetica has played a major role in representing modernist typography in science-fiction. Sevastopol Interface is a font developed specifically for the FUIs in the Alien franchise, and so seemed incredibly appropriate for use.
In-Situ Mockups Another valuable piece of feedback given was to show the designs in the environment they actually would be shown in order to give context to their usage and assess their real-world suitability.
In-Situ Mockups Conclusion A valuable Another valuable and unique pieceproject of feedback designed givento was to show appeal to thethe filmdesigns and games in the industry, environment they actually providing insight would into bea shown different in creative order to give context angle and to adding their usage a new and element assessoftheir real-worldtosuitability. diversity my portfolio.
ORBIT 1
Enceladus
5
ORBIT 4
GO FOR LAUNCH
LAUNCH
NORMAL R - 01
ALRM - EVADE J - 79
ALRM -
ALRM - EVADE
!!
ATMOSPHERIC GUIDANCE ON
INCOMING
EVADE
PLANETSCAN-1
ALRM - EVADE
ALRM
LAUNCH STATISTICS
PLANETSCANNER
110.12 310.10 110.12 190.12 110.12 009.07
DIAGNOSTICS 009
110.12 102.21 500.12 110.12 001.70 110.12
110.12 110.12 142.3 110.12 110.12 110.12
ORBIT 2
Mission SPACECRAFT ON INTERNAL POWER WEAPONS
ALL MERLINS FIRING
FUEL HIGH
FULL THRUST ENGINE 1
ENGINE 2
LW
FU LL P WR
FULL PWR
FULL PWR