Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A UX Designer in Transition: from websites to software (UX Sofia)

3,464 views

Published on

Slides from my talk at UX Sofia 2011. The main topic was how I switched from designing for web to designing software. And how in this transition i was insipred by the Metro UI

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

A UX Designer in Transition: from websites to software (UX Sofia)

  1. 1.
  2. 2. About Me<br />BEFORE:<br />interaction designer, netage.bg<br />WebSolutions team<br />NOW:<br />interaction designer, telerik<br />TeamPulse team<br />
  3. 3. The Technology<br />BEFORE:<br />HTML/CSS/jQuery, PHP<br />NOW:<br />SilverLight, XAML, C#<br />
  4. 4.
  5. 5. The Process<br />BEFORE:<br />Waterfall (mostly)<br />NOW:<br />Agile SCRUM (mostly)<br />
  6. 6. The Environment<br />BEFORE:<br />Open source fanatics<br />NOW:<br />Microsoft evangelists<br />
  7. 7. Wp7 screeshot<br />
  8. 8. Metro UI<br />
  9. 9.
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14. Clean, Light, Open and Fast<br />Celebrate Typography<br />Content, Not Chrome<br />Authentically Digital<br />Alive in Motion<br />
  15. 15. Clean, Light, Open and Fast<br />
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21. Content, Not Chrome<br />
  22. 22. Data ink ratio<br />
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33. Before: 260px<br />After: 124px<br />
  34. 34. Celebrate Typography<br />
  35. 35. Structure with Grids<br />
  36. 36.
  37. 37.
  38. 38.
  39. 39. Confident use of negative space<br />
  40. 40.
  41. 41. Proportion and pacing<br />
  42. 42.
  43. 43. Fierce reduction<br />
  44. 44.
  45. 45.
  46. 46. Authentically Digital<br />
  47. 47.
  48. 48.
  49. 49.
  50. 50.
  51. 51.
  52. 52.
  53. 53. Universal Iconography<br />
  54. 54.
  55. 55.
  56. 56. Objectivity through Imagery<br />
  57. 57.
  58. 58.
  59. 59.
  60. 60. Alive in Motion<br />
  61. 61.
  62. 62. Celebrate Typography<br />Content, Not Chrome<br />Authentically Digital<br />Clean, Light, Open and Fast<br />Alive in Motion<br />
  63. 63. Be honest<br />Make beautiful stuff<br />Focus on content<br />

×