2. Razorfish, Germany Case Study: Audi

3. 2 1. Schematics (wireframes) 2. Jumping Boxes 3. Right vs. Left Navigation

4. 3 Schematics Documents separate & independent Problem: Traceability Changes & updates inefficient Version control problematic

5. 4 Schematics Solution: Adobe GoLive Sitemap and schematics linked 1:1 Components = modular construction WebDAV server –concurrent work on schematics –remote access by client Cross Platform: PC and Mac; HTML Convergence of deliverables

6. 5 Schematics

7. 6 Disadvantages Site file grew to 30+ mb Unstable, crashed Sitemap tool is suboptimal Didnt get team buy-in Overall GoLive met our expectations, but is the wrong tool for the job Underscores need for an IA tool

8. 7 1. Schematics (wireframes) 2. Jumping Boxes 3. Right vs. Left Navigation

9. 8 Jumping Boxes Users surf with different window sizes Problem: Variable Browser Sizes One screen size Web design Right navigation must be visible

10. 9 Jumping Boxes Three page layouts offered – S, M, L from 640x480 to 1024x768 Automated Layout Fulfilled CI constraints Brand: Vorsprung durch Technik

11. 10

12. 11 Jumping Boxes Disadvantages Technically difficult to implement Usability problems? Not needed for all page types A complex solution for a simple problem

13. 12 1. Schematics (wireframes) 2. Jumping Boxes 3. Right vs. Left Navigation

14. 13 Right vs. Left Navigation Right navigation = Audi as innovator Challenge: Competitive Difference Smoother interaction with scrollbar Greater focus on content Subjectively accepted by users

15. 14 Right vs. Left Navigation 2 prototypes: 1 left & 1 right navigation 64 users: 2 groups External Test: www.SirValuse.dewww.SirValuse.de Part 1 – Six tasks were timed Part 2 - Eye movement analysis Part 3 - Interviews

16. 15 Right vs. Left Navigation Time Tasks 12 3456 R L Significant Part 1 - Hypothesis

17. 16 Right vs. Left Navigation Time Tasks 12 3456 R L No Significance Part 1 - Results

18. 17 Right vs. Left Navigation Method: www.MediaAnalyzer.comwww.MediaAnalyzer.com User rapidly coordinate clicks with where they look Part 2 – Eye movement Hypothesis: right navigation > focus on content

19. 18 Right vs. Left Navigation Results: Stronger focus on content

20. 19 Right vs. Left Navigation Do you like the right navigation? Part 3 – Interview : |: | : ): ) : (: ( 7232

21. 20 Right vs. Left Navigation Normal methods with 25 participants Subsequent Usability Test Corroborated findings of first test No difficulties with a right navigation Positive subjective response Only 1 commented on right navigation

22. 21 Right vs. Left Navigation Conclusions Users are ambidextrous in terms of navigation position Consistency and learnability People expect that websites vary Interaction given by design and layout, not prior expectations (Affordance)

23. Razorfish, Germany Thank You jim@razorfish.de