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:amarreiros@innovagency.com / amarreiros@gmail.com@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