1. Design Elements Continued Dave Curro

2. Last time Touched on C.R.A.P Mentioned semiotics Gave some examples

3. This time Deeper C.R.A.P and other principles Interface and accessibility How it all relates to our skeletons Some examples (if we have time)

4. Design Principles Repetition, Repetition, Repetition… Alignment Contrast Proximity Balance| Dominance R e a d a b i l i t y Colour

5. Repetition Subtle and abstract Creates consistency and visual unity Control the reader’s eye Organise the page into visual units

6. Alignment Line and flow Grids Visual hierarchy and information flow Organisation Bad alignment! http://www.gpin.co.uk/http://www.gpin.co.uk/

7. Contrast Unimportant elements Important elements (logo, news section) High and low contrast is like light and shadows Too much of either?

8. Proximity Grouping White space 3 levels of spacing Elements in a series are associated Information flow is good

9. Readability Serif? Sans-serif? Contrast Too many fonts! Verdana vs. Arial

10. Colour Eye attraction Acknowledge the necessity for contrast Same style for both sites, but different scheme Attractive

11. Accessibility and Interface W3C Guidelines Colour Resolution Platform

12. Examples! http://www.webcreme.com/ http://tonyyoo.com/protolize/ http://www.plaxo.com/

13. Redefining Roles Daniel Loxley

14. This Time How my role has evolved Development of our prototype My own prototype

15. Evolution of Roles Emergence of new roles Standards/compliancy checker Best way to treat problems

16. Prototype Development Web standards Features of layout Feature compliancy

17. Prototype

19. Navigation Katy Andrews

20. contents navigation issues structure information architecture no-no’s

21. navigation issues primary where am i? where can i go? how do i get where i want to go? secondary have i been here before? how do i get back to where i was? also how long will it take to get there?

22. navigation structure – left aligned navigation advantages: direct read path obvious clear disadvantages: may distract hurdle before content

23. navigation structure – right aligned navigation auxiliary navigation ‘lesser’ links recent forum activity recent noWalls activity

24. navigation identified no-no’s unique navigation burying information mindless complication

25. Information Architecture Steve Cullen