Fun, Confusion, Fear and Basketball (UX Lx 2014)

R
Fun, Confusion, Fear
– and Basketball
Roland Weigelt
Comma Soft AG, Bonn, Germany
Roland.Weigelt@comma-soft.com
@rweigelt
mail@roland-weigelt.de
@RolandWeigelt (DE)
Roland Weigelt
•Comma Soft AG in Bonn, Germany
•1997 – Software Developer
 Product INFONEA® (Business Intelligence)
 Frontend Development, interest in UIs in general
•2012 – UX Specialist / Senior Product Designer
 Concepts, Mockups, etc. – very little coding
 Still writing software as a hobby
Hobby Turned Side Job
•Telekom Baskets Bonn
 BEKO BBL (1st German Division)
•Job: Taking care of multimedia in the arena
 Content creation, software development
Photo credit: Jörn Wolter, www.wolterfoto.de
…applications I‘ve written for the
 rear projection screens
 LED advertising system
…(some) of the UI issues I‘ve run into
…and the general lessons learned
Photo credit: Sebastian Derix, www.sebastianderix.de
This Talk is About...
Photo credit: Roland Weigelt
Photo credit: Roland Weigelt
Photo credit: Roland Weigelt
Photo credit: Beatrice Treydel, www.gesichter-bonns.de
Media
•Pre-produced media files
 PowerPoint
 Images (jpg, png,...)
 Videos (mpg, mov, wmv...)
Photo credit: Roland Weigelt
Captions
for the Live Camera
(aka „Lower Thirds“)
Photo credit: Roland Weigelt
Captions
for the Live Camera
(aka „Lower Thirds“)
Photo credit: Roland Weigelt
Captions
for the Live Camera
(aka „Lower Thirds“)
„LiveTexter“  Most captions are prepared
before the arena opens
 Some have to be typed
„on the fly“, within seconds
Statistics
Fun, Confusion, Fear and Basketball (UX Lx 2014)
LED Modules
Fun
Fun
Confusion
Fear
and Basketball
Fun
Confusion
Fear
and Basketball
...if I am the user?
Context Matters
At Home
Photo credit: Ritchy Ohm
Action!
Photo credit: Sebastian Derix, www.sebastianderix.de
What if I Mess Up?
Stumbling Blocks
&
Lessons Learned
•#1
Is this On?
“Real World”: Hardware
Ads
Cam
Stats
Info
Rear
projection
screen(s)
Monitor
“Program”
“Preview”
1 2 3 4
Take
“Real World”: Hardware
Ads
Cam
Stats
Info
Rear
projection
screen(s)
Monitor
“Program”
“Preview”
1 2 3 4
Take
“Real World”: Hardware
Ads
Cam
Stats
Info
Rear
projection
screen(s)
Monitor
“Program”
“Preview”
1 2 3 4
Take
“Real World”: Hardware
Ads
Cam
Stats
Info
Rear
projection
screen(s)
Monitor
“Program”
“Preview”
1 2 3 4
Take
Colors on Mixer Console
Program
Preview
Software (live)
Software (not live)
That Didn‘t Work, Right?
Software (live)
Software (not live)
Software (not live)
Conflict: Usability vs. Design
•#2
Am I About to Do
the Right Thing?
Best: Preview
Preview
•Rear projection screens
 1024 x 768 Pixels
 Scale down  OK!
 Helps a lot
•11 LED modules
 11 x 768 = 8448 Pixels
 80 Pixels high
 No good „at a glance“
solution for all modules
Second Best: Undo/Redo
OK: Clear to Understand
Be Absolutely Clear
•If clicking „something“ triggers a critical action,
 make this „something“ trivial to understand
 under heavy stress
 without even thinking.
•#3
Don‘t Make Me Think!*
* If you haven't yet, go read the book by Steve Krug!
Scrolling Messages
•The players of the home team
•The players of the guest team
•The members of the dance team
•The next home games
Home vs. Guest
•The official name of a match: „Home vs. Guest“,
e.g. Telekom Baskets Bonn vs. ALBA BERLIN
•NBA naming:
ALBA BERLIN at Telekom Baskets Bonn
Team Presentation
•8 minutes before tip-off:
 Lights out, loud music
 „Welcome to today‘s match!“
 „Today‘s referees are...“
 „Here are the players of ALBA BERLIN“
 „Here‘s the Baskets Dance Team!“
 „And now, here are your Telekom Baskets Bonn!“
