3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

Site web adaptatif (RWD) a été salué par beaucoup comme une solution miracle, capable de transformer votre ancien site poussiéreux dans une merveille moderne de jour - une mesure d'offrir l'expérience utilisateur optimale à vos clients qu'ils utilisent un smartphone, ordinateur de bureau PC, ou à la télévision Internet-enabled. Pete Cashmore Mashable a déclaré 2013 comme « l'année de site web adaptatif . " Google même allé au dossier recommandant que "les webmasters suivent les meilleures pratiques d'utilisation de site web adaptatif de l'industrie."

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

Tout semble si simple: Avec certaines requêtes des médias CSS3 et ciblées des points de rupture , vous pouvez vous aussi avoir un site web optimisé pour la, web mobile orienté moderne. Et avec un grand pourcentage d'utilisateurs d'Internet en choisissant leurs smartphones que leurs primaires (ou seulement) des dispositifs de navigation en ligne, il n'y a pas de meilleur moment pour envisager une approche réactive à votre site Web.

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

Mais toute personne à la recherche d'une balle d'argent est probablement à la recherche d'une solution simple à ce qui est effectivement un problème très poilu.

Loups-garous exécution est une affaire difficile

Une balle d'argent est une partie intégrante de la résolution des défis de loup-garou que vous pourriez rencontrer, mais il est seulement un petit morceau du puzzle. Après tout, les loups-garous sont des bêtes meurtrières, redoutables, et méchant. De les envoyer - avec ou sans une balle d'argent - est jamais facile . Tout chasseur de loup-garou expérimenté peut témoigner du fait que la bonne stratégie, l'équipe, la formation et les outils vont vous mettre dans la meilleure position possible pour tirer efficacement votre balle d'argent létale.

Comme des loups-garous, trop nombreux sites Web ont tendance à transformer en monstres poilus, indisciplinés au fil du temps - nos propres bêtes personnelles. Mois ou années de croissance organique couplé avec les anciens systèmes back-end ne rendent plus difficile de faire face à l'idée d'une refonte, sans parler d'un réactif. Alors que RWD est absolument une approche exceptionnelle de servir du contenu web, il ya plusieurs facteurs que vous devez être au courant de si vous voulez réussir. Le plus grand, plus complexe, et plus le site, plus il devient difficile de faire en douceur la transition réussie d'une bête flandrin à une conception adaptée élégant et mobile-friendly.

Ce qui suit sont trois raisons que vous n'êtes pas prêt à commencer un engagement refonte sensible, chacun avec des étapes que vous aurez envie de prendre avec succès pour tirer avec votre balle RWD d'argent.

Raison n ° 1: votre contenu pue

L'aspect extraordinaire de conception adaptée est le fait que le contenu est le même, qu'il est en cours de visualisation sur un téléphone, une tablette, un ordinateur portable, ou 3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée


. Cette uniformité contenu est bon pour un certain nombre de raisons.

Tout d'abord, les moteurs de recherche ne doivent pas composer avec de multiples versions de contenu (parfois radicalement différents ou de contenu manquant) selon la version du site est en cours d'indexation. Ceci est la raison principale de Google a pris une position pro-RWD. Il rend également plus facile pour vos clients de vous trouver via un moteur de recherche.

Deuxièmement, lorsque le contenu peut être trouvé à une URL unique quel que soit le dispositif avec lequel l'utilisateur navigue, il est beaucoup plus facile pour les gens de partager. Avouons-le: Rendre plus facile pour les gens de partager votre contenu est bon pour les affaires. Pour de plus en plus de sites Web, le partage social via Twitter, Facebook, LinkedIn, Reddit, StumbleUpon, et d'autres propriétés sociales entraîne beaucoup plus de trafic que les moteurs de recherche . Ce qui rend plus facile de partager vos trucs (via une URL unique) devrait être une priorité, et RWD contribue à rendre cela possible.

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

( Source )

Enfin, alors que la forme et la fonctionnalité devraient varier selon l'appareil est utilisé, la recherche a montré que les utilisateurs attendent d'être en mesure de trouver le même contenu , peu importe comment ils accéder à un site Web. Limiter la quantité de contenu ou de l'affichage du contenu tout à fait différente sur un smartphone contre votre site Web "plein" de bureau est une recette pour les utilisateurs confus et mécontents. Avec le nombre d'appareils mobiles qui accèdent au web devrait dépasser le nombre de connexions de bureau et portables , il est essentiel de considérer le public mobile une priorité.

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

(Source: Mary Meeker, KPCB Internet Trends 2013 )

