Modèle ne signifie pas coupeur de biscuit

Le défi

Lectronimo Template Cookie Cutter

La simple mention de modèles de site Web rend certains clients soies. Personne n'aime être dit qu'ils doivent se conformer à un ensemble de règles qu'ils estiment n'ont pas été écrites avec eux à l'esprit. Ils croient aussi que leur site va ressembler à tous les autres et ne pas répondre à leurs besoins uniques.

Les développeurs et les concepteurs se préoccupent également des modèles, incertain si les éditeurs de contenu mettra les types corrects de contenu dans les composants pré-construits. Sites que l'équipe de développement et de conception a passé beaucoup de temps de construction peut finir par regarder non professionnel si les modèles ne sont pas utilisés correctement. Personne ne gagne dans ce scénario.

La solution

Nous allons d'abord dissiper le mythe selon lequel l'utilisation de modèles signifie que votre site va ressembler à tout le monde. Lorsque nous parlons de modèles, nous ne parlons pas de différences simples dans les couleurs et les polices. Notre solution de site Web Lectronimo tire parti de la modularité et de la Panelizer de Drupal pour fournir différents cadres qui résolvent les erreurs courantes de UX, et permet toujours la créativité quand il s'agit de contenu.

lectronimo_blog3. png

Les modèles Lectronimo sont construits pour de nombreux composants différents qui peuvent être mélangés et assortis pour mettre en évidence votre meilleur contenu, et ils ne nécessitent pas que vous adhériez strictement à une formule. Les gens avec beaucoup de vidéos ne sont pas limités par la structure de la page, et les gens avec le contenu écrit complexe ont différentes façons d'afficher ces informations afin que les utilisateurs peuvent numériser et Explorer-sans se sentir comme ils lisent un roman.

Rester informé

Recevez le meilleur contenu sur le futur du marketing, les changements dans le secteur et les avis de nos experts.

Pour garder chaque solution de site Web Lectronimo maintenir son aspect professionnel et soutenir la stratégie de contenu, nous avons travaillé par la philosophie que tout contenu que nos utilisateurs peuvent placer devrait réellement fonctionner, à la fois en termes de fonctionnalité et dans la conception. Pour nous, cela signifiait que nous devions placer certaines limites sur l'endroit où nos utilisateurs peuvent mettre les choses. Nous avons appliqué quelques crochets de prétraitement à la boîte de dialogue «Ajouter du contenu» des panneaux pour s'assurer que chaque fois qu'un utilisateur va ajouter du contenu à n'importe quelle région, la liste des types de contenu aura été filtrée en conséquence. Notre IPE personnalisé utilise également des variables JavaScript via des commandes AJAX pour empêcher les éditeurs de contenu de glisser et de déposer le contenu existant dans des régions non valides.

Dans le même temps, nous ne voulions pas construire un ensemble de règles draconiennes qui laisseraient les utilisateurs se sentir piégés ou limités, donc nous avons principalement attribué nos types de région en fonction de l'endroit où le contenu pourrait avoir du sens, et évité d'utiliser ce système comme une béquille pour résoudre les limitations de conception . Par exemple, il ya un plugin de contenu spécifiquement pour l'ajout de texte Intro court en haut d'une page. De notre expérience, nous savions qu'il créerait une expérience incohérente d'avoir ce même style de texte apparaissent au milieu de la page, ou dans une barre latérale, ou n'importe où autre que le haut du contenu.

Pour résoudre les problèmes de conception qui se posent lorsque le contenu volumineux est placé dans de petites régions, nos plugins de contenu fonctionnent en tandem avec nos modèles de mise en page. Les plugins sont activés pour échanger automatiquement certains styles en fonction de leur placement dans la région. Nous avons réalisé ceci en établissant une convention que chaque région dans chaque disposition de panneau doit suivre un des trois modèles spatiaux: pleine largeur , Wide , ou Narrow .

Une région déclare son modèle simplement en incluant une classe dans le modèle de disposition. De là, les principes sont tout à fait comme la conception réactive: juste comme nous appliquerions différents modèles sur de petits affichages contre de grands affichages par des requêtes de médias, nous pouvons appliquer des modèles supplémentaires au contenu dans les colonnes étroites ou larges par l'intermédiaire de notre ClassNames normalisé. Cela contribue à une expérience de conception robuste, permettant aux auteurs de contenu de placer le contenu librement sans se soucier de rompre la conception. Tout le monde gagne!

Si vous êtes intéressé à en apprendre davantage sur notre voyage pour développer notre solution Lectronimo, consultez les parties 1 & 2 à cette série de blogs: faire une coutume, Acquia-site hébergé abordable pour les plus élevés Ed, et le thème personnalisé qui est robuste et assez souple pour Continuer à impressionner.

Nous sommes heureux de mettre Lectronimo sur le marché! Si vous êtes un établissement d'Ed supérieur explorant les options pour votre prochaine refonte et voulez en savoir plus au sujet de Lectronimo, ou si vous êtes dans un autre marché et voulez parler de votre prochain projet, l'équipe de Digital Wave est heureuse de vous aider.