Quick!
•Which one to click for the ALBA BERLIN team?
Home Team
Guest Team
2nd Try
•Which one to click for the ALBA BERLIN team?
Telekom Baskets Bonn
ALBA BERLIN
•#4
Fine-grained Control –
Yes / No / How Much?
The LED Modules
are bright
The LED Modules
are freakin‘ BRIGHT!
Brightness Control
•For testing: 0 – 100%
•Normal: 50 – 75%
 No single „correct“ value
 Problem: Apparent LED brightness
•Arena lighting: lamp warmup/cooldown
100%
0%
Behind the Scenes
•Brightness: implemented using Pixel Shaders
•Opacity: just a small change in code
•Position: another small change
The Idea:
Smooth Transitions
So The UI Went from This:
…to This:
Let‘s Look Again
•What do I want from a smooth transition?
 From content A to content B
 Within a certain timespan
 Too short  not that different from a hard cut
 Too long  timing not matching announcer‘s voice
•Do I really need to control the speed?
 Experiments: 0.7 sec OK in most cases
The UI, v2
Takeaways
•Help users build up confidence
 Don‘t be too subtle about state.
 If possible, provide a preview.
 Avoid internal translations: „Don‘t make me think“.
•Decide if fine-grained control is necessary
 Don‘t sacrifice the usability of basic actions
 But don‘t take it away if users really need control.
You Don’t Know
if You Don’t Test
Thank You!
Roland Weigelt
Comma Soft AG, Bonn, Germany
Roland.Weigelt@comma-soft.com
@rweigelt
mail@roland-weigelt.de
@RolandWeigelt (DE)
1 of 62

Recommended

Mer from User's Perspective by
Mer from User's PerspectiveMer from User's Perspective
Mer from User's Perspectiveguesta05d7a
350 views9 slides
Mer from User's Perspective by
Mer from User's PerspectiveMer from User's Perspective
Mer from User's Perspectiveguest8106d9c
162 views9 slides
Making Work from Home (Really) Work by
Making Work from Home (Really) WorkMaking Work from Home (Really) Work
Making Work from Home (Really) WorkAdvanced Logic Industries
220 views14 slides
Zoom Room for PC by
Zoom Room for PCZoom Room for PC
Zoom Room for PCPaul Richards
1.4K views22 slides
Tero Sarkkinen (Basemark) Latency Testing and Performance Optimization of VR ... by
Tero Sarkkinen (Basemark) Latency Testing and Performance Optimization of VR ...Tero Sarkkinen (Basemark) Latency Testing and Performance Optimization of VR ...
Tero Sarkkinen (Basemark) Latency Testing and Performance Optimization of VR ...AugmentedWorldExpo
378 views12 slides
Softcolor Software 2015 - In Ten Minutes by
Softcolor Software 2015 - In Ten MinutesSoftcolor Software 2015 - In Ten Minutes
Softcolor Software 2015 - In Ten MinutesPetri Piirainen
442 views21 slides

More Related Content

What's hot

Using Your Mobile Device to Create Amazing Content ATDTK19 by
Using Your Mobile Device to Create Amazing Content ATDTK19Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19Nick Floro
1.7K views144 slides
Microsoft PowerPoint by
Microsoft PowerPointMicrosoft PowerPoint
Microsoft PowerPointJesus Obenita Jr.
343 views15 slides
Why Size Matters ... when planning your video conference rooms by
Why Size Matters ... when planning your video conference roomsWhy Size Matters ... when planning your video conference rooms
Why Size Matters ... when planning your video conference roomsVideoConferenceGear.com
1.5K views19 slides
Design Theory - Ankur Sharma - Presentation by
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationMobileNepal
867 views72 slides
Zoom Presence - Simple Meeting Control by
Zoom Presence - Simple Meeting ControlZoom Presence - Simple Meeting Control
Zoom Presence - Simple Meeting ControlPaul Richards
3.4K views35 slides
Going Live on Facebook by
Going Live on FacebookGoing Live on Facebook
Going Live on FacebookLady Bizness
37 views19 slides

What's hot(9)

