Talk - Alexandre Marreiros - Industry Sessions #1 - Responsive Design - Powered By EDIT.

2. INDUSTRY SESSIONS – EDIT 2013/2014
ABOUT
Alexandre Marreiros
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
Contacts:
amarreiros@innovagency.com / amarreiros@gmail.com
@alexmarreiros
http://www.linkedin.com/pub/alexandre-marreiros/8/4b8/a21
www.digitalmindignition.com

3. INDUSTRY SESSIONS – EDIT 2013/2014
THE WEB THE INFO DOTS CONECTOR
Business
Tools
Know
Data
http://blog.infusion-web.fr/

4. INDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE DESIGN IS
Devices
Expectation
User’s
Solutions

5. INDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS

6. INDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS

7. INDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS A PROCESS

8. RESPONSIVE PROCESS
INDUSTRY SESSIONS – EDIT 2013/2014

9. INDUSTRY SESSIONS – EDIT 2013/2014
RESPONSIVE IS NOT

10. MOBILE FIRST
INDUSTRY SESSIONS – EDIT 2013/2014

11. MOBILE FIRST
INDUSTRY SESSIONS – EDIT 2013/2014

12. MOBILE FIRST
INDUSTRY SESSIONS – EDIT 2013/2014
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

13. MOBILE FIRST BUT REMEMBER

14. MOBILE FIRST BUT
INDUSTRY SESSIONS – EDIT 2013/2014
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.

15. MOBILE FIRST
INDUSTRY SESSIONS – EDIT 2013/2014
Helps in the innovation process of
the way we do and use web

16. MOBILE FIRST APPROACH
INDUSTRY SESSIONS – EDIT 2013/2014
Create a Web Solution to City Discover
Tours

17. MOBILE FIRST APPROACH
INDUSTRY SESSIONS – EDIT 2013/2014
Normally we think
Tour…streets…Monuments...Maps

18. MOBILE FIRST APPROACH
INDUSTRY SESSIONS – EDIT 2013/2014
And if I think Mobile? I think
Location…being there…Show
more about

19. INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST BRINGS TO WEB MOBILE
CAPABILITIES
• 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

20. INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST BRINGS TO WEB MOBILE
CAPABILITIES
• Content is the UI (the action)
• Reduce the distance as much as possible
between user & contente
• Enable direct manipulation of objects &
Content
• Guessable, predictable, physical, realistic
• Reduce Visuals that are Not Content

21. INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST HELPS TO ENABLE WHAT MOBILE
ANCHIEVE USER INTERACTION EXPECTATIONS

22. INDUSTRY SESSIONS – EDIT 2013/2014
RECAP
1. GROWTH = OPPORTUNITY
2. CONSTRAINTS = FOCUS
3. CAPABILITIES = INNOVATION