De temps en temps, une industrie subit des changements fondamentaux qui la modifient radicalement. Parallèlement à cela, il y a une explosion d'opportunités: des opportunités pour les individus de se démarquer, l'émergence de nouveaux produits et le remplacement de sociétés bien établies. Le moment est venu pour la communauté Web.
Pour autant que je m'en souvienne, l'objectif principal du développement Web a été de veiller à ce que les sites Web affichent le même résultat sur tous les navigateurs. Nous avons fait de gros efforts pour nous assurer que le site Web d'un client soit exactement le même dans toutes les versions, des anciennes versions d'Internet Explorer aux dernières versions de Firefox.
Ces dernières années, nous avons constaté un intérêt croissant pour ce que l'on appelle l'amélioration progressive, qui consiste à proposer des fonctionnalités et des styles avancés aux navigateurs modernes, mais pas aux anciens navigateurs non pris en charge.
Cette approche n'a jamais semblé s'installer partout. La plupart des agences s'efforcent toujours de rendre leurs sites Web universels. Et l'amélioration progressive était souvent considérée comme une excuse pour ignorer les problèmes ennuyeux. En fin de compte, les internautes sont plutôt malins et ont créé des outils permettant de surmonter d'innombrables problèmes de navigation.
Certains de ces développements ont conduit à la notion de "design web réactif". Si vous n'êtes pas familier avec le terme, assurez-vous de vérifier le introduction définitive sur une liste à part .
Pour résumer rapidement, l'essentiel est que vous personnalisez le rendu d'une page en fonction de l'appareil de l'utilisateur. Pendant un certain temps, cela était facile à faire: si l'utilisateur utilisait un appareil mobile, il était redirigé vers un mini-site distinct. Mais avec les smartphones et surtout les tablettes, la ligne est devenue floue.
Le design réactif est rapidement reconnu comme un moyen incroyablement intelligent de créer des sites Web. À quelle distance vous le prenez est à vous. Mais une chose est sûre: elle change radicalement le secteur et affecte d'innombrables pratiques et outils que nous utilisons depuis des années. Considérons l’impact de cette nouvelle approche sur certains des outils de base sur lesquels nous nous sommes appuyés et sur la conception de sites Web en général.
Presque toutes les personnes travaillant sur le Web ont été confrontées à un moment donné à une personne qui pense que l'adolescent de leur ami pourrait gérer son projet. Cette perspective a toujours été agaçante, mais il y a un peu de lumière au bout du tunnel. Avec un design réactif, les choses sont devenues beaucoup plus compliquées. Les professionnels du Web ont maintenant une formidable opportunité de se démarquer du troupeau.
Il y a des milliers de concepteurs et développeurs Web dans le monde entier, et nous sommes tous connectés par le support magique dans lequel nous travaillons. C'est à la fois génial et problématique. Compte tenu du nombre de personnes disponibles pour travailler, il peut être difficile de se démarquer.
Il y a en fait une opportunité fabuleuse ici. Si vous êtes suffisamment agressif, vous pourriez vous démarquer en travaillant d'arrache-pied pour comprendre rapidement la conception et le développement réactifs. Creusez et apprenez-le, mettez à jour votre site Web personnel et parlez de vos résultats. Je vous garantis que si vous mettez en place un nouveau portfolio qui démontre cet ensemble de compétences, les gens seront intéressés à travailler avec vous. Mais la fenêtre est assez courte, en fonction de la rapidité avec laquelle les autres concepteurs prennent place.
Les budgets constituent un obstacle important avec cette approche. Avec la conception réactive, nous devons créer jusqu'à quatre variantes pour chaque mise en page, afin de cibler les smartphones, les tablettes, les netbooks et les ordinateurs de bureau. Considérons un site Web de base avec seulement deux pages: une page d'accueil et une page interne. Ces deux dispositions deviennent huit variantes lorsque vous les implémentez pour quatre tailles de périphérique.
Est-ce que cela signifie que nous devrions facturer quatre fois plus pour le travail? Cela semble peu probable. Évidemment, les coûts seront différentiels, mais le temps requis pour préparer les mises en page et les coder pour fonctionner correctement augmentera certainement.
L'éducation des clients jouera un rôle énorme. Nous devons aider nos clients à comprendre que même si les iPad et les iPhone sont cool, ces appareils font grimper le coût du développement de la qualité. Inciter les clients à comprendre nos coûts est déjà assez difficile.
Si vous voulez faire sensation dans la communauté, créez un outil qui résout les problèmes de budget. Beaucoup l'ont déjà fait, avec des outils comme 320 et plus et le Moins de cadre . Tous deux réduisent le temps nécessaire à la création de produits et aident les développeurs à réduire leur temps de travail. 320 et plus en particulier est un exemple parfait de la manière de tirer parti de cette opportunité.
Le domaine étant désormais largement ouvert, il sera beaucoup plus facile d’introduire sur le marché des outils qui rationalisent le processus de développement en vue d’une conception réactive. Nous pourrions même créer des outils qui reproduisent ceux existants, mais qui sont orientés autour de la conception réactive.
Le marché des plug-ins fonctionnant avec des frameworks populaires tels que jQuery est l’un des nombreux domaines susceptibles de s’inverser. Le marché regorge de plug-ins qui font tout un éventail de choses dans le navigateur: diaporamas, galeries de photos, formulaires, fenêtres contextuelles, etc.
L'occasion ici est folle. Prenez un plug-in commun, tel que l’outil de diaporama glissant Nivo Slider . Cet outil génial est dans les courroies d’outils des développeurs. Le marché est prêt pour que quelqu'un crée un outil similaire qui s'ajuste automatiquement pour fonctionner sans heurts sur tous les appareils en utilisant une approche réactive.
La même chose vaut pour presque tous les plug-ins. Si vous recherchez un projet qui garantit virtuellement le succès, choisissez un plug-in à chaud et créez une version réactive adaptée pour fonctionner correctement sur différents appareils.
Bien que cet article traite davantage du processus de développement, considérons les tests du navigateur. Ceci est une partie fondamentale de la création de sites Web. Toute personne impliquée dans la construction d'un site Web teste probablement des choses dans plusieurs navigateurs au fur et à mesure. Et à un moment donné, la plupart des sites Web subissent un test approfondi dans de nombreux navigateurs.
Mais comment pouvons-nous nous attaquer à cela grâce à un design réactif? L'équipe doit-elle posséder tous les appareils les plus populaires? Bien sûr, il y a des émulateurs, mais la plupart sont difficiles à installer et à utiliser. Et rien ne vaut le test avec la vraie chose.
Configurer un logiciel sur des ordinateurs pour prendre des captures d'écran sur une variété de navigateurs et de plates-formes est difficile. Mais mettre en place des systèmes pour capturer automatiquement des captures d'écran à partir du nombre toujours croissant de périphériques est vraiment difficile. Les solutions qui existent sont chères et je n'ai pas encore trouvé de service pour cela.
C'est l'une de ces situations où la complexité est un avantage. Si quelqu'un réussit à peler ce chat, alors ce serait plutôt difficile à suivre pour les autres. Il existe de nombreuses solutions pour prendre des captures d'écran automatisées dans plusieurs navigateurs, mais la première personne à proposer des captures d'écran pour les périphériques aura quelque chose d'assez unique à vendre. Et la communauté répondra de manière significative.
Le marché des thèmes prêts à l'emploi est énorme, mais le responsive design est également une clé de singe. Les fournisseurs de modèles ne pourront probablement pas adapter leurs conceptions à ces nouvelles exigences. Au contraire, ils vont probablement ajouter des fonctionnalités réactives aux futures versions. Et c'est là que réside l'opportunité.
Les anciens modèles n'ont pas été rendus inutiles; ils ne font que manquer un élément important. Cela nivelle le terrain de jeu pendant un moment. Si vous envisagez de lancer votre propre entreprise thématique, le moment est bien choisi pour le faire. Les entreprises établies devront prendre en charge leurs anciens modèles et, bien qu’elles bénéficient de certains avantages, l’obstacle à l’entrée sur le marché s’est un peu réduit.
La communauté en est venue à dépendre des services logiciels pour des choses telles que le wireframing et les tests d’utilisabilité. Mais comment ces outils traitent-ils plusieurs appareils? De nombreux outils s’adressent, par exemple, aux tests de convivialité, et certains nouveaux s’adressent même aux tests mobiles (tels que: YouEye Mobile ), mais ils ne résolvent qu’une partie du problème.
Dans le créneau du wireframing, il existe un moyen commun de gérer différentes mises en page, mais je n'ai pas encore trouvé de solution capable de gérer une mise en page unique pour différents périphériques. Le besoin est si simple, mais de nombreux systèmes ne fonctionnent plus. Devrions-nous créer un nouveau fil de fer pour chaque appareil? La réponse n'est pas claire.
Le marché est propice aux outils qui soutiennent les approches actuelles du travail en ligne, tout en adoptant un design réactif. Vous pourriez attirer des clients loin de vos concurrents en leur proposant des fonctionnalités qui s’appuient sur ces techniques modernes.
Le changement peut être déroutant, voire accablant. Peu importe combien vous apprenez, vous avez toujours l'impression d'être à la traîne. Mais tout le monde est dans le même bateau. En période de grands changements, vous pouvez maximiser les opportunités en plongeant et en surfant sur la première vague.
Voyez-vous d'autres occasions de capitaliser sur le mouvement vers un design réactif?