A presentation at Generate London 2015 in in London, UK by Inayaili León
Realistic responsive design by Inayaili de León Persson
Generate Conference, London , 2015
1
Define a project leader
http://flic.kr/p/8JJDer
2
Buy lots of sticky notes
3
Involve all the right people
http://flic.kr/p/dMpken
4
Make a wishlist and plan from there
http://flic.kr/p/oRsPbM
5 Add deadlines for other projects
to the calendar first
6
Deprioritise other projects
http://flic.kr/p/oepoQQ
7
Aim for a date, but be flexible
http://flic.kr/p/odGXUV
8
Divide the project into chunks
http://flic.kr/p/oepDi6
9
Prioritise what you want to do first
10 Write down everything
you will NOT do
http://flic.kr/p/a3KRS4
11
Make a page inventory
12
Know the transition won’t
happen overnight
http://flic.kr/p/4WNS3F
13 Allow plenty of time
for device testing
http://flic.kr/p/bu2gfG
14 Test on devices as you go
15
Get test devices based on analytics
14 % APPLE IPHONE 10 % APPLE IPAD 5 % GOOGLE NEXUS 5 3% LG NEXUS 5 1 % SONY READER PRS-T1 1 % GOOGLE NEXUS 7 1% MICROSOFT SURFACE …
16
Create a document with initial rules
http://flic.kr/p/65C7c3
17
Make a component inventory
18
Have a style guide
19
Clean up your CSS
http://flic.kr/p/ovrq1Y
20 Split your CSS into smaller files
21 Make sure you have a solid grid
http://flic.kr/p/do6BHg
22 Convert grid to percentages
23
Evolve instead of change
http://flic.kr/p/oeJcBM
24
Don’t be afraid to copy
25 Use everyone at once
http://flic.kr/p/xNXbL1
26 Don’t use everyone at once
http://flic.kr/p/oepDi6
27 Get people not involved
in the project to pitch in
http://flic.kr/p/5SWEK3
28 Quick and dirty UX
29 Experiment on smaller projects
30 What would you improve
if you only had 1 hour?
http://flic.kr/p/oy4MFD
31 Determine breakpoints
based on your users
http://flic.kr/p/oepiSJ
32 Get rid of inline styles
http://flic.kr/p/371PoS
33 Remove floats
http://flic.kr/p/fjD9rQ
34 Make an image inventory
35 Compress bitmap images
http://flic.kr/p/5V9Gqw
36 Store reusable image assets
in a central location
http://flic.kr/p/5Qpjmp
37 Adjust type based on real devices
http://flic.kr/p/uCVKGp
38 Don't keep two code bases
for longer than you need to
http://flic.kr/p/i6PjYM
39 Keep a record of all decisions
40 Talk and write about it
http://flic.kr/p/9MhxcX
Read more at design.canonical.com
Thank you for listening. @yaili