Tout ce contenu est entreprise très bien, jusqu'à ce que vous vous souvenez du monstre tapi dans votre centre de données. À quand remonte la dernière fois que vous avez pris un coup d'oeil concertée à l'ensemble du contenu - tout le contenu - vous hébergez sur votre site? Si vous êtes comme la plupart des organisations, il a été un moment. Et, je déteste pour briser ce pour vous, mais je serais prêt à parier qu'un grand pourcentage de ce contenu est pas grande. La majeure partie est probablement dépassée voire carrément inutile (vous ne disposez pas encore le contenu apparaissant dans Flash, vous faites?). Et il est presque certainement pas optimisée pour l'affichage sur un écran de la taille d'un paquet de cartes à jouer.

Voilà pourquoi la partie la plus difficile d'une refonte de RWD succès est pas déterminer des points de rupture, de tester une gamme de navigateurs et de systèmes d'exploitation, ou la conception de l'interface utilisateur. Il est le fait que votre contenu est tout simplement pas prêt à être universellement accessible par la myriade de dispositifs parcourant le web. Il est pas mobiles amicale.

Donc, la première étape dans le processus de RWD devrait être un contenu stratégie engagement. Ce processus doit impliquer un inventaire et une analyse de l'ensemble de votre contenu en ligne, ainsi que le contenu hors connexion (par exemple, brochures, publipostage, etc.). Une grande partie de votre contenu sera retiré, consolidé, réorganisé, et édité avec un accent sur la réécriture pour refléter votre marque, le ton, et la lisibilité sur de multiples plateformes.

Raison 2: Votre CMS ne peut pas soutenir le contenu sensible

Parlant de contenu, une partie d'un bon contenu engagement stratégie devrait comprendre une évaluation de votre système de gestion de contenu (CMS) et un plan pour maintenir le contenu sur une base continue.

