Upcoming SlideShare
The Future of UI - How Mobile Design is Shaping The Web 2
- How Mobile Design Is ShapingThe WebSARA CANNON WP MONTREALThe Future of UI
- SARA CANNONCo-founder / Creative Director At Rangesara-cannon.com @saracannon slideshare.net/saracannon
- The Future
- INTERNATIONAL DATA CORPORATION (IDC)http://www.idc.com/getdoc.jsp?containerId=prUS23028711The total number ofpeople using the web onmobile devices is set tosurpass desktops by 2015.
- Desktop Mobile2007 20152009 20132011
- The Mobile Web
- The Mobile Web
- The Web
- ILLUSTRATION INSPIRED BY BRAD FROST http://sar.ac/IJF7Rf
- Mobile ShouldNever Be AnAfterthought
- CONTENTDESIGIN
- ResponsiveWeb Design
- Mobile First
- Flexible Grids
- Flexible Media
- Adaptive Images
- HiDPI
- 163 DPI153,600 PIXELS480PX320 PXiPHONE 3GS -
- 326 DPI614,4OO PIXELS96OPX64O PXiPHONE 4 +
- 460,800MORE PIXELSiPHONE 4 +iPHONE 3GS -
- 220 DPI2,304,0OOPIXELS2880PX1800 PXMACBOOK PRO15-INCH RETINA
- image by Geoff Teehan
- HiDPI First
- SpeedAWESOMEV.S.
- 2G Is TheNew Dial-up
- CONNECTIONSPEEDIMAGE SIZE
- CONNECTIONSPEEDIMAGE SIZE
- Design Styles& Trends
- Skeuomorphic
- synth76.com
- Flat Design
- HyperlinkButton
- Clippy Calendar byRicardo Carlet
- http://www.theverge.com/2013/4/22/4251610/windows-8-1-start-button
- http://sachagreif.com/flat-pixels
- SkeuoFlat
- Eyedrop.me
- Gestures
- How Is It Held?image via http://thetechblock.com/visual-language-designing-for-touch
- http://maniacdev.com/2012/05/open-source-library-for-easy-clear-app-style-and-more-folding-transitions-between-any-uiviews/http://markpospesel.wordpress.com/2012/05/10/anatomy-of-a-folding-animation/
- Motion AsRefinement
- Medium.com/design-ux/926eb80d64e3Pasquale D’Silva
- App-InfluencedWeb Design
- Are All WebsitesWeb Apps?!
- Are All WebsitesWeb Apps?!No.
- Are All WebsitesWeb Apps?!No.
- Navigation Patterns
- Http://bradfrostweb.com/blog/web/responsive-nav-patterns/The Left Nav Flyout
- Http://bradfrostweb.com/blog/web/responsive-nav-patterns/The Toggle
- Http://bradfrostweb.com/blog/web/responsive-nav-patterns/The Select
- ResponsiveNavigation.netErick Arbe
- What Is TheFuture?
- TouchInfluenced &Enabled
- Motion AsRefinement
- Attention ToDetail &Subtlety
- Merging OfApp & WebDesign
- Our work is never over.“- DAFT PUNK
Login to see the comments