Élaboration du Design

Bonjour à tous !

Comme vous pouvez le voir depuis hier (31 juillet 2015), les modérateurs et administrateurs de ce nouveau forum ont enfin étés élus. La bannière (que vous pouvez voir en haut de votre écran), a aussi été choisi.

Encore un grand merci à tous les volontaires et participants.

Maintenant, nous arrivons à la "dernière" ligne droite : le design du forum.

Je vais donc vous expliquez rapidement en quelques points le fonctionnement :

• Le design va se faire de manière "participative". Vous allez pouvoir utiliser ce sujet pour donner vos idées, vos suggestions, et réagir aux idées des autres. Le but étant qu'on puisse faire un débat sur les idées tout en proposant des nouvelles choses au fur et à mesure du débat.
  
• Le forum doit avoir un design fini pour le 1er septembre.
  
• Le but n'est pas de faire une oeuvre d'art qui transcendera les époques, mais bien de faire un forum "sérieux", simple, agréable et pratique. Rappelons que c'est, pour beaucoup de monde, leur premier lien avec la taverne oubliée =D
  
• Le débat est ouvert à partir d'aujourd'hui jusqu'au 13 Août inclus. Du 14 au 20 vous allez pouvoir votez pour Les idées/images/dessins/propositions que vous préférez puis du 21 au 31 inclus les personnes habilités (voir ici les administrateurs et modérateurs https://taverne-oubliee.forumactif.org/t176-resultat-des-votes ) installerons tous ce que les membres ont choisis ensembles.

Comme pour la bannière, les modérateurs ou autres, il est important que vous donniez votre avis si vous en avez un, même un tout petit, pour aider les choses à avancer. Le débat est ouvert à tous les membres. Le design sera créé grâce à vous donc n'hésitez plus.


Vous pouvez donner des propositions par écrit, en capture d'écran si vous voulez montrer des image, tout ce que vous voulez ! L'important juste est que si vous créez un forum-test pour votre idée de design, ne l'apellez pas "taverne oubliée" pour ne pas multiplier le nombre de forum avec ce nom sur le net. Cela nous permet de garder une visibilité.


Alors, qu'est ce qui vous ferez plaisir mes loulous ? <3

Hello ! Niveau design, je me dis que la bannière, même si on doit avoir une bonne visibilité, est peut-être trop large. Après, je ne sais pas si en plus, sa taille influe sur son poids qui rend le chargement des pages du forum au final trop long pour la version téléphones mobiles, ou si pour cette dernière version, c'est adapté et ça passe sans souci.
Des retours des utilisateurs de téléphones mobiles et autres tablettes?

Sur la version portable y'a pas de thème à proprement parlé, même pas de bannière ou quoi, du coup, pas de soucis de ce côté là.

Peut-être déjà remettre un fond d'écran plus sobre en attendant le définitif?

J'vais voir ce que je peux faire de mon côté sur un forum test ^^

Arf Mello c'est méga chargé ton forum ^^. Y a énormément de choses et la dominante de rouge ( qui est logique bien sûr si on suit les couleurs taverne) est néanmoins très agressive à l’œil et ça manque de contraste pour rendre ca plus agréable et "confortable" visuellement.

En tous les cas y a de très bonnes idées, surtout au niveau des boutons etc... Mais je pense qu'il faut alléger et surtout penser à couper ce rouge avec une autre couleur peut être ( ou tout du moins le rendre moins présent )

Pour ce qui est du format Smartphone, pour ma part, étant sur windows phone, j'ai le site tel quel, ce qui rend bien, avec effectivement un peu de longueur dans le chargement de la bannière mais bon rien qui n'excède plusieurs secondes.

(Pierre dit que sur son Android, rien à signaler.)

Voila pour mes remarques, j'essayerais peut être de réfléchir à des petites choses mais comme je rentre tout juste de vacances et que j'ai d'autres petites choses sur le feu, ça ne sera pas ma priorité . Voila des Bisoux

Ridd-chan, c'est quel navigateur qui est utilisé sur un Windows phone?

Il faut que je fasse la vanne...IL LE FAUT!!!!

Le thème c'est Carrie? x)

Mello, il y a de très bonnes idées et des moins bonnes.

PARMIS LES TRUCS CHOUETTES :
-Un portail avec les nouvelles présentées de manière synthétique. Et le "nos activités", et les présentations meujeux et liens utiles.
-Présentation des catégories de manière plus intéressante (encore que un poil fouillis)
-Fond sympa, avec le forum qui fait une ombre dessus. Classy.
-Le bas du forum est chouette, avec un effort pour présenter les groupes, toussa

PARMIS LES TRUCS MOINS CHOUETTES :
-Je suis un grand partisan de l'interface claire et fonctionnelle quitte à y perdre en possibilités. Il y a deux barres de liens. Une petite très discrète avant la bannière, une plus grande en bas dans le "portail". Ca plus le fait que le portail regroupe beaucoup de trus à voir et enchaine avec le forum, ça fait un peu chargé. Idem avec le texte de presentation, qui irait mieux sur le fond du forum (genre dans l'espace vide au-dessus ?), le blanc contribue a faire chargé
-Le portail avec tous les liens avant les catégories et le forum en lui-même est chouette, mais beaucoup mieux sur une page dédiée. Comme ça on a une page "tout sous la main sans chercher", et une page "tiens, voilà ton fofo" et aucun des deux n'est trop long ni ne réclame trop de scroll
-Losanges partout, justice nulle part.
-Trop de rouge. Choisir des couleurs pour un site, ça demande réflexion et c'est super compliqué, parce que ça peut changer énormément de choses dans la façon dont l'asso est perçue.


