Ux4 indiedevs
-
Upload
juio-barros -
Category
Technology
-
view
767 -
download
2
description
Transcript of Ux4 indiedevs
![Page 1: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/1.jpg)
User Experience (UX) Design for the Indie Dev
@JulioBarros
There is a lot of advice out there. Some of it common sense but I don't agree with all of it.
![Page 2: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/2.jpg)
I'm not a designer
I'm also not rich.Don't have experience writing games.
![Page 3: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/3.jpg)
I'm an aspiring indie
6S Slide Show iCardSort
20 years proffesional dev experienceFelt the need to adapt design advice to my situation.Part workshop part conversation.
![Page 4: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/4.jpg)
Goal as Indie
Sustainable business creating products of value.
Nothing against games.Don't have a hit driven personality.Want to build apps that enhance people's lives.
![Page 5: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/5.jpg)
About you
• Aspiring indie
• Getting started
• Engineering is your super power
Assuming you are not marketer, or sales person, or artist, and probably not a designer
![Page 6: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/6.jpg)
You are not a designer.
We hear this all the time. You are a developer not a designer.Can you even draw?
![Page 7: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/7.jpg)
You are not a designer.
We need to change this.Great drawing and art skills not a prerequisite.Design is more about problem solving than art.Real world Problem solving is trade offs and optimizations
![Page 8: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/8.jpg)
Optimizing ...
• Engineering
• Business
• Marketing / Sales
• Product Manager
• Graphic design
• UX design
When we "solve" we are "optimizing" certain factors ...Software - correctness and efficiencyBusiness - profitability, cash flow, etc.Graphic designer - aestheticsUX designer - user's experience
![Page 9: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/9.jpg)
UX is your product
User's experience is his perception of your product.No one cares or knows as much as you do.You can not outsource UXYou need to own it.You must own the user experience.
![Page 10: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/10.jpg)
We are all (UX) designers.
As Indies, .... We need to start thinking of ourselves as designers.Don't need to compete with professionals just get better.
![Page 11: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/11.jpg)
Why are professionals better?
• Experience
• Perspective
• Focus
Practice - Experience, trainingPerspective / Distance - They are not invested in the productTime - They are getting paid for itNotice: Talent not on the list
![Page 12: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/12.jpg)
We can get better
You may not be great but you can get betterYou have 'do it' skillsBy getting better you will attract better people around you
![Page 13: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/13.jpg)
The Approach
• Manage Fear
• Develop Vision
• Cultivate Feedback
Based on Jared Spool - vision, feedback, culture for corporationsManage Fear - be willing to be wrong, to change and learnDevelop Vision - know what you want for yourself, business and productCultivate Feedback - listen to but don't do everything you are told
![Page 14: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/14.jpg)
Fear
afraid of failure, of success, ...afraid you'll build something no one will use or pay you forafraid you are not good enoughafraid person X will find out you suck
![Page 15: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/15.jpg)
Fear of being wrong
People will laughWe'll be ostracized from the villageThe lions will eat us
![Page 16: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/16.jpg)
Lions Raw (roar) - http://www.flickr.com/photos/matthew_norris/4591355259/
![Page 17: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/17.jpg)
I'm taking a chance
I'm afraid you will laugh at me ... luckily not too many lions AustinMost people... won't notice. Too busy with their own issues.... will forget... will give you credit for tryingThere will be a few haters. No matter what.Do you want to be right or effective?
![Page 18: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/18.jpg)
Cognitive Biases• Survivorship bias
• Confirmation bias
• Loss aversion
• Information bias
• Bias blind spot
• ~100 others on Wikipedia
survivor - x did y and z happened - what about everyone else that did y?
![Page 19: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/19.jpg)
Blind Men and the Elephant
Famous old story.
![Page 20: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/20.jpg)
Schrödinger's Elephant
We think we're the ones that can see everything clearly.
![Page 21: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/21.jpg)
Schrödinger's Elephant
But we have our own biases and blind spots.
![Page 22: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/22.jpg)
Develop Vision & Cultivate Feedback
Now that we are open to learning we address vision and feedback.
![Page 23: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/23.jpg)
Think before you code.
Classic advice you always hear.Usually said in a condescending way (I told you so) when you mess up.
![Page 24: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/24.jpg)
Think before you code.
Of course you have to think but it is not enough and it is not everything.Based on waterfallAssumes everything can be figured out by thinking
![Page 25: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/25.jpg)
Waterfall
Design (Software engineering) advice assumes you have known knownsMake a plan follow the planAwesome if you are on a cost plus contractWaterfall is risky for an indie - build a product no-one wants.
![Page 26: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/26.jpg)
My interpretation of "Lean"
Read - Eric RiesIterative developmentLearn from the smallest possible changesGet to a desirable product as quickly as possibleYou are not AppleFocus on speed not cost
![Page 27: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/27.jpg)
Each Step
No plan survives first contact with the enemy/customer.Right or wrong learn from your actionsDo the minimum possible to test your assumptionsThink code test analyze, think code test analyze
![Page 28: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/28.jpg)
Iterate
![Page 29: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/29.jpg)
Idea generation
1. Generate lots of ideas
2. Choose the "best" ones
3. Present them to someone
4. Analyze their feedback
![Page 30: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/30.jpg)
Exercise
Write ideas for 2 minute
Write 20 ideas without stopping
Take a minute to evaluate them
Feature or product ideas
Judged on quantity not quality
Rank your features. You can’t do everything all at once. Force prioritization.
![Page 31: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/31.jpg)
Validation
What are you building?
Does anyone care?
What makes it great?
What does this app really do?Where / how will people use it?
![Page 32: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/32.jpg)
Product Definition Statement
"An easy-to-use photo management application for amateur photographers."
Apple on iPhoto in the HIG
You've read the HIG right?
![Page 33: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/33.jpg)
Create a story for it
Use caseHelps with marketingBase it on product statement without mentioning features or purpose or product till the end.
![Page 34: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/34.jpg)
Draw it out
May not be artists but are all visual thinkers.
Drew as children? Did we forget? Don't draw? You mean you don't draw well. Are you afraid?
![Page 35: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/35.jpg)
How to Draw
• Start with a circle. Thats the user.
• Draw a squarish shape for everything in the story.
Can be - completely abstract- show real objects and their relationships- realistic scene from previous story
![Page 36: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/36.jpg)
Exercise
Look at your list. Write a product statement, a story (scene description) and a quick drawing.
Answer their questions politely.
Don't explain or argue. LISTEN.
If they get it completely wrong it is a sign you need to rethink you statement, story, drawing.
![Page 37: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/37.jpg)
Exercise
Share your statement, story or drawing with your neighbor. Listen to their response.
Don't explain or argue. LISTEN.
![Page 38: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/38.jpg)
Customer Validation
Who are your customers?
Can you find them?
Can you get them interested?
personas / usecases
How do they think?Who is going to use it and why?Act it out
![Page 39: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/39.jpg)
Web devs have it easy
• Keywords
• Ad words
• Test landing pages
Adwords toolsWe don't have access to iTunes search terms.Not to mention the app approval part
![Page 40: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/40.jpg)
Form a UX (support)group
Get together to discuss and examine each others designs and ideas.Like CocoaHeads, NSCoder, Meetup but focused on UX testing and validating assumptions.
![Page 41: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/41.jpg)
Design SketchesIts not the tools or even the resulting drawing but the process.
How are they going to win using your app?
Pick the absolutely most critical features only
Choose your metaphors (user model)
![Page 42: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/42.jpg)
Exercise
Draw 6 approaches 1 per minute
![Page 43: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/43.jpg)
Generic UX Tips
• Don't make the user choose
• Don't make them read
• Start them off so they can't fail
• Expect and tolerate errors
• Be polite and helpful
• Simplify and focus
Error messages that help instead of hurt
![Page 44: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/44.jpg)
Choose what works for you.We are told "IB is not a design tool"
![Page 45: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/45.jpg)
What is the purpose of wireframe or mockup?To help you think and to help you communicate.You don't have a client or a team.Sketches are abstract enough to help thinking.Prototypes are concrete enough to gauge experience.Wireframes and mocks can help but IMO are not worth it.
![Page 46: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/46.jpg)
Rough out the UX first then come back to making it attractive.
![Page 47: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/47.jpg)
User Testing
• Develop test plan
• Find participants
• Conduct tests
• Analyze results
User testing as integral part of dev processNot looking for statistical significanceShort InformalNot beta testing
![Page 48: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/48.jpg)
Test Plan
• What do you want to learn?
• What tasks do you want to them to perform?
• What do you need logistically?
frequency, criticality, readiness,
![Page 49: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/49.jpg)
Participants
• Spouse
• Friends and coworkers
• Associates
• Strangers
craigslist,coffee shopsuser groups, clubs, churchforget the NDA
![Page 50: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/50.jpg)
Conducting tests
• Get an assistant
• Thank and reassure participant
• Don't explain or apologize
• Ask participant to talk aloud
don't apologizedon't explain.watch and listen.give time but offer encouragement
![Page 51: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/51.jpg)
Beware of • asking about the future.
• asking how they would design a feature.
• direct questions.
• loaded questions.
Keep quiet, watch and listen.
They want to please you. They are biased.Asking is better than nothing but watching is best.
![Page 52: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/52.jpg)
Wrap up• Thank them for participating
• Answer any questions. Ask for thoughts.
• Offer them a small gift if you like
• Offer to keep them updated on the app
![Page 53: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/53.jpg)
User testing as part of your dev process
• Test constantly
• Watch and listen
![Page 54: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/54.jpg)
Exercise
User Test your app (or a competitor's)
![Page 55: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/55.jpg)
Graphic Design• Importance
• Proximity
• Alignment
• Contrast
• Repetition
... Get an artist.
You now have a compelling app, clear vision, decent UX.Good designers have something they can sink their teeth into and know you are for real.
![Page 56: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/56.jpg)
Still, test the design
![Page 57: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/57.jpg)
A/B Test
![Page 58: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/58.jpg)
5 Second Test
Quick first impressions test.
![Page 59: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/59.jpg)
![Page 60: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/60.jpg)
What does that make you think of?
![Page 61: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/61.jpg)
Iterate, Iterate, Iterate
But don't forget to ... Ship.
![Page 62: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/62.jpg)
Ship
“ The perfect is the enemy of the good” - Voltaire
“Art is never finished, only abandoned” - Leonardo Da Vinci
“Perfect is overrated. Perfect doesn't scale, either.” - Seth Godin
“Real artists ship” - SJ
The only thing that matters is traction.
Ship half a product not a half assed product - 37Signals
Expect some to love it and some to hate it.
![Page 63: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/63.jpg)
Summary
UX is everything
Fear, Vision, Feedback
Pictures, Stories
I've already won. So have you.
![Page 64: Ux4 indiedevs](https://reader034.fdocuments.us/reader034/viewer/2022051609/545d0f37b0af9fb32c8b4d21/html5/thumbnails/64.jpg)
Resources
And many many more ... These will get you started.