Download presentation
Presentation is loading. Please wait.
Published byRobert Compton Modified over 11 years ago
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.