INDUSTRY SESSIONS – EDIT 2013/2014

ABOUT
Alexandre Marreiros
What i do:
CTO @ Innovagency
Technical Trainer, Speaker & Co...
INDUSTRY SESSIONS – EDIT 2013/2014

THE WEB THE INFO DOTS CONECTOR
Business
Tools
Know
Data

http://blog.infusion-web.fr/
INDUSTRY SESSIONS – EDIT 2013/2014

RESPONSIVE DESIGN IS

Devices

Expectation

User’s

Solutions
INDUSTRY SESSIONS – EDIT 2013/2014

RESPONSIVE IS
INDUSTRY SESSIONS – EDIT 2013/2014

RESPONSIVE IS
INDUSTRY SESSIONS – EDIT 2013/2014

RESPONSIVE IS A PROCESS
RESPONSIVE PROCESS

INDUSTRY SESSIONS – EDIT 2013/2014
INDUSTRY SESSIONS – EDIT 2013/2014

RESPONSIVE IS NOT
MOBILE FIRST

INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST

INDUSTRY SESSIONS – EDIT 2013/2014
MOBILE FIRST

INDUSTRY SESSIONS – EDIT 2013/2014

Mobile Techinal Features can give us ways to make our site more social
a...
MOBILE FIRST BUT REMEMBER
MOBILE FIRST BUT

INDUSTRY SESSIONS – EDIT 2013/2014

Some markets make mobile-first simply unnecessary
or unviable.
Faste...
MOBILE FIRST

INDUSTRY SESSIONS – EDIT 2013/2014

Helps in the innovation process of
the way we do and use web
MOBILE FIRST APPROACH

INDUSTRY SESSIONS – EDIT 2013/2014

Create a Web Solution to City Discover
Tours
MOBILE FIRST APPROACH

INDUSTRY SESSIONS – EDIT 2013/2014

Normally we think
Tour…streets…Monuments...Maps
MOBILE FIRST APPROACH

INDUSTRY SESSIONS – EDIT 2013/2014

And if I think Mobile? I think
Location…being there…Show
more a...
INDUSTRY SESSIONS – EDIT 2013/2014

MOBILE FIRST BRINGS TO WEB MOBILE
CAPABILITIES

• Device positioning & motion: from an...
INDUSTRY SESSIONS – EDIT 2013/2014

MOBILE FIRST BRINGS TO WEB MOBILE
CAPABILITIES
• Content is the UI (the action)

• Red...
INDUSTRY SESSIONS – EDIT 2013/2014

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

RECAP
1. GROWTH = OPPORTUNITY
2. CONSTRAINTS = FOCUS
3. CAPABILITIES = INNOVATION
Multi Device Responsiness & Mobile First
Multi Device Responsiness & Mobile First
Multi Device Responsiness & Mobile First
Upcoming SlideShare
Loading in...5
×

Multi Device Responsiness & Mobile First

406

Published on

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

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
406
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Multi Device Responsiness & Mobile First

  1. 1. 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
  2. 2. INDUSTRY SESSIONS – EDIT 2013/2014 THE WEB THE INFO DOTS CONECTOR Business Tools Know Data http://blog.infusion-web.fr/
  3. 3. INDUSTRY SESSIONS – EDIT 2013/2014 RESPONSIVE DESIGN IS Devices Expectation User’s Solutions
  4. 4. INDUSTRY SESSIONS – EDIT 2013/2014 RESPONSIVE IS
  5. 5. INDUSTRY SESSIONS – EDIT 2013/2014 RESPONSIVE IS
  6. 6. INDUSTRY SESSIONS – EDIT 2013/2014 RESPONSIVE IS A PROCESS
  7. 7. RESPONSIVE PROCESS INDUSTRY SESSIONS – EDIT 2013/2014
  8. 8. INDUSTRY SESSIONS – EDIT 2013/2014 RESPONSIVE IS NOT
  9. 9. MOBILE FIRST INDUSTRY SESSIONS – EDIT 2013/2014
  10. 10. MOBILE FIRST INDUSTRY SESSIONS – EDIT 2013/2014
  11. 11. 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
  12. 12. MOBILE FIRST BUT REMEMBER
  13. 13. 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.
  14. 14. MOBILE FIRST INDUSTRY SESSIONS – EDIT 2013/2014 Helps in the innovation process of the way we do and use web
  15. 15. MOBILE FIRST APPROACH INDUSTRY SESSIONS – EDIT 2013/2014 Create a Web Solution to City Discover Tours
  16. 16. MOBILE FIRST APPROACH INDUSTRY SESSIONS – EDIT 2013/2014 Normally we think Tour…streets…Monuments...Maps
  17. 17. MOBILE FIRST APPROACH INDUSTRY SESSIONS – EDIT 2013/2014 And if I think Mobile? I think Location…being there…Show more about
  18. 18. 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
  19. 19. 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
  20. 20. INDUSTRY SESSIONS – EDIT 2013/2014 MOBILE FIRST HELPS TO ENABLE WHAT MOBILE ANCHIEVE USER INTERACTION EXPECTATIONS
  21. 21. INDUSTRY SESSIONS – EDIT 2013/2014 RECAP 1. GROWTH = OPPORTUNITY 2. CONSTRAINTS = FOCUS 3. CAPABILITIES = INNOVATION

×