Merci pour le temps investi pour faire ce forum test et essayer des trucs, c'est vraiment chouette ça va bien aider pour mettre en place un forum sympa

Mello a écrit:

Citation :

Il y a deux barres de liens.

Je n'ai pas compris cette remarque. ^^'

"Accueil, calendrier, FAQ, blah blah blah" au-dessus de la bannière
+ "Réglement, MJ, blah blah blah" en-dessous de la bannière (Après un espace vide qui ferait un bon endroit pour la description), sur l'espèce de pseudo-portail, là où il y a généralement la première, sur d'autres forums

(Désolé pour la réponse tardive ! :s )

Au risque d'être casse-pied, je trouve la barre de liens sur la droite un peu inhabituelle. L'avoir sous la bannière, genre dans le cadre vide, ça ferait plus ergonomique, non ? (bon, si ça se trouve tu as fait des essais et ca tient pas en une seule ligne)

Est-ce que ca ne rendrait pas plus propre de virer, plus bas, le cadre avec la description du topic (où apparait un lorem ipsum) pour intégrer la description juste sous le titre du topic, entre le titre et les noms des sous-topics ? (que l'on indiquerait comme sous-topic)
Exemple :
Là on a :
VOTRE 1er FORUM
[SOUS-FORUM] [SOUS-FORUM2]

Je propose :
[VOTRE 1er FORUM]
Lorem ipsum blah blah blah
Sous-topic : SOUS-FORUM SOUS-FORUM2

Ou au moins d'enlever le cadre blanc sous le lorem ipsum et mettre celui-ci direct sur le fond. Le cadre a tendance a trancher et perturber un peu, alors que les informations dedans ne sont pas "vitales". Dans la meme veine, peut-etre que mettre "votre 1er forum" dans un cadre et pas ses sous-topics ferait plus rangé visuellement, vu qu'on le remarque en premier et on peut ensuite parcourir les sous-topics, censés etre plus discrets

Est-ce que tu peux tester voir si mettre les bandeaux de catégories avec un fond rouge rendrait bien ?
Tes boutons "Nouveau" et "Répondres" sont chouettes. J'aimerais voir ce que ça donne si on remplace le carré par le logo Taverne. Est-ce que tu peux m'envoyer les sources sitoplé ?

Désolé si je fais "inspecteur des travaux finis", tu as fait du bon boulot et je respecte ton travail

Mello a écrit:

Tu veux les sources ? Euuuh ? Comment ça ? ^^'

Les fichiers psd ou xcf (ou ora, selon ce sur quoi tu travailles) où tu as tous les calques, pour pouvoir rapidement changer des éléments

LA REPONSE DE TONTON KONWHALD :
Je préfère le premier set, le carré reste constant par rapport au texte, ca fait plus propre. MAIS je préfère la typographie du "Répondre" du deuxième set, qui rend mieux, et le fait qu'il utilise le logo Taverne
(tu utilises quelle police au fait ?)

Pour les couleurs : C'est le point compliqué. Je me prononce pas dessus, j'étais pas là lors de la création de l'ancien site. Est-ce que tu as une charte graphique qui traine quelque part ou est-ce que le rouge et parchemin ont étés choisis à l'arrache ?
Si je vérifie vite fait la couleur qui irait le mieux, dans la théorie des couleurs (en split-complimentary), avec du rouge et du parchemin, ce serait du bleu entre les deux bleus que tu as proposé. Essaie en eclaircissant un poil le bleu foncé ?

Faudrait que tu partages les PSD quelque part, que tu sois pas la seule graphiste a pouvoir proposer et essayer des trucs. On irait peut-etre plus vite

Mello a écrit:

Pourquoi vouloir le psd ? J'comprends pas, normalement rien devrait bouger sur la bannière.

Pour les boutons. Parce qu'actuellement tu es la seule graphiste a pouvoir essayer des designs différents et voir ce que ça donne. On pourrait être 10 ou 30 sur ce sujet à donner notre avis, on est limités par ce que tu trouves le temps de faire et veut bien faire, et si d'autres graphistes passent à coté iels ne peuvent pas expérimenter. On peut juste te donner des idées, mais si tu venais à en avoir marre et partir en vacs, tout le monde serait bloqué

Mello a écrit:

Pour ma part, j'trouve que le rouge et le bleu sont deux couleurs qui ne s'accordent pas vraiment...
Et le parchemin n'est pas du tout obligatoire ! (je ne l'ai même jamais vu) Et le rouge reste quand même emblématique donc à garder.

Parchemin : Beige très clair que tu utilises comme fond pour ta bannière
Je me réfère juste à mes bases sur la théorie des couleurs, en webdesign.
Rouge/Beige trèsclair/Bleu clair donnent un coté vibrant et dynamique au forum.
Rouge/Beige trèsclair/orange sont analogues et donnent un rendu plus harmonieux et agréable
Ou alors on assume le beige très clair comme étant neutre (comme du blanc), et un vert plus saturé (complémentaire du rouge) que celui que tu proposes peut donner un bon rendu.

Je dois avouer que même si j'aime le vert, ça ne colle pas très bien avec le rouge.

Je trouve que ça donne un côté un peu terne. Attention, super innovation...et pourquoi pas, à la place de ce vert du blanc cassé? On resterait dans le neutre mettant en valeur le rouge, tout en étant moins générique et un peu plus chaleureux.