On 16 January 2013 I had the opportunity to attend the event "Talk Web Design" at Greenwich University. Thank you to my teacher Prisca Schmarsow for inviting me and David Watson for organising the event. Thank you to all speakers for taking their time. It was a very inspiring day!

Andy Hume

"Breaking News & Breaking Software. Digital development - team of Guardian"

Andy Hume is a Software Architect at the Guardian. Formerly Clearleft, Microsoft, Multimap.

Andy talks about a casual day at his work.

What he does?

"Test website - put in live and let people test it. Nobody dies if code breakes"

Move slowly and break nothing - slow and frightened companies - this is not a good way of working.

Measuring and monitoring

"If it moves - graph it"

A/B testing - e.g. the percentage of people who click on the sign button. You create two versions of the page. Fifty percent of the traffic direct on one, another fifty of the traffic on the other one.

Release

The only person that should stop you releasing code is you.

Collaborate

Self organised teams work better.

Agile: people over progress ( agile is a method of work).

Work with your clients.

Kerri-Anne-Ellis

"Becoming a front end developer and beyond - Pirata London"

Kerri-Anne-Ellis Front-end developer who dabbles in Information Architecture, lover of design, Ux and Ui. General hell raiser. bio from Twitter

HTML, CSS, java to make cross browser friendly and accessible websites.

Create a good portfolio.

Her old portfolio kitch-tastic.

New portfolio- sophisticated.

Portfolio is your first introduction.

Playground on your portfolio - something to play.

Challenge yourself when making portfolio.

Don't just rely on your portfolio - be ready to discuss.

Junior roles - it's about your potential.

Don't know a certain language yet? - show your willingness to learn it.

use stackoverflow

use codeacademy

use modernizr

use sass

use compass

use sublime

use twitter

read .netmagazine

Peter Gasston

CSS3: Layouts for the Multi-screen World.

Peter Gasston - Web dev, speaker, author of The Book of CSS3.

The web has changed and our tools are outdated. What is CSS3 going to do about it?

38% of our daily media interactions are on smartphones.

320x480 - iPhone screen resolution - the most popular to access his friend site.

Device centric development - without focusing on specific sizes.

Mobile development - keep an eye on mobile use.

15 years ago tables and floats was difficult to layout. Then it was easier with CSS2. Now CSS3 is proposing new ways to layout pages.

Live coding - Peter shows us new CSS3 tricks.

Conclusion:

  1. The web is everywhere.
  2. Web design is constrained by the tools we have.
  3. Better tool are on the way.
  4. let's make beautiful websites that work everywhere.
Laura Kalbag

"Design System"

Laura Kalbag - I'm a chatty 26yo freelance designer easily excited by design and development, particularly mobile, semantic web, web fonts & design theory. bio from Twitter

Responsive design - for as many devices as possible.

Components you might keep the same across viewports:

Components you might differentiate across viewports:

Consistency of UX rather than same design.

It's all about feeling. We need to make audience to feel the same when they browse website on tablet, phone and screen.

Detaching design considerations from viewports widths.

Websites to visit:

Sketch is a good way to communicate.

Mathew Stibble

"The joy of text - Writing Great Web Copy"

Matthew Stibbe - CEO at Articulate Marketing and TurbineHQ.com. Writer. Pilot.

How people read online:

People start reading from top-left. Subheadings, images, bullets are important to use.

People read about 20 percent of the page content. They usually stay on the page less than one minute. If they really interested in content they might stay three to four minutes.

Things that slows brain down:

Avoid hype, jargon, acronyms.

What else to avoid:

Place in your content something what people want:

Good headlines:

Perfection is achieved, not when there is nothing to add but when there is nothing left to take away"-Antoine de Saint-Exupery

Write less!!!!!!

Don't start with lorem ipsum - start with your original content.

James Box

"Past/Present/Future UX"

James Box - Digital product design for Clearleft. Author of Undercover User Experience Design. Prince of Stealth and Agility. bio from Twitter

Richard Rutter

"Day in the life of a UX designer"

Richard Rutter - User experience designer & web typography evangelist. Co-founder @Fontdeck & @Clearleft. bio from Twitter

Paul Robert Lloyd

"This is for everyone"

Paul Robert Lloyd - Designer at @clearleft/@fontdeck ยท Games Maker at @london2012 bio from Twitter

Paul compares web to television. 2013 - 13.000 people still use black&white tv.

to read - Responsive Web Design" by Ethan Marcotte (foreword by Jeremy Keith)

"The web's primary design principle is universality .. it should be accessible from any kind of hardware that can connect to the internet: stationary or mobile, small screen or large" - Tim Berners-Lee

The web is responsible on its own.

"Responsible design is the most interesting, yet least important aspect of web design"-Paul Robert Lloyd

Performance tuning - doesn't matter if it's responsive if you can't see the website because is to heavy.

"Who doesn't have JavaScript? Everyone does't have JavaScript until the JavaScript has loaded"-Jake Archibald

Paul talks about how important is to use responsive images.

website to visit: responsivenews.co.uk

Andy Budd Jeremy Keith

The State of Web Design (Q&A)

Andy Budd - User Experience Designer, partner at @clearleft and curator of @dconstruct and @uxlondon bio from Twitter

Jeremy Keith - An Irish web developer living and working in Brighton, England. bio from Twitter

Avoid to go into specific area (technology)

Look up what is going on, what is new.

Write while you are learning.

You can only progress while learning from somebody else.

Be part of community (blog/write/tweet).

You have to talk design - be a journalist.

Passion for learning and understanding is the most important thing - that is what Clearleft looking for. You need to be a good communicator too.

It is ok not to know everything - I don't know but I know how to find out. I know where to go to find out.

Sense of quality, sense of taste - this is what you learn first and you might be frustrate with your own work.

Designers see oportunities all the time