Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Zoom sur le mobile : Ne pas y perdre ses utilisateurs

674 Aufrufe

Veröffentlicht am

J'ai passé en revue différentes stratégies mobiles disponibles aujourd'hui : du site mobile dédié au mobile first (ou adaptive design) en passant par le "responsive retrofitting" (aussi connu sous le nom de "responsivisation de mon site au chausse pied"). Le but était de mieux en appréhender les avantages et limites des différentes techniques et permettre aux participants de proposer à leurs clients et utilisateurs la stratégie mobile la plus adaptée à leurs besoins (de temps, budget, ergonomie, etc.).
La seconde partie de ma présentation est dédiée aux petites adaptations rapides et faciles à mettre en place qui améliorent l'expérience utilisateur et l'ergonomie (taille des boutons, interractions au touch, etc.) ainsi qu'à toutes les fonctionnalités qui rapprochent l'expérience des sites d'une expérience native : lancement en plein écran depuis une icône sur l'écran d'accueil, personalisation de la barre de statut, et bientôt notifications push directement dans le navigateur.

Veröffentlicht in: Design
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

Zoom sur le mobile : Ne pas y perdre ses utilisateurs

  1. 1. Zoom sur le mobile Ne pas y perdre ses utilisateurs Stéphanie Walter — Optiday 2015
  2. 2. www.inpixelitrust.fr @WalterStephanie Designer web et mobile, spécialisée en interface et expérience utilisateurs
  3. 3. Le Google Mobilegeddon ?
  4. 4. Le site mobile dédié Et les pièges à éviter
  5. 5. Adaptation « sur mesure » du design et de l’expérience (menus, fonctionnalités, etc.) Optimisation sur-mesure
  6. 6. Sur optimisation = perte de repères pour l’utilisateur Attention à la sur-optimisation
  7. 7. Deux bases de code, deux équipes, deux expériences : où est la liste d’envies sur desktop ? Attention à la continuité de l’expérience
  8. 8. Duplicate content : pensez canonical (et attention au redirections multiples ) Gestion des URLs Image Nick Royer
  9. 9. Pensez à détecter dans les 2 sens ! Gestion des URLs
  10. 10. Gestion des URLs
  11. 11. Une solution à plus ou moins court terme
  12. 12. Le responsive au chausse pied Ou comment faire renter 1500L dans sa baignoire.
  13. 13. Un retrofitting du site qui date de 2009 Adaptation en surface
  14. 14. Le responsive mobile first Avec des bouts d’adaptive dedans Poupée Russe via Shutterstock
  15. 15. On repart de zéro et on refond tout le site avec une approche Mobile First
  16. 16. On part du plus petit dénominateur commun et on enrichi l’interface au fur et à mesure. Décisions de design mobile first
  17. 17. Revoir les fonctionnalités « We removed a lot of things that are sometimes valid for e-commerce stores, but simply weren’t used by Skinny Ties customers (…)This helped reduce clutter at key points in the purchase flow »
  18. 18. Points d’attention et limites
  19. 19. Une stratégie mixte Pour une transition en douceur
  20. 20. D’une beta disponible uniquement sur mobile à un site responsive pour tous BBC news beta responsive
  21. 21. Bonnes pratiques mobiles Petits conseils et adaptations faciles à mettre en place
  22. 22. tK Karen McGrane
  23. 23. Aujourd’hui presque 3 milliards d’abonnement internet sur mobile dans le monde Des utilisateurs mobile only Image Clemens Löcker
  24. 24. Taille des boutons + Feedback utilisateur Optimisation visuelle des éléments cliquables
  25. 25. Repenser l’interface au touch pour les petits écrans Repenser certains éléments au survol
  26. 26. Une bonne idée en théorie, en pratique ils posent des soucis d’utilisabilité Navigation, les faux amis
  27. 27. Proposer des actions au swipe, pinch, etc. pour améliorer l’expérience Profiter des interactions au touch
  28. 28. <a href=“tel : 03 88 23 02 71”> Composer le numéro en un clique
  29. 29. Adieu l’interstitiel d’installation d’app
  30. 30. Vers les fonctionnalités native like Une barrière de plus en plus floue entre applications et sites
  31. 31. Disponible sur iOS, Android et Windows. Pour les générer : realfavicongenerator.net (fav)icône de lancement sur l’accueil
  32. 32. Changer la couleur de la barre du site (Android), lancer en plein écran et plus encore … Personnalisation et plein écran
  33. 33. Pensez à un fallback (si l’utilisateur refuse, en cas de soucis de GPS, etc.) La Géolocalisation
  34. 34. Grâce à une API HTML5 (Push et Notification API) Arrivée des notifications et du push
  35. 35. À vous de jouer ! C’est que le début (d’accord d’accord) * * En manque d’inspiration pour l’image de conclusion j’ai décidé de mettre un jouet robot et une blague pour faire rire Thomas.
  36. 36. Une formation pour aller plus loin …
  37. 37. Partagé sous licence CC- BY-NC-SA licence inpx.it/sw-optiday2015 www.inpixelitrust.fr @WalterStephanie

×