Elevate Developer Efficiency & build GenAI Application with Amazon Qâ
Â
Responsive to Change
1. Being Responsive to Change
Experiences from taking Vodafone.ie into Responsive Web Design
Or how I learned to stop worrying and love the bomb
2. Ian Huet
Lead Developer
Section divider title
âą Global design & strategy consultancy based in Dublin.
âą Our services run the gamut from user research and
design, through to build, deployment and testing.
3. Vodafone.ie Mobilisation / Responsive Web Design
Goals
âą Convert the highest traffic flows & pages to be Responsive
âą Achieve this within a fixed timeframe
âą
Use the Vodafone Group framework
Risks
âą
Achieve Responsive without affecting the existing site
âą
Complete this within a constraint heavy environment
7. Dao of Web Design / John Allsop, 2004
âWell established hierarchies are not easily uprooted;
Closely held beliefs are not easily released;
So rituals enthrall generation after generationâ
Tao Te Ching; 38 Ritual
8.
9. 1. Flexible Grids
Flexible grids & Rigid mindsets
âą Omnigraffle & Photoshop are static design tools
âą Design by 320px & 960px
âą Designing without using representative content
10. 2. Flexible Images
More than just Flexible Images:
Content / Function First
âą Content replaces âfixed widthâ as the first design step
âą Revisiting all your existing content presentation
patterns shouldnât be underestimated
âą Media management: Images, Video, Pdf, etc.
11. 3. Media Queries
Adopting new technologies & techniques
âą Streamlining a greatly extended browser testing profile
âą Effective media queries
âą Feature detection and polyfills
14. Designing
†Embrace the fluid web
†Find new tools & develop new processes:
represent all contexts & states
†Do you speak Progressive Enhancement?
Upskill in the medium: HTML, CSS, JS, and Browser capabilities
15. Development
†Embrace the increasingly functional Web
†Develop consistency & stability
†Ensure ample resources to test & develop
Keep scope conservative
Be vigilant in maintaining standards
16. Content Production
†Content/Function first approach
†Blob based CMS are not best suited
Responsive Design wonât fix your content problem
alistapart.com/article/responsive-design-wont-fix-your-content-problem
18. Planning
†Small but devastating
†Impacts everything
†Develop language everyone
understands
19.
20. Unknown unknowns / Donald Rumsfeld
âThere are known unknowns; this is to say, there are
things that we now know we donât know.
But there are also unknown unknowns - there are things
we do not know we donât knowâ
Donald Rumsfeld
Rigor is required to identify & mitigate unknowns
21. first, we must accept the ebb and flow of things
alistapart.com/article/dao