mobile first responsive industry sessions
DESCRIPTION
The slide Deck of a talk introduting and discussing the good and the bad about a mobile first responsive analysis. All image image credits to his ownersTRANSCRIPT
Multi DeviceResponsiveness &
Mobile First
ABOUT
What i do:
CTO @ Innovagency
Technical Trainer, Speaker & Consultant as Self Employee
Teacher @ EDIT
Software Developer & Architect as Consultant
Tech Writer and Reviewer as Self Employee
Digital UX Consultant
Alexandre Marreiros
Contacts:[email protected] / [email protected]@alexmarreiroshttp://www.linkedin.com/pub/alexandre-marreiros/8/4b8/a21www.digitalmindignition.com
INDUSTRY SESSIONS – EDIT 2013/2014
THE WEB THE INFO DOTS CONECTORINDUSTRY SESSIONS – EDIT 2013/2014
Business
Tools
Know
Data
http://blog.infusion-web.fr/
RESPONSIVE DESIGN ISINDUSTRY SESSIONS – EDIT 2013/2014
Devices User’s
Expectation Solutions
RESPONSIVE ISINDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE ISINDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS A PROCESSINDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE PROCESSINDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS NOTINDUSTRY SESSIONS – EDIT 2013/2014
EGO GAME
Tools Discussion
MOBILE FIRSTINDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRSTINDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST
Mobile Techinal Features can give us ways to make our site more social and user Focus
Content strategy can be adapted to user’s with imediate needs this can represente also a great copy when in the PC
Usability will have more atention when thinking mobile first
Few noise more focus
Tehnical implementation is easy from low resolution to bigger resolutions
Design thinking is easy to build from growd up
INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST BUT REMEMBER
MOBILE FIRST BUT
Some markets make mobile-first simply unnecessary or unviable.
Faster cycles for iterations, testing, and moving toward product-market fit.
The web provides a strong foundation to build a brand and harness virality.
Mobile can be thought of as an extension, not the foundation.
INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST
Helps in the innovation process of the way we do and use web
INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST APPROACH INDUSTRY SESSIONS – EDIT 2013/2014
Create a Web Solution to City Discover Tours
MOBILE FIRST APPROACH
Normally we think Tour…streets…Monuments...Maps
INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST APPROACH
And if I think Mobile? I think Location…being there…Show more about
INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST BRINGS TO WEB MOBILE CAPABILITIES
INDUSTRY SESSIONS – EDIT 2013/2014
• Device positioning & motion: from an accelerometer• Gyroscope: 360 degrees of motion• Location detection• Multi-touch sensors• Orientation: direction from a digital compass• Video & image: capture/input from a camera• Dual cameras: front and back• Audio: input from a microphone; output to speaker• Device connections: through Bluetooth between devices• Proximity: device closeness to physical objects• Ambient Light: light/dark environment awareness• NFC: Near Field Communications through RFID readers
MOBILE FIRST BRINGS TO WEB MOBILE CAPABILITIES
INDUSTRY SESSIONS – EDIT 2013/2014
• Content is the UI (the action)
• Reduce the distance as much as possiblebetween user & contente
• Enable direct manipulation of objects &Content
• Guessable, predictable, physical, realistic
• Reduce Visuals that are Not Content
MOBILE FIRST HELPS TO ENABLE WHAT MOBILE ANCHIEVE USER INTERACTION EXPECTATIONS
INDUSTRY SESSIONS – EDIT 2013/2014
RECAPINDUSTRY SESSIONS – EDIT 2013/2014
1. GROWTH = OPPORTUNITY
2. CONSTRAINTS = FOCUS
3. CAPABILITIES = INNOVATION
FEEL FREE TO ASKNOW OR BY EMAIL
THANK’S