a ux designer in transition: from websites to software (ux sofia)
DESCRIPTION
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 UITRANSCRIPT
![Page 1: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/1.jpg)
![Page 2: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/2.jpg)
About Me
interaction designer, netage.bgWebSolutions team
BEFORE:
NOW:
interaction designer, telerikTeamPulse team
![Page 3: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/3.jpg)
The Technology
HTML/CSS/jQuery, PHP
BEFORE:
NOW:
SilverLight, XAML, C#
![Page 4: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/4.jpg)
![Page 5: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/5.jpg)
The Process
Waterfall (mostly)
BEFORE:
NOW:
Agile SCRUM (mostly)
![Page 6: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/6.jpg)
The Environment
Open source fanatics
BEFORE:
NOW:
Microsoft evangelists
![Page 7: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/7.jpg)
Wp7 screeshot
![Page 8: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/8.jpg)
Metro UI
![Page 9: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/9.jpg)
![Page 10: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/10.jpg)
![Page 11: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/11.jpg)
![Page 12: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/12.jpg)
![Page 13: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/13.jpg)
![Page 14: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/14.jpg)
Clean, Light, Open and Fast
Celebrate Typography
Content, Not Chrome
Authentically Digital
Alive in Motion
![Page 15: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/15.jpg)
Clean, Light, Open and Fast
![Page 16: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/16.jpg)
![Page 17: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/17.jpg)
![Page 18: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/18.jpg)
![Page 19: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/19.jpg)
![Page 20: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/20.jpg)
![Page 21: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/21.jpg)
Content, Not Chrome
![Page 22: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/22.jpg)
Data ink ratio
![Page 23: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/23.jpg)
![Page 24: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/24.jpg)
![Page 25: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/25.jpg)
![Page 26: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/26.jpg)
![Page 27: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/27.jpg)
![Page 28: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/28.jpg)
![Page 29: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/29.jpg)
![Page 30: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/30.jpg)
![Page 31: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/31.jpg)
![Page 32: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/32.jpg)
![Page 33: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/33.jpg)
Before: 260px
After: 124px
![Page 34: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/34.jpg)
Celebrate Typography
![Page 35: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/35.jpg)
Structure with Grids
![Page 36: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/36.jpg)
![Page 37: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/37.jpg)
![Page 38: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/38.jpg)
![Page 39: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/39.jpg)
Confident use of negative space
![Page 40: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/40.jpg)
![Page 41: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/41.jpg)
Proportion and pacing
![Page 42: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/42.jpg)
![Page 43: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/43.jpg)
Fierce reduction
![Page 44: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/44.jpg)
![Page 45: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/45.jpg)
![Page 46: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/46.jpg)
Authentically Digital
![Page 47: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/47.jpg)
![Page 48: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/48.jpg)
![Page 49: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/49.jpg)
![Page 50: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/50.jpg)
![Page 51: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/51.jpg)
![Page 52: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/52.jpg)
![Page 53: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/53.jpg)
Universal Iconography
![Page 54: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/54.jpg)
![Page 55: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/55.jpg)
![Page 56: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/56.jpg)
Objectivity through Imagery
![Page 57: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/57.jpg)
![Page 58: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/58.jpg)
![Page 59: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/59.jpg)
![Page 60: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/60.jpg)
Alive in Motion
![Page 61: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/61.jpg)
![Page 62: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/62.jpg)
Celebrate Typography
Content, Not Chrome
Authentically Digital
Clean, Light, Open and Fast
Alive in Motion
![Page 63: A UX Designer in Transition: from websites to software (UX Sofia)](https://reader036.vdocument.in/reader036/viewer/2022062702/554a005ab4c9055b7a8b4ef0/html5/thumbnails/63.jpg)
Be honestMake beautiful stuffFocus on content