2. Billy Hollis Consultant / Author Next Version Systems WUX205

3. The Customer: Sommet Group Provides services to small businesses Sommet Center in Nashville named for them

4. The Scenario: Temporary Staffing Management Small staffing companies (2 to 10 users) Match temporary employees to companies needing workers Orders and assignments Payroll and billing

5. Easy deployment, transparent updating Software-as-a-service Highly intuitive UI Distributed users Keep training minimal Increase revenue by finding more matches Essential Needs

6. The end result: StaffLynx Billy Hollis Consultant / Author / Team lead for StaffLynx development Next Version Systems

7. How We Got There Requirements gathering and documentation Originally expected to be ASP.NET Advent of Silverlight opened up new thinking Problem: how to use advanced UI capabilities So the prototyping began… First step: Is advanced UI worth it?

8. First StaffLynx prototype Billy Hollis Consultant / Author / Team lead for StaffLynx development Next Version Systems

9. First Prototype: Important Lessons Data templates are powerful Try to be “non-linear” Don’t think of the screen as a set of rectangular areas to pour things into

10. You Don’t Want This

11. First Prototype: Additional Lessons Traditional navigation not good enough Gradient color is effective Translucency preserves mental context Some experiments did not work Oval vs. square buttons In-place editing has usability obstacles

12. Conclusion from First Prototype Advanced UI is worth it, but lots more experimentation needed

13. Next Phase: Multiple Prototypes Developed several prototypes in parallel Basic idea: Develop one approach Pretend we can’t use it Develop another, significantly different Repeat until run out of ideas for approaches Then we hashed out the results with a group of users

14. Multiple StaffLynx prototypes Billy Hollis Consultant / Author / Team lead for StaffLynx development Next Version Systems

15. Multiple Prototypes: Lessons Learned Home screen resonates with users One place to find an entity Semi-modal child screens essential “Interrupt-driven” users Visual “dirty record” signal essential Animation essential to natural feel Don’t try to cram too much user action into pop-ups Pop-ups for additional detail work well, however

16. Process and Team Structure Process must be design-centric rather than code-centric Visual designer vs. interaction designer Interaction designer hard to find, needed early Visual designer easier to find, can come in later Collaboration User involvement

17. Major Lessons Let’s go through the most important lessons we learned in the development of StaffLynx Circumstances vary; only you can decide if these lessons apply to your situation

18. Work with People’s Brains Gradient colors Animation Goal is that they like it but they can’t tell you why

19. Use Both Sides of Your Own Brain Developers tend to be left-brained Visual sense, pattern recognition, empathy are right brained skills

20. Get Insides User’s Head Understand their work flow Understand where they add value Know their pain points Empathize with them

21. Multiple Prototypes Develop one approach Pretend you can’t use it Develop another Repeat until out of ideas

22. Collaboration is Essential

23. Question Everything Question every principle you ever learned about UI design Some will still apply Many won’t

24. Build Production Version from Scratch Prototypes should be hacks Don’t reuse them Production version needs manageability

25. Design, Don’t Decorate

26. Interaction Patterns Early, Styling Later Hard to change interaction pattern Easy to restyle

27. Learn and Use Templates Data templates make list boxes amazingly flexible Control templates drive look and feel

28. Don’t Get Bogged Down in Details Lot’s of things easy to change late in the game Color schemes Templates

29. Complex UI  Asynch data Use asynchronous data in WPF Required in Silverlight

30. Don’t Make First Project Time - Sensitive If you do, it will never live up to advanced UI potential

31. Result Can be Worth it

33. www.microsoft.com/teched Sessions On-Demand & Community http://microsoft.com/technet Resources for IT Professionals http://microsoft.com/msdn Resources for Developers www.microsoft.com/learning Microsoft Certification and Training Resources www.microsoft.com/learning Microsoft Certification & Training Resources Resources

34. Complete an evaluation on CommNet and enter to win!

35. © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.