ngEurope 2014 | Responsive Takes Flight
•
17 gefällt mir•7,314 views
The slides from @oliverdore's session at ngEurope 2014 on responsive design, and how AngularJS was to realize the technical and creative challenges of building the next generation of airline website.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (12)
Andere mochten auch
Andere mochten auch (16)
Ähnlich wie ngEurope 2014 | Responsive Takes Flight
Ähnlich wie ngEurope 2014 | Responsive Takes Flight (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
ngEurope 2014 | Responsive Takes Flight
- 2. @oliverdore
- 6. ABOUT WORK & CO Work & Company was designed from the ground up to create the types of digital products and services that can singlehandedly change the face of a brand.
- 7. FOUNDED EMPLOYEES 2013 53 Brooklyn HEADQUARTERS OPERATIONS CA San Francisco FR Paris BR Rio de Janeiro
- 12. “Virgin America is so far and away my favorite airline that second place isn’t even close." — John Gruber, Daring Fireball
- 13. NOT SO LONG AGO…
- 19. HOW WE THOUGHT ABOUT THE REDESIGN
- 22. DESIGN PROTOTYPE TEST ITERATE
- 23. PROTOTYPING & USER TESTING
- 29. “There wasn’t a design phase and a development phase - it was designers and developers working together.” — Joe Stewart, Design
- 33. “This isn’t how an airline site should be.”
- 35. OUR APPROACH TO RESPONSIVE
- 42. ARCHITECTURE UI FRAMEWORK RESPONSIVE COMPONENTS FORMS IMAGES TECHNICAL APPROACH 1 2 3 4 5
- 43. 1 ARCHITECTURE
- 46. Angular was opinionated where it mattered. But it was also flexible where it mattered.
- 47. Views Directives Controllers API Functional Utility RequireJS GruntJS Node / NPM Compass Susy SASS Ruby REST API Magnolia CMS Jenkins
- 49. 2 UI FRAMEWORK
- 76. window windowService vx-common-window <body> controller controller controller directive directive
- 80. 4 FORMS
- 92. Travelers Cabins Travel Advisories TAM News Cities Warnings ADS Seats Upgrades MCS Errors Account Charges Availability Status Points Fees Session Payment Promotions Avatar Fares Non-stop Alerts Sales First Dates Refund DHS Thru Insurance Connecting Rewards
- 95. 5 IMAGES
- 96. Total Transfer Size 1682kb 1739kb 1783kb 1893kb
- 105. Mo $watch(), mo problems.
- 111. TAKE OFF
- 117. "Virgin America's new site is unlike any other travel provider's site we've seen. We hope everyone else will copy it." — FAST COMPANY "The first radical rethinking of the flight booking experience in a decade" — WIRED "Most Impressive Industry Evolution" — UX AWARDS