Introducing a Design Language at UCL
Upcoming SlideShare
Loading in...5
×
 

Introducing a Design Language at UCL

on

  • 455 views

 

Statistics

Views

Total Views
455
Views on SlideShare
455
Embed Views
0

Actions

Likes
0
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introducing a Design Language at UCL Introducing a Design Language at UCL Presentation Transcript

    • Introducing a Design Language at UCL Dan Jackson, Senior Web Architect, UCL @beesman #jboye13
    • “4th best university in the world”* *MASSIVE pinch of salt
    • 10 faculties 40 departments 110 units 820 websites ~1m unique URLs
    • “UCL is sprawling and disparate in physical terms and this structure has replicated into your online presence”. ‘Putting digital at the heart of UCL: A business case for change’, Precedent
    • www.flickr.com/photos/wheelsy1/6034581045/
    • UCL Pyramid of Bloat ®
    • http://www.ucl.ac.uk/teaching-learning: 26 x JavaScript 40 x CSS 2,562 unused CSS selectors 112 resources, 1.1MB
    • http://speedcurve.com/blog/speed-matters-talk-at-auckland-web-dev-nights/
    • http://www.jordanpoulton.com/wp-content/uploads/2013/03/Technical-Debt.png
    • “As the users’ experience of the UCL web estate reinforces and shapes their perceptions of UCL as an institution, the total UCL web estate will consistently reflect the excellence and distinctiveness of UCL by being professionally developed and managed.” UCL Web & Mobile Services’ vision statement
    • http://www.slideshare.net/jarader/designing-for-cohesive-diversity
    • “A style guide tells the story of a design system, explains the design thinking and enables other people on your team, or a future team, to take action.” http://www.netmagazine.com/features/create-website-style-guide
    • ?
    • “Websites are systems rather than pages and as soon as we stop perceiving them as that, the better.” Anna Debenham, @anna_debenham
    • UCL theme UCL theme 3 rd -party themes 3 rd -party themes Patterns Patterns Interaction Interaction Forms Forms Media Media Etc… Etc… Foundations Foundations Grid Grid system system Navigation Navigation Typograph Typograph y y Etc… Etc…
    • Challenges Creativity vs. control Support & development Adoption & evolution
    • Thanks Twitter: @beesman Style Guides: storify.com/beesman/style-guides