Les chances sont très bonnes que le CMS votre organisation utilise également sert comme un outil de publication web (WPT) qui génère le balisage via un éditeur WYSIWYG utilisé par les auteurs pour publier des pages Web. (WYSIWYG - prononcée wiz-zee-perruque - est l'abréviation de ". Ce que vous voyez est ce que vous obtenez") Alors que WYSIWYGs sont capables de permettre à presque tout le monde à être en mesure de composer et de modifier le contenu d'un site Web, ils peuvent également être utilisée à des mauvais effet. Les éditeurs qui utilisent un WYSIWYG souvent inconsciemment insérer les médias et le code (vidéos intégrées, des images, des tableaux, ou copie collé à partir de documents Word) qui peut causer même les mises en page plus balles de briser. Plusieurs éditeurs WYSIWYG produisent également majoration invalide et non sémantique qui pourrait faire des ravages sur les grilles fluides utilisés pour mettre en œuvre une disposition sensible.

En plus de WYSIWYG défis, la gestion de contenu plus ancien ou systèmes e-commerce peut être extrêmement rigide en termes de code qu'ils injectent dans chaque page d'un site web. Inline CSS, JavaScript, et mal formé ou HTML non sémantique (table layouts, les balises non fermées, etc.) peut être générée. Ce code fragile et pourrait rendre invalide dans certains navigateurs de bureau ciblé aujourd'hui, mais les chances sont, ce château de cartes va s'effriter lorsqu'il est appliqué à une mise en œuvre souple.

Pour mener à bien la transition de votre contenu à RWD, vous pourriez avoir besoin de reconsidérer votre approche pour les outils qui stockent et publier du contenu. Dan Jacobson, qui a transformé des solutions de gestion de contenu de la National Public Radio, a déclaré, "L'avenir des systèmes de gestion de contenu est en leur capacité à capturer le contenu d'une manière propre, présentation indépendante." Cela signifie que, quand il vient à la sélection d'un outil de gestion de contenu optimale, avant-gardiste, cesser de penser en termes de pages se mariaient et présentation. Concentrez-vous sur le workflow et la capacité d'extraire le contenu propre, dispositif agnostique via une API à une variété de plates-formes basées sur les méta-données, et des morceaux de contenu - pas de pages - qui peut circuler dans une variété de facteurs de forme et les modèles.

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

Raison n ° 3: Votre équipe est pas équipé pour exécuter

Une fois votre stratégie de contenu et le contenu infrastructure de livraison sont dans l'ordre, vous serez dans une excellente position pour exécuter avec succès une refonte sensible. Mais, il ya encore un autre obstacle que vous devrez surmonter pour tirer avec votre balle d'argent sensibles: les compétences et les processus de vos équipes de conception et de développement. Site web adaptatif exige que votre équipe est équipé pour concevoir et développer avec l'utilisateur mobile. Il appelle également à une nouvelle approche, plus collaborative au processus de conception et de développement.

Du point de vue de la conception, de la conception pour mobile signifie affordances et les interactions tactiles compréhension - pas plus planer États et pointer et cliquer. Il implique également d'être bien familiarisés avec les facteurs mobiles de formulaires, contrôles natifs, et des interactions pour un tableau de plates-formes mobiles (par exemple, iOS, Android, Windows, Blackberry, etc.) et la conception de graphiques pour une variété de densités de pixels . Concevoir en réponse exige également que les concepteurs lâchent pas d'illusions que les dessins peuvent être "pixel parfait» à travers la myriade de dispositifs qui peuvent être accèdent à un site. Par exemple, Facebook voit 7.000 types de dispositifs mobiles différents qui visitent son site tous les jours; avoir QAing amusant littéralement des milliers de dispositifs.

3 raisons pour lesquelles vous n'êtes pas prêt pour une conception adaptée

Signifie site web adaptatif que vous n'êtes pas concevez pour tout dispositif ou un navigateur en particulier - vous concevez pour chacun d'eux (même ceux qui ne l'ont pas nécessairement été encore inventé). Cela signifie que les concepteurs ont besoin de se concentrer sur les priorités de contenu (qui varient en fonction de l'utilisateur et de cas d'utilisation) plutôt que la création de modèles de pixel-parfait innombrables. Cela signifie la création d'un guide de style qui peut être appliquée de manière fluide à une variété de facteurs de forme et de travailler en étroite collaboration avec une équipe de développement front-end pour appliquer ces styles à un contenu réel au sein de navigateurs de périphériques. Compte tenu de la gamme de navigateurs mobiles et leurs capacités, certaines présentations seront mieux que d'autres. Il est important de concentrer les efforts sur les principales plateformes (basé sur l'analyse) afin d'assurer une performance optimale et la disposition sur les appareils qui composent votre public cible primaire.

Parlant de travailler à l'unisson avec les développeurs, la nature collaborative du processus de conception adaptée se prête à Lean UX , Hungry Man et développement Agile méthodologies. Une cascade approche (en se concentrant sur ​​la majorité des travaux de conception avant le développement) ne sont pas d'une manière optimale de procéder à un engagement de RWD. Les concepteurs et les développeurs doivent travailler en étroite collaboration au cours des sprints rapides à parcourir, tester et peaufiner les concepts au sein des navigateurs plutôt que de travailler uniquement à partir des représentations filaires et comps de conception.

En plus d'une Agile (ou à la, collaboration très moins) processus, les développeurs doivent également être habile dans les technologies de fin ou de la couche de présentation avant que les centrales mises sensibles: CSS3, JavaScript et HTML5. En plus de la mise en œuvre des grilles fluides, des points d'arrêt, et le déplacement de dispositions, de l'équipe de développement doit aussi se concentrer sur la fourniture de la charge utile la plus légère possible pour les utilisateurs de smartphones qui pourraient être accèdent à un site Web via un signal cellulaire faible. Rappelez-vous que réactive est pas seulement sur l'aménagement; l'optimisation des images, compression vidéo, bibliothèques JavaScript, et l'ensemble des temps de téléchargement devrait être une priorité si l'on considère les utilisateurs mobiles.

Afin d'assurer que votre équipe est équipé avec des compétences de conception et de développement souples et mobiles, considèrent que la formation. Il ya un certain nombre d'ateliers et de conférences à travers le pays qui peuvent aider à former votre équipe pour concevoir et construire pour mobile ou fonctionner dans un environnement Agile. Il ya aussi des formateurs et des consultants qui seront heureux de travailler avec votre organisation pour améliorer les compétences ou processus d'une équipe. Vous pourriez aussi envisager de faire appel à un cabinet extérieur qui se spécialise dans les implémentations mobiles et réactives (souvenez-vous de distinguer l'expérience de l'expertise web sensible application native lors de l'évaluation des travaux antérieurs de l'agence) pour augmenter votre équipe interne ou exécuter un blocage du projet de RWD, actions, et le baril.

Avec un plan pour créer un contenu durable, mobile-friendly; un système à livrer; et une équipe en place maîtrise dans la conception et la programmation dans un environnement collaboratif, dispositif agnostique, votre organisation aura ce qu'il faut pour tirer sur la gâchette sur votre balle RWD d'argent. Bonne chasse.

MOTS-CLÉS: