• Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Télécharger
  • Contenu privé
Think Mobile
 

Think Mobile

on

  • 6,197 vues

Case for Responsive Webdesign: 6 key learnings.

Case for Responsive Webdesign: 6 key learnings.

Statistiques

Vues

Total des vues
6,197
Vues sur SlideShare
6,027
Vues externes
170

Actions

J'aime
21
Téléchargements
135
Commentaires
3

21 Ajouts 170

http://wannes.iben.ch 38
https://twitter.com 36
http://chamci.wordpress.com 22
http://localhost 15
http://www.twylah.com 11
http://franckvalverde.wordpress.com 9
http://www.onlydoo.com 8
http://light.mindtalk.com 6
http://tehnicimediatice.wordpress.com 4
http://www.mindtalk.com 4
http://tecnologiadoctorm.ning.com 2
http://www.facebook.com 2
https://si0.twimg.com 2
http://www.linkedin.com 2
http://fr.slideshare.net 2
https://www.facebook.com 2
http://efaz.com.br 1
http://xgportal.imcplus.net 1
http://musikagintza.blogspot.com.es 1
http://twitter.com 1
https://www.linkedin.com 1
Plus...

Accessibilité

Catégories

Détails de l'import

Uploaded via as Adobe PDF

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler

13 sur 3 précédent suivant Publier un commentaire

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire

    Think Mobile Think Mobile Presentation Transcript

    • Think Mobile
    • Good afternoon.My name is Bart.
    • This is my daughterMerel (I have 3 kids).
    • I’m passionateabout coffee.
    • I live and work in Ghent.I’m passionate about
    • I work at digital agency Wijs (ex Netlash-bSeen).
    • We will make you awesome in digital.We deliver strategy, execution and tools to helpyou score in digital.
    • Process
    • You can find me onTwitter: @netlash
    • http://slideshare.net/netlash
    • iabThinkMobile27/11/2012
    • First...responsive design?
    • OMG!We’re stillarguingabout this?
    • Why responsive design?‣ one back-end to update‣ one development cost (higher?)‣ future ready (throw them devices at me!)‣ browser-based (serendipity)‣ no install‣ coolness...
    • Why not?‣ daily appliciation‣ device capabilities‣ performance
    • We’re still learning.
    • 6 key learningswww.rockwerkchter.be
    • 1. Think content first
    • 1. Think content first‣ photos of bands and artists are central‣ we started with 1500px‣ design is based on aspect ratio of photos‣ content boxes are responsive in width and height
    • content>design>technology
    • 2. Think design first
    • 2. Think design first‣ breakpoints are essential‣ you can’t build for all current and future devices‣ test if design works, not if devices work
    • Breakpoints‣ 5 breakpoints: 480px, 600px, 770px, 980px, 1200px‣ 480px, 770px, 980px: current popular devices‣ 600px, 1200px: make it future proof
    • design testing>device testing
    • 3. Think mobile first
    • 3. Think mobile first‣ start with touch‣ navigation and interaction is designed for touch first‣ information architecture is designed for mobile first‣ build up to tablet and to desktop‣ big typography and buttons, made for thumbs
    • 4. Think conversion first
    • 4. Think conversion first‣ bottom line: sell tickets...‣ typography is responsive: font size changes with screen size‣ ‘buy tickets’ button stays big
    • 5. Think retina first
    • 5. Think retina first‣ build HD-ready (retina)‣ all logos and icons are vector based‣ scales beautifully on all resolutions
    • 6. Think back-end first
    • 6. Think back-end first‣ responsive images: different image size vs. screen size‣ back-end: one interface‣ images are scaled automatically
    • 6 key learnings1. Think content first2. Think design first3. Think mobile first4. Think conversion first5. Think retina first6. Think back-end first
    • Good luck!
    • Conversation
    • bart@wijs.be@netlashwww.wijs.be
    • Wijs bvbaVoorhavenlaan 31/39000 GENT09 335 22 8009 330 09 83http://wijs.beinfo@wijs.beBE 0473.071.275