Using Your Mobile Device to Create Amazing Content ATDTK19 by Nick Floro
Using Your Mobile Device to Create Amazing Content ATDTK19Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19
Nick Floro1.7K views
Why Size Matters ... when planning your video conference rooms by VideoConferenceGear.com
Why Size Matters ... when planning your video conference roomsWhy Size Matters ... when planning your video conference rooms
Why Size Matters ... when planning your video conference rooms
Design Theory - Ankur Sharma - Presentation by MobileNepal
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
MobileNepal867 views
Zoom Presence - Simple Meeting Control by Paul Richards
Zoom Presence - Simple Meeting ControlZoom Presence - Simple Meeting Control
Zoom Presence - Simple Meeting Control
Paul Richards3.4K views
Making Quality Videos with Your iPhone for Business | Real Estate by Artizon Digital
Making Quality Videos with Your iPhone for Business | Real EstateMaking Quality Videos with Your iPhone for Business | Real Estate
Making Quality Videos with Your iPhone for Business | Real Estate
Artizon Digital564 views
2. production techniques evaluation pro forma complete by JoeFarrell32
2. production techniques evaluation pro forma complete2. production techniques evaluation pro forma complete
2. production techniques evaluation pro forma complete
JoeFarrell3233 views
Slow Down To Speed Up by stevebockman
Slow Down To Speed UpSlow Down To Speed Up
Slow Down To Speed Up
stevebockman8.8K views

Similar to Fun, Confusion, Fear and Basketball (UX Lx 2014)

Making Your Product Manager Productive by Clinton Wolfe by
Making Your Product Manager Productive by Clinton WolfeMaking Your Product Manager Productive by Clinton Wolfe
Making Your Product Manager Productive by Clinton WolfeDevOpsDays Baltimore
124 views40 slides
Making Your Product Manager Productive by Clinton Wolfe by
Making Your Product Manager Productive by Clinton Wolfe Making Your Product Manager Productive by Clinton Wolfe
Making Your Product Manager Productive by Clinton Wolfe DevOpsDays Baltimore
252 views40 slides
Lean startup 2019 by
Lean startup 2019Lean startup 2019
Lean startup 2019John J. H. Oh
107 views43 slides
Scrum methodology how to build the Death Star by
Scrum methodology   how to build the Death StarScrum methodology   how to build the Death Star
Scrum methodology how to build the Death StarReinhart De Lille
2.4K views24 slides
Sugsa mobile ux_april 2013 by
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013Phil Barrett
1.4K views93 slides
ContinuousDelivery-101 by
ContinuousDelivery-101ContinuousDelivery-101
ContinuousDelivery-101Kishore Bhatia
1.2K views50 slides

Similar to Fun, Confusion, Fear and Basketball (UX Lx 2014)(20)

Making Your Product Manager Productive by Clinton Wolfe by DevOpsDays Baltimore
Making Your Product Manager Productive by Clinton WolfeMaking Your Product Manager Productive by Clinton Wolfe
Making Your Product Manager Productive by Clinton Wolfe
Making Your Product Manager Productive by Clinton Wolfe by DevOpsDays Baltimore
Making Your Product Manager Productive by Clinton Wolfe Making Your Product Manager Productive by Clinton Wolfe
Making Your Product Manager Productive by Clinton Wolfe
Scrum methodology how to build the Death Star by Reinhart De Lille
Scrum methodology   how to build the Death StarScrum methodology   how to build the Death Star
Scrum methodology how to build the Death Star
Reinhart De Lille2.4K views
Sugsa mobile ux_april 2013 by Phil Barrett
Sugsa mobile ux_april 2013Sugsa mobile ux_april 2013
Sugsa mobile ux_april 2013
Phil Barrett1.4K views
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success by LogMeIn
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing SuccessBring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
LogMeIn5.4K views
Mobile product - "Build great apps!" at ProductTank Paris #17 by Alexandre Jubien
Mobile product - "Build great apps!" at ProductTank Paris #17Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17
Alexandre Jubien8.9K views
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o... by Ted Whittemore
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...
Take Care of Your Computer Part 4 -- The Top 10 Best Free Software Programs o...
Ted Whittemore935 views
Monetizing Windows Phone Apps by Kasun Kodagoda
Monetizing Windows Phone AppsMonetizing Windows Phone Apps
Monetizing Windows Phone Apps
Kasun Kodagoda462 views
Building Products with Customers by fmr Uber Product Manager by Product School
Building Products with Customers by fmr Uber Product ManagerBuilding Products with Customers by fmr Uber Product Manager
Building Products with Customers by fmr Uber Product Manager
Product School141 views
Agile+Lean, Alum Meet Apr23 2016 - Short Version by Hemant Elhence
Agile+Lean, Alum Meet Apr23 2016 - Short VersionAgile+Lean, Alum Meet Apr23 2016 - Short Version
Agile+Lean, Alum Meet Apr23 2016 - Short Version
Hemant Elhence595 views
Quality in dev ops east 2017 by Amir Rozenberg
Quality in dev ops east 2017Quality in dev ops east 2017
Quality in dev ops east 2017
Amir Rozenberg171 views
The Influency Chalkboard by Answer Guy Central by Jeff Yablon
The Influency Chalkboard by Answer Guy CentralThe Influency Chalkboard by Answer Guy Central
The Influency Chalkboard by Answer Guy Central
Jeff Yablon2.7K views

