is your thinking l-shaped? kevin mears
DESCRIPTION
Is your thinking L-shaped? Kevin Mears. Handheld 2012. Me. At the crayon end of the spectrum. Used to have one of these,. which meant you needed this. Now you don’t. But we still use these. Why does this matter?. Awkward – makes work less enjoyable. We need to respond to changes. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/1.jpg)
Is your thinking L-shaped?
Kevin Mears
Handheld 2012
![Page 2: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/2.jpg)
Me
![Page 3: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/3.jpg)
At the crayon end of the spectrum.
![Page 4: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/4.jpg)
Used to have one of these,
![Page 5: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/5.jpg)
which meant you needed this.
![Page 6: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/6.jpg)
Now you don’t.
![Page 7: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/7.jpg)
But we still use these.
![Page 8: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/8.jpg)
Why does this matter?
![Page 9: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/9.jpg)
Awkward – makes work less enjoyable.
![Page 10: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/10.jpg)
We need to respond to changes.
![Page 11: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/11.jpg)
Anyone heard of the transparent gif shim technique?
![Page 12: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/12.jpg)
or tables for layout?
![Page 13: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/13.jpg)
Heresy now, for but Flash was great.
![Page 14: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/14.jpg)
Flash site of the day was a big deal.
![Page 15: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/15.jpg)
Until Zeldman and others pointed out the problems.
![Page 16: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/16.jpg)
Whilst people pushed the boundaries,
![Page 17: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/17.jpg)
The hardware evolved steadily,
![Page 18: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/18.jpg)
Until in 2007, the iPhone arrived.
![Page 19: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/19.jpg)
So, what are the capabilities of these new devices?
![Page 20: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/20.jpg)
Is it practical to design for all of these breakpoints?
![Page 21: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/21.jpg)
Making assumptions is tricky?
![Page 22: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/22.jpg)
We can’t squeeze it all in.
![Page 23: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/23.jpg)
I think it’s the law that all university web people have to use this slide.
![Page 24: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/24.jpg)
Why don’t we look at a University site?
![Page 25: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/25.jpg)
Perhaps this one?
![Page 26: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/26.jpg)
How does a homepage reflect the organisation?
![Page 27: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/27.jpg)
‘Moses said’ is a powerful force.
![Page 28: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/28.jpg)
In commercial world money is strong constraint,
![Page 29: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/29.jpg)
in education, politics is an additional one.
![Page 30: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/30.jpg)
Designers and developers can’t just be artists.
![Page 31: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/31.jpg)
Selling the work has to be part of it.(Read ‘Design is a Job’)
![Page 32: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/32.jpg)
It’s a good thing we can’t pour it all in.
![Page 33: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/33.jpg)
Applying ‘app’ thinking might help.
![Page 34: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/34.jpg)
Our audiences are wanting more services via web and mobile.
![Page 35: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/35.jpg)
Like the rest of their lives.
![Page 36: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/36.jpg)
People are coming into our sites from social media,
![Page 37: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/37.jpg)
and mobile apps.
![Page 38: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/38.jpg)
So we needed to react quickly.
![Page 39: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/39.jpg)
Our main site has about 100 people viewing most of the time.
![Page 40: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/40.jpg)
We have 100+ sites,
![Page 41: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/41.jpg)
and 100+ editors.
![Page 42: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/42.jpg)
Hard to focus on a site that keeps growing.
![Page 43: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/43.jpg)
With 2 front end devs to look after CSS and HTML.
![Page 44: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/44.jpg)
Our role is to provide a platform for internal audience,
![Page 45: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/45.jpg)
and the external audience,
![Page 46: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/46.jpg)
So the tanker takes a while to turn.
![Page 47: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/47.jpg)
We’ve used various frameworks over the years, and have now settled on Twitter Bootstrap.
![Page 48: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/48.jpg)
Hoping to make it easier for our content people,
![Page 49: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/49.jpg)
And free us up to make it less Bootstrapish.
![Page 50: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/50.jpg)
We are aware that frameworks are not ideal for content.
![Page 51: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/51.jpg)
Realistically, we are still wrestling with what we have.
![Page 52: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/52.jpg)
Mobile is making us rethink lots.
![Page 53: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/53.jpg)
We have to embrace the ‘responsive’ desk.
![Page 54: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/54.jpg)
Which might be like this,
![Page 55: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/55.jpg)
or this.
![Page 56: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/56.jpg)
Thank you.
![Page 57: Is your thinking L-shaped? Kevin Mears](https://reader035.vdocuments.net/reader035/viewer/2022062222/56816468550346895dd6526e/html5/thumbnails/57.jpg)
dl.dropbox.com/u/633714/FOWD_London_11.pdf
www.abookapart.com/products/design-is-a-job
monstersuniversity.com/edu/
xkcd.com/773/
www.glam.ac.uk
cci.glam.ac.uk/planets