1. UX Portfolio Derek Smith

2. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some design elements from other projects Brief mention on a few other projects Ive been involved with Work product examples

3. CareerSmart: Project Overview Mission: Provide a single application for career management and learning 3 old existing applications that hosted most functionality Needed to merge all 3 into 1 site but largely preserve the information architecture Had to generally look and feel like an IBM w3 site

4. CareerSmart: Object Mapping

5. CareerSmart: Task Flow Modeling

6. CareerSmart: Low Fidelity Prototyping

7. CareerSmart: Prototyping in dreamweaver

9. CareerSmart: Usability Evaluation Tested using our high fidelity prototypes Remote Testing via screen sharing and conference call Global participant pool Captured data on Task completion rates, time on task, Critical/non critical errors, user comments, satisfaction questions Identified areas for improvement in the design and made adjustments

10. Design Components: Home/ Career snapshot

11. Design Components: Overview Pages

12. Design Components: Learning Card

14. Design Components: Search for learning

16. Design Components: Portlet for reuse on other IBM sites

17. BPpeople Project Redesign of BPs Intranet Had to design with severe limitations – Built on SAP – Minimal opportunity for custom code Huge success – Raised user satisfaction of the site by 69% – 17% increase in task completion rates – 20% increase in Error-free rate – Reduced time on task and increased ability to locate specific content

18. Design Components: Content Page Templates

19. Design Components: Rich Navigation Menu

20. Design Components: Search Results

21. Design Components: Indexes

22. Enhancing SSI Search: Before

23. Enhancing SSI Search: After

24. Lotus Connections

25. Integrated Sales Environment

26. Data Power

27. Work Product Examples and Experience Model: Task Flows Card Sort Object Mappings User Surveys UX project plans Design Custom Prototyping Tool Creation UI wireframes Low Fidelity Prototypes / Mock Ups Interactive Prototypes Visual UI Specs Detailed UI Specs Evaluation Heuristic Reviews Accessibility Reviews Test Plans Usability Testing

28. Card Sort

29. User Surveys

30. UX Project Plans

31. UI Wireframes

32. Visual UI Specs

33. Detailed UI Specs

34. Heuristic Reviews

35. Accessibility Reviews

36. Usability Tests