Download to read offline
Uploaded byStephen Mallory
TF2 Crafting Redesign Presentation
The document discusses redesigning the crafting interface for Team Fortress 2. It analyzes the existing interface and identifies poor design qualities like poor aesthetics, organization and usability. The proposed new interface focuses on improving these areas by incorporating principles like visibility, readability and modularity. Screenshots showcase the redesigned interface which allows players to smelt, combine and craft items in an intuitive and organized workflow.
TF2 Crafting Redesign Presentation
- 1.
- 2. S.MALLORY / B.TURNER PROJECT CLASSDESIGNERS ATEC 6332.501 TEAM FORTRESS 2 CRAFTING INTERFACE REDESIGN
- 3. Crafting Experience Goals EXPECTED GOALS Convenient- super-easy to use; works like I think Usable by Hardcore and Casual Players Better organization based on Kano Model analysis
- 4. THE EXISTING CRAFTINGINTERFACE DESIGN PRINCIPLES - ATEC 6332.501 Poor Design Qualities Poor Attractiveness Bias Poor Picture Superiority Effect Poor Aesthetic-Usability Effect Poor Color Selection Poor Highlighting Poor Iconic Representation Limited Priming Recognition vs Recall Performance vs Preference Poor Chunking Poor Satisficing High Cognitive Load Poor Forgiveness Limited Hierarchy of Needs Limited Personas
- 5. THE EXISTING CRAFTINGINTERFACE DESIGN PRINCIPLES - ATEC 6332.501 Good Design Qualities high signal to noise ratio high visibility ockham’s razor good alignment figure-ground relationship good symmetry high consistency high modularity high readability good constraint good confirmation
- 6. THE NEW CRAFTINGINTERFACE - SMELTING DEFAULT DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Smelt Combine create rebuild Smelt class weapons Requires 2 weapons used by same class Will Consume inventory Scrap Metal Level 1 craft item WeaponWeapon Show all items x2 1 / 4 x2 smelt! x2 will create class weapons tokens reclaimed metal refined metal X
- 7. THE NEW CRAFTINGINTERFACE - SMELTING ACTIVE DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Smelt Combine create rebuild Smelt class weapons Requires 2 weapons used by same class Will Consume inventory soda popperforce-a-nature Show all items x2 smelt! Scrap Metal Level 1 craft item will create 1 / 4 class weapons tokens reclaimed metal refined metal X
- 8. THE NEW CRAFTINGINTERFACE - SMELTING MULTIPLE DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Smelt Combine create rebuild Smelt class weapons Requires 2 weapons used by same class Will Consume inventory soda popperforce-a-nature Show all items x2 smelt! X2 X2 X2 Scrap Metal Level 1 craft item will create 1 / 4 class weapons tokens reclaimed metal refined metal X
- 9. THE NEW CRAFTINGINTERFACE - CREATING DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Combine create rebuild phlogistinator All fire damage charges ‘Mmmph’ activate to refill health and crit for several seconds. 10% damage penalty no random crit hits no airblast inventory soda popper reclaimed metal Show all items x2Smelt Back- Burner create! Show all craftable x2 1 / 4 Token Neon Annihilator scorch shot phlogistinator manmelter third degree reserve shooter detonator sharpened volcano fragment back scratcher degreaser powerjack homewrecker random Headgear Class Headgear Set headgear bonk helmet saxton hale halloween mask horsemann’s headtaker haunted headgear Pile of ash powerup canteen Pyro X X
- 10. THE NEW CRAFTINGINTERFACE - CREATING ACTIVE DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Combine create rebuild phlogistinator All fire damage charges ‘Mmmph’ activate to refill health and crit for several seconds. 10% damage penalty no random crit hits no airblast inventory Show all items x2Smelt Pyro create! Show all craftable x2 1 / 4 Token Neon Annihilator scorch shot phlogistinator manmelter third degree reserve shooter detonator sharpened volcano fragment back scratcher degreaser powerjack homewrecker random Headgear Class Headgear Set headgear bonk helmet saxton hale halloween mask horsemann’s headtaker haunted headgear Pile of ash powerup canteen X X
- 11. THE NEW CRAFTINGINTERFACE - CONFIRMATION DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Combine create rebuild phlogistinator All fire damage charges ‘Mmmph’ activate to refill health and crit for several seconds. 10% damage penalty no random crit hits no airblast inventory Show all items x2Smelt create! Show all craftable x2 1 / 4 Pyro Token Neon Annihilator scorch shot phlogistinator manmelter third degree reserve shooter detonator sharpened volcano fragment back scratcher degreaser powerjack homewrecker random Headgear Class Headgear Set headgear bonk helmet saxton hale halloween mask horsemann’s headtaker haunted headgear Pile of ash powerup canteen X X warning! creating a phlogistinator will destroy the selected items. continue? do it!Wait!
- 12. THE NEW CRAFTINGINTERFACE - CONFIRMATION DESIGN PRINCIPLES - ATEC 6332.501 Loadout Stats Combine create rebuild phlogistinator All fire damage charges ‘Mmmph’ activate to refill health and crit for several seconds. 10% damage penalty no random crit hits no airblast inventory Show all itemsx x2Smelt Pyro create! x Show all craftable x2 1 / 4 Token Neon Annihilator scorch shot phlogistinator manmelter third degree reserve shooter detonator sharpened volcano fragment back scratcher degreaser powerjack homewrecker random Headgear Class Headgear Set headgear bonk helmet saxton hale halloween mask horsemann’s headtaker haunted headgear Pile of ash powerup canteen item acquired! The phlogistinator Being a revolutionary appliance capable of awakening the fire element phlogiston that exists in all combustible creatures, Which is to say, all of them. Return to crafting open backpack
- 13. S.MALLORY / B.TURNER PROJECT CLASSDESIGNERS ATEC 6332.501 TEAM FORTRESS 2 CRAFTING INTERFACE REDESIGN