I know waiting sucks
but trust me it’s worth it
PLEASE TURN
YOUR BATMOBILE

Rethinking Batman’s classic outfit in a user-centric way

  • BATUX: An infographic where rethink Batman’s classic outfit in a user-centric way design by Marc Morera
  • I have been serving the Wayne family for decades ...
  • My name is Alfred Pennyworth and I'm the butler of the playboy Bruce Wayne. My job is to provide solutions according his needs
  • And trust me ... since he dresses up as a bat he has pretty special needs.
  • When Gotham City is in trouble, they call Batman. When Batman is in trouble, he calls me.
  • Alfred, I'm always too late ... Thieves have already escaped when I arrive at the bank ... I built a solution for you: the Batmobile!
  • Alfred! Because Superman can fly, he laughs at me from the top of the buildings … Whit this tool you can climb: the BATCLAW!
  • Alfred! I got bored when I go out at night … You need a companion! I introduce to you ROBIN!
  • Alfred! Yesterday I spent all night patrolling the streets of Gotham City. I’m falling sleep … With this you will stay awake
  • Alfred, last night ... things did not go very well and my Batsuit is a mess again. It spoils quickly. I demand a new one!
  • In order to (vision) our product will solve (target audience) problem of (user problem) by giving them (strategy). Batman ux
  • In order to fight crime our product will solve batman's problem of quickly spoiling batsuit by giving them a new concept
  • That's the plan, if we follow these steps our design will be useful, usable, and delightful! Batman batux ux design morera
  • Emphatize: Learn about and with your users
  • Before I get ahead of myself, it is always worth to take a look at google. I need to define a starting point for the reserach
  • CLIENT RESEARCH: Bruce Wayne, who witnessed the murder of his billionaire parents as a child, swore to avenge their deaths.
  • To fully understand how the suit works I should wear it. Put yourself in user's shoes.
  • Interesting … I feel sexy and surprisingly powerful.
  • IN YOUR FACE! I’m the king of the world! I’m the king of the world!
  • Ouch! Pow! Boom!
  • It’s impossible to fully understand in this way what it means to be Batman. I should ask people who wore the batsuit
  • Actors who played the batman Lewis Wilson, Adam West, Michael Keaton, Val Kilmer, George Clooney, Christian Bale, Ben Affleck
  • Hi Commissioner Gordon! I need your help to do some interviews …
  • Interview guidelines, audio recorder, notebook, camera, action camera, sacrificial concepts, journey maps
  • And the most important thing: ACT DUMB but BE SUPERFRIENDLY!
  • Write down all your observations. But don’t bother him, he needs to feel comfortable. You must be invisible.
  • I will run the interview. You take notes of everything.
  • Could we interview you? We would like to know more about your daily life as Batman.
  • So you play the role of Batman in 1989, right? Tell me how was the experience?
  • Well, I’m a great actor so when I’m acting the audience didn’t actually see my elevator shoes …
  • Really? And what is the biggest challenge when you are Batman …
  • Ask Why many times. I have difficulties controlling the Batclaw.
  • Why? Well I need to be accurate but that’s impossible!
  • Why? With this cowl I can’t turn my head so I can’t see where I’m shooting.
  • I would like to show you a simple diagram. Could you tell me what’s your experience and feeling at each of these moments?
  • When you are not wearing the suit. I tried to wear it under my normal clothes but it looks weird. I have it at the Batcave.
  • I have sketched a few ideas. I would love to get your opinion on them. Oh nice! You are an artist!
  • What’s your feeling? But wouldn’t be inconvenient to go through narrow streets?
  • Thanks for your time. Please accept this small reward. Birdman sucks.
  • Let’s write everything on post-its. Then we can collect all these insights on the post-its on one big board.
  • His name is Michael. He was Batman in 1989. He tried to wear his suit underclothes but he said it looks weird.
  • I need to categorize the information. Each post-it should be a single observation as self-explanatory and visual as possible.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard
  • Let me know if you think an insight sticks out from the others. I will add a frame to highlight it then! Makes it easier.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 2 Lewis G. Wilson The hood is basic! I need to protect my identity!
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 3 Adam wast I always carry my “bat spray shark repellent”. You never know when you’ll be attacked by sharks!
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 4 Val Kilmer With this suit I can’ run. So I use the batarang to stun the villains.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 5 George Clooney I’m fucking rich so I only carry my Batcredit card for emergencies. I don’t have pockets for cash.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 6 christian bale I like to be theatrical. I use these smoke pellets to surprise the villains
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 7 Christia Bale This armor is really hard. Pure seel and kryptonite. But it’s too heavy.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 8 Robin Because I wear bright colors the villains usually shoot at me instead of Batman.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 9 batgirl He calls everything “bat-something”: batmobile, batwing, batbelt, BATGIRL? Come on! I’m not an object!
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 10 catwoman Of course I know his secret identity. He tries to make a different voice but I can recognize his chin!
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • 11 The Riddler He always appears in the middle of the night to kick my face. I hate him.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • Thank God, all the interviews are done! Thank God, all the interviews are done! We have a lot of data.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, reserach
  • We can use dots to highlight things important to us. Now the Research is officially done.
  • Define: Construct a point of view based on users needs and insights
  • Cluster all the information to identify the main TOP FINDINGS. Look for for common needs or patterns across different users.
  • Mmmh … maybe too narrow.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard
  • Quite a few post-it groups here. To bring the main idea of each cluster across I will first add a preliminary title to lead.
  • Let’s write down all the Top Findings. Add one or two memorable user quotes to support this finding!
  • Top Finding 1: Armour limits movement Top Finding 2: Suit up takes time Top Finding 3: Hide secret identity
  • Top Finding 4: Reinforce the appearance Top Finding 5: The bad as a brand Top Finding 6: Be nightly to scare villains
  • We have identified and fully detailed out the Top Findings from our research. We know what’s really important for the users.
  • Now, try rephrasing each Top Finding as a few “HOW MIGHT WE QUESTIONS” to turn those insights into opportunities for design.
  • Let’s spend only 5 minutes for each one to generate HMW questions.
  • Mmmh … maybe too narrow. Mmmh … maybe too narrow.
  • Try to be concrete enough to give a starting point for our brainstorming based on these questions.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, how might we questions
  • Now, just like before we need to cluster these new post-its and give them a provisionary title in the form of a HMW.
  • Batman, Design, UX, BatUX, UI, Experience, comic, post-it, user, userboard, how might we questions
  • Also we have defined what’s an opportunity and what’s a principle to ideate our design.
  • So here we have the OPPORTUNITY AREAS. Fields serving as starting points for idea generation.
  • Opportunity Area 1: Be the darkness Opportunity Area 2: Really get bat-powers Opportunity Area 3: Differentiate identities
  • … and the DESIGN PRINCIPLES. Criterias that we will use to filter our concept ideas after ideation.
  • Design Principle 1: From nuisance to second skin Design Principle 2: From iconic to legendary
  • Design Principle 3: From costume to tool Alfred! Where is my new suit? We are working on it …
  • Users, insights, findings, HMW questions, ideation base: Opportunity areas and Design principles
  • You have a lot of colorful post-its but you don’t have a new design for my suit. Give me a reason for not firing you.
  • Before designing we must first understand what is needed. We are going to use these Opportunity Areas as a base for ideation.
  • To come up with one revolutionary idea we need to generate a lot of crazy ideas.
  • Ideate: Brainstorm many possible solutions
  • I need your collaboration to brainstorm fresh ideas! Print this canvas and turn identified problems into design solutions!
To keep designing the perfect suit we would like to add your brains into
the ideation phase. We are not looking for quality, we are looking for quantity! Any crazy idea is welcome!
WE WILL COLLECT YOUR DESIGN IDEAS TO CONTINUE THE STORY AND SHAPE A NEW BATSUIT!
DOWNLOAD CANVAS