Recently uploaded

Behind The Scenes of My Lettering Process - Decorative Monoline Issue 2 by
Behind The Scenes of My Lettering Process - Decorative Monoline Issue 2Behind The Scenes of My Lettering Process - Decorative Monoline Issue 2
Behind The Scenes of My Lettering Process - Decorative Monoline Issue 2Abdelrahman Elyamany | Branding & Presentation Design
35 views22 slides
Free International civil aviation day template from best presentation design ... by
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...slideceotemplates
16 views10 slides
boggiano_project 2.pptx by
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptxsamboggiano
25 views8 slides
BREAKFAST GONE WRONG____________________ by
BREAKFAST GONE WRONG____________________BREAKFAST GONE WRONG____________________
BREAKFAST GONE WRONG____________________pulkkinenaliisa
10 views174 slides
BREAKFAST GONE WRONG_OVERVIEW___________ by
BREAKFAST GONE WRONG_OVERVIEW___________BREAKFAST GONE WRONG_OVERVIEW___________
BREAKFAST GONE WRONG_OVERVIEW___________pulkkinenaliisa
11 views15 slides
Connexions 2024 Idea Book.pdf by
Connexions 2024 Idea Book.pdfConnexions 2024 Idea Book.pdf
Connexions 2024 Idea Book.pdfdaniel103814
31 views132 slides

Recently uploaded(20)

Free International civil aviation day template from best presentation design ... by slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
boggiano_project 2.pptx by samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano25 views
BREAKFAST GONE WRONG____________________ by pulkkinenaliisa
BREAKFAST GONE WRONG____________________BREAKFAST GONE WRONG____________________
BREAKFAST GONE WRONG____________________
pulkkinenaliisa10 views
BREAKFAST GONE WRONG_OVERVIEW___________ by pulkkinenaliisa
BREAKFAST GONE WRONG_OVERVIEW___________BREAKFAST GONE WRONG_OVERVIEW___________
BREAKFAST GONE WRONG_OVERVIEW___________
pulkkinenaliisa11 views
Connexions 2024 Idea Book.pdf by daniel103814
Connexions 2024 Idea Book.pdfConnexions 2024 Idea Book.pdf
Connexions 2024 Idea Book.pdf
daniel10381431 views
Samsung Galaxy Watch 5 Presentation by aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel114 views
type book PDF to PPT.pptx by samboggiano
type book PDF to PPT.pptxtype book PDF to PPT.pptx
type book PDF to PPT.pptx
samboggiano7 views
Dragon Troubles Overview________________ by pulkkinenaliisa
Dragon Troubles Overview________________Dragon Troubles Overview________________
Dragon Troubles Overview________________
pulkkinenaliisa15 views
tony moura bio.pdf by jenki442
tony moura bio.pdftony moura bio.pdf
tony moura bio.pdf
jenki4427 views
Indian wedding dresses design.pdf by Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 views
DR Portfolio 2023.pptx by robertsd2
DR Portfolio 2023.pptxDR Portfolio 2023.pptx
DR Portfolio 2023.pptx
robertsd27 views
Sugar Air Kiss Lipstick by aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel114 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views

Fun, Confusion, Fear and Basketball (UX Lx 2014)