SlideShare a Scribd company logo
1 of 83
v
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook
Design for Software : A ux playbook

More Related Content

Viewers also liked

User Experience Design: The Missing Ingredient
User Experience Design: The Missing IngredientUser Experience Design: The Missing Ingredient
User Experience Design: The Missing IngredientTom Nunes
 
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...VisibleThread
 
VisibleThread 2016 Users Conference - Company Overview
VisibleThread 2016 Users Conference - Company OverviewVisibleThread 2016 Users Conference - Company Overview
VisibleThread 2016 Users Conference - Company OverviewVisibleThread
 
A Tragic Event and Training Small Businesses
A Tragic Event and Training Small BusinessesA Tragic Event and Training Small Businesses
A Tragic Event and Training Small BusinessesVisibleThread
 
VisibleThread for Docs 2.13 - What's New
VisibleThread for Docs 2.13 - What's NewVisibleThread for Docs 2.13 - What's New
VisibleThread for Docs 2.13 - What's NewVisibleThread
 
Agile UX Design in Practice: Crafting Great Products
Agile UX Design in Practice: Crafting Great ProductsAgile UX Design in Practice: Crafting Great Products
Agile UX Design in Practice: Crafting Great ProductsRoss Popoff-Walker
 
5 Tips for Creating Effective Personas
5 Tips for Creating Effective Personas5 Tips for Creating Effective Personas
5 Tips for Creating Effective PersonasTandemSeven
 
UX Design Process at Atlassian
UX Design Process at AtlassianUX Design Process at Atlassian
UX Design Process at Atlassiankarenmcross
 
Customer Success: Tales from the front lines
Customer Success: Tales from the front linesCustomer Success: Tales from the front lines
Customer Success: Tales from the front linesVisibleThread
 
Creating and using personas
Creating and using personasCreating and using personas
Creating and using personasAndrewUX
 
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)Susan Rice
 
Unic - Der Webauftritt im B2B
Unic - Der Webauftritt im B2BUnic - Der Webauftritt im B2B
Unic - Der Webauftritt im B2BUnic
 
Why PTC for SLM?
Why PTC for SLM?Why PTC for SLM?
Why PTC for SLM?Tom Kenslea
 
Automating Sales Processes To Drive Competitive Advantage
Automating Sales Processes To Drive Competitive AdvantageAutomating Sales Processes To Drive Competitive Advantage
Automating Sales Processes To Drive Competitive AdvantageVisibleThread
 
Pg connects bangalore re engagment advertising a dummies guide
Pg connects bangalore re engagment advertising a dummies guidePg connects bangalore re engagment advertising a dummies guide
Pg connects bangalore re engagment advertising a dummies guideFiksu
 

Viewers also liked (16)

Design and UX in an Agile Process
Design and UX in an Agile ProcessDesign and UX in an Agile Process
Design and UX in an Agile Process
 
User Experience Design: The Missing Ingredient
User Experience Design: The Missing IngredientUser Experience Design: The Missing Ingredient
User Experience Design: The Missing Ingredient
 
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...
Pratical Tips for Focusing Sales Efforts and Cutting Costs Using VisibleThrea...
 
VisibleThread 2016 Users Conference - Company Overview
VisibleThread 2016 Users Conference - Company OverviewVisibleThread 2016 Users Conference - Company Overview
VisibleThread 2016 Users Conference - Company Overview
 
A Tragic Event and Training Small Businesses
A Tragic Event and Training Small BusinessesA Tragic Event and Training Small Businesses
A Tragic Event and Training Small Businesses
 
VisibleThread for Docs 2.13 - What's New
VisibleThread for Docs 2.13 - What's NewVisibleThread for Docs 2.13 - What's New
VisibleThread for Docs 2.13 - What's New
 
Agile UX Design in Practice: Crafting Great Products
Agile UX Design in Practice: Crafting Great ProductsAgile UX Design in Practice: Crafting Great Products
Agile UX Design in Practice: Crafting Great Products
 
5 Tips for Creating Effective Personas
5 Tips for Creating Effective Personas5 Tips for Creating Effective Personas
5 Tips for Creating Effective Personas
 
UX Design Process at Atlassian
UX Design Process at AtlassianUX Design Process at Atlassian
UX Design Process at Atlassian
 
Customer Success: Tales from the front lines
Customer Success: Tales from the front linesCustomer Success: Tales from the front lines
Customer Success: Tales from the front lines
 
Creating and using personas
Creating and using personasCreating and using personas
Creating and using personas
 
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)
Building the UX Center of Excellence at Vistaprint (UX Strategy Conference 2013)
 
Unic - Der Webauftritt im B2B
Unic - Der Webauftritt im B2BUnic - Der Webauftritt im B2B
Unic - Der Webauftritt im B2B
 
Why PTC for SLM?
Why PTC for SLM?Why PTC for SLM?
Why PTC for SLM?
 
Automating Sales Processes To Drive Competitive Advantage
Automating Sales Processes To Drive Competitive AdvantageAutomating Sales Processes To Drive Competitive Advantage
Automating Sales Processes To Drive Competitive Advantage
 
Pg connects bangalore re engagment advertising a dummies guide
Pg connects bangalore re engagment advertising a dummies guidePg connects bangalore re engagment advertising a dummies guide
Pg connects bangalore re engagment advertising a dummies guide
 

More from eklimcz

Rapid Prototyping : Little Bets for Big Wins
Rapid Prototyping : Little Bets for Big WinsRapid Prototyping : Little Bets for Big Wins
Rapid Prototyping : Little Bets for Big Winseklimcz
 
The Web as You Don't know It
The Web as You Don't know ItThe Web as You Don't know It
The Web as You Don't know Iteklimcz
 
Windows 8 from the Trenches
Windows 8 from the TrenchesWindows 8 from the Trenches
Windows 8 from the Trencheseklimcz
 
Design for Software
Design for SoftwareDesign for Software
Design for Softwareeklimcz
 
User Experience is a Culture...not an Interface
User Experience is a Culture...not an InterfaceUser Experience is a Culture...not an Interface
User Experience is a Culture...not an Interfaceeklimcz
 
Bizspark - Windows Phone 7 overview
Bizspark - Windows Phone 7 overviewBizspark - Windows Phone 7 overview
Bizspark - Windows Phone 7 overvieweklimcz
 

More from eklimcz (6)

Rapid Prototyping : Little Bets for Big Wins
Rapid Prototyping : Little Bets for Big WinsRapid Prototyping : Little Bets for Big Wins
Rapid Prototyping : Little Bets for Big Wins
 
The Web as You Don't know It
The Web as You Don't know ItThe Web as You Don't know It
The Web as You Don't know It
 
Windows 8 from the Trenches
Windows 8 from the TrenchesWindows 8 from the Trenches
Windows 8 from the Trenches
 
Design for Software
Design for SoftwareDesign for Software
Design for Software
 
User Experience is a Culture...not an Interface
User Experience is a Culture...not an InterfaceUser Experience is a Culture...not an Interface
User Experience is a Culture...not an Interface
 
Bizspark - Windows Phone 7 overview
Bizspark - Windows Phone 7 overviewBizspark - Windows Phone 7 overview
Bizspark - Windows Phone 7 overview
 

Design for Software : A ux playbook

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. v

Editor's Notes

  1. 10 years in the making…
  2. The market is getting saturated with developersSoftware is getting easier to writeHybrids are starting to be the most valued employeesMany people think design is magic only “creative” people can design. That’s not true. Devs are highly creative problem solvers.
  3. Took me the better part of a decade to create a design process that makes sense for software.These 10 things are the things I wish I knew as a new designerThis is not the typical abstract design talk. These are real nuggets of information you can use tomorrow to enhance your software.Best for something and worst for something else. Cherry pick what makes sense for you.
  4. Photo from:http://www.uiowa.edu/~calvin/Old_Science_Hall.htm
  5. There are many types of research. I choose to do the most obvious one, because it is easy and painless.
  6. The most basic form of research is user interviews. Motivations are the triggers that lead to desirable behaviors. This is the most powerful research technique you can use. There are plenty more forms of research, but if you aren’t doing any of them today, this is where you should start.
  7. Case Study from Adaptive Path:http://www.adaptivepath.com/ideas/charmr-initial-feedback
  8. This is when I started realizing that other people’s designs had an element of polish mine didn’t.
  9. These are the places I find most of my inspiration now.
  10. This can be a great way to start collecting ideas. And reference then in the future.
  11. Specific Knowledge of products and people + general knowledge of life and event = ideas.
  12. If there was only one think you took away from this talk…this would be it.
  13. Define patterns Be consistentReduce steps
  14. Borrow ideas from other industries
  15. Establish layout patterns Visualize interactionsGet stakeholders buy-in
  16. Picture from Wikipedia. ENIAC – the firstcomputerhttp://en.wikipedia.org/wiki/ENIAC
  17. Too many people get hung up on the word “innovate”. The ability to “fail fast” is invaluable in an organization that is used to throwing money away.
  18. Muscle fatigue happens really quickly. 55” in touch screen examplePeripheralADA concerns
  19. Interactive prototyping is really the focus
  20. Sketching in c#This can be really powerful. Some times you can easily animated the visuals and get a sense for the way the software “feels”. This can be done with the storyboards built into wpf or silverlight. You can also use applications like Microsoft Sketchflow.
  21. Quote from Anchor Man:http://www.imdb.com/title/tt0357413/Seriously…no matter how low the fidelity is…a working prototype will be more well received compared to a static comp.
  22. Time check28 Min Elapsed16 Min Remaining
  23. This is pretty hard stuff. I feel like I barely have scratched the surface of type. Its something of an underground cult thing.But when its done right it can make all the difference. Simple rule of thumb for mixing serifs and san-serifs. Thanks to Robby for the inspiring talk from MIXhttp://channel9.msdn.com/events/MIX/MIX11/EXT02
  24. Discordance when you don’t use sizes in a scale These two scales will suit most typographic needs
  25. Simplicity“what is your design really saying?”Clean UI?ConsistencyLogically organizedAnd
  26. Rule of thumb:Groupingby size, content, color, action.I identify the relationships between the elements on the screen then start to group them.
  27. Grouping of artists, albumb, and songs. All visually similar .
  28. Aligning things to a grid is the simplest way to create order and hierarchy. I usually tend to design by gut….then align to a grid. Some people put the grid on the page…first thing they do.
  29. Thanks again to Robby Ingerbretson for his awesome slides on design 101. Check out his work here: http://nerdplusart.com/
  30. Photography :http://www.flickr.com/photos/cubagallery/3643547984/
  31. What? Windows apps do this the best?