Mini-Chat Mini-Chat

0/150

Menu principal Menu principal

NwCo is watching you !
"A vaincre sans péril on triomphe sans gloire."

- Forums - Afficher un message -

Nouveau site : Design

Lectures : 2846
#21 | Posté le 31/05/2009 à 23:24
Gamer_man
Avatar de Gamer_man
(5984)

@ Dr.NeverAt :
En fait dans une maquette, faut surtout dégager les positions, les problèmes d'ergonomie rencontrés, etc.
En principe, le site ne ressemblera probablement pas à cela, cela s'étoffe au fur et a mesure [ image ]

#22 | Posté le 31/05/2009 à 23:35
JinKay
Avatar de JinKay
(580)

Elle est sympa l'image en noir et blanc à gauche [ image ]

J'ajoute: vous êtes plus que trois actifs sur le forum ? [ image ]Edité le 31/05/2009 à 23:36:42.

#23 | Posté le 01/06/2009 à 00:20
bonzai
Avatar de bonzai
(4570)

plutot 3.5 si tu comptes la moitié de fesse de [M]robby[NwCo] [ image ]

#24 | Posté le 02/06/2009 à 00:53
Dr.Touffu
Avatar de Dr.Touffu
(2737)

Han comment tu le traites de demi nwco !

Bon sinon, je vais reprendre les points de gamer ce sera plus clair.

Citation
- J'aime bien le NWCO en haut a gauche, mais pas le New World Computer Order en dessous +1 mais tu peux faire mieux imo [ image ]
- J'aime bien la partie gauche (image, etc)
- La partie droite fait un peu vide (un hydralisk qui vient par dessus le bloc "liste des membres" ca pourrait etre fun [ image ]) +1, ça fait vide. Ce serait marrant que genre, si tu fais un perso, quand on aura plus de membres, tu le redessines écrasé par la colonne membres etc ^^
- J'aime pas du tout le dégradé rouge/noir au fond, ce qui serait top je pense c'est une image super grande, très sombre, dans des tons noir/gris-foncé +1 pour l'image, avec différents templates (du coup je plussoie pas ton truc des couleurs)
- Les heures des messages sont peu visibles, que penses tu de les changer de couleur ou de style ? +1
- L'heure après l'utilisateur ca fait bizarre, j'aurais une préféré à les avoir devant +1, c'est la "norme" d'ailleurs non ? Genre sur IRC, stealth bot ou les chats en général.
- Les filtres juste au dessus de l'éditeur sont vraiment minuscule, on les voit pas du premier coup d'oeil. On pourrait trouver des icones pour les symboliser aussi non ? Trop petits oui, des icones ça me parait pas du tout intuitif, genre je vois pas comment faire une image qui puisse clairement faire comprendre à l'utilisateur nouveau qu'il clique sur news/articles/autre. Maintenant si tu as déjà un truc en tête vas y, ça me semble juste pas possible ^^
- L'éditeur est simple, j'aime bien, mais il provoque un espace vide a droite : une image (sur le meme principe que l'hydralisk définit au dessus) pour le combler ? J'aime pas ce genre d'éditeurs, je trouve ça moche. Je préfère largement ce qu'on a actuellement. Cependant on en voit partout maintenant, alors la même chose avec un effet de transparence sur les cases ça passerait peut être beaucoup mieux (le gris choque ici).
- Pour le "bloc" actuellement focus, faudrait quelque chose de très visible je pense (cadre blanc ?) Oui et non, voir plus loin.



Plus globalement, ce qui fait que "JAIME PAS §", c'est que tu utilises un seul ton pour la seule couleur du site, le rouge (après on a noir et blanc, donc pas de variations possibles). Avec le même rouge on pourrait faire 3 tons (c'est un exemple) pour mieux mettre en évidence, que le rendu soit moins agressif (actuellement la page est dangereuse pour les cardiaques, et il faut penser à notre old section vieillissante [ image ]) et plus varié.
Je donne des exemples pour que ce soit plus clair, les couleurs peuvent très bien s'interchanger. Ici je fais comme si on avait ce fond noir.

-rouge actuel : la plupart des trucs

-rouge crème, les trucs qui doivent être le plus lisibles : l'heure du chat, les filtres (ici on a rouge sur rouge c'est assez illisible), le début d'un message bot sur le chat, un score de cw, que sais-je...

-rouge sombre, ce qu'on doit mettre le moins en évidence : les cadres, heu, je sais pas quoi d'autre ^^


Une idée qui me vient en rematant ton image : sur l'image full chat, on a le milieu du chat qui ressort plus du fait du fond rouge. En imaginant un fond sombre, on pourrait faire un dégradé d'intensité lumineuse du texte du chat. Genre tout en bas c'est plus clair, tout en haut plus sombre, en dégradé.
-> Le texte le plus récent est le plus mis en avant. Et quand on passe la souris sur une zone plus haute dans le chat, la zone s'éclaire et le dégradé se déplace avec la souris [ image ] (du coup si je vais au milieu, le bas s'assombrit un peu, le haut s'éclaire un peu, le milieu s'éclaire beaucoup). Attention quand je parle de lumière je suis encore sur une histoire de plus ou moins de blanc / noir hein.
Bon c'est totalement kikoolol et je sais pas si c'est possible x)


Voilà j'espère avoir été clair. Désolé pour l'attente bonzai, avec le temps j'ai appris à me faire désirer [ image ]Edité le 02/06/2009 à 01:04:26.

#25 | Posté le 02/06/2009 à 10:31
Gamer_man
Avatar de Gamer_man
(5984)

Concernant la position des heures devant les pseudo, perso c'est pour que ce soit aligné que je demande cela ! [ image ]

Concernant les icones, je n'ai pas précisé, mais j'imagine par la une icone en PLUS du texte [ image ]
(Cette icone serait bien sur réutilisée pour les filtres, pour choisir le type d'élément a filtrer, dans la fenêtre des dernières actions...)

Pour l'idée des zones qui se colore au passage de la souris, je suis plutôt contre : je souhaite rendre le site utilisable uniquement au clavier ; et même sans ce choix, le fait de ne pas pouvoir lire correctement tout l'écran pose un problème d'accessibilité, et risque d'être rebutant pour les visiteurs non habitués [ image ]Edité le 02/06/2009 à 10:37:01.

#26 | Posté le 02/06/2009 à 11:45
Dr.Touffu
Avatar de Dr.Touffu
(2737)

Et les couleurs ?!

#27 | Posté le 02/06/2009 à 14:03
Gamer_man
Avatar de Gamer_man
(5984)

Rouge foncé sur noir, pas trop lisible ; mais vers crème, pourquoi pas, si c'est pas trop rose [ image ]Edité le 02/06/2009 à 14:04:15.

#28 | Posté le 02/06/2009 à 23:22
bonzai
Avatar de bonzai
(4570)

hey merci mario pour cet avis très pertinent. Je vais également tacher de creuser au maximum les pistes que t proposes !

Globalement je trouve toutes vos idées très intéressantes sauf... l'image de fond : Quid de la résolution qui change, quid du temps de chargement, quid du peu de l'image qui sera visible ? Pensez vous à une image de type en haut avec dégradé vers le noir en bas et sur les cotés, ou alors c'est une image d'habillage bornée sur les cotés genre par exemple un simili borne d'arcade avec les écran dedans ? A quel genre d'image pensez vous finalement ? J'ai besoin de plus de détail pour comprendre votre idée.

#29 | Posté le 03/06/2009 à 00:34
Gamer_man
Avatar de Gamer_man
(5984)

Moi je pense a une image de tres grande taille, qui peut se répéter, ou être centrée

#30 | Posté le 03/06/2009 à 14:04
Dr.Touffu
Avatar de Dr.Touffu
(2737)

J'en sais trop rien l'idée de gamer me semblait pas mal mais j'y ai pas plus réfléchi que ça, c'est plus le fond en lui même qui me déplaisait, un autre mais pas forcément une image pourrait aussi aller.

#31 | Posté le 04/06/2009 à 13:11
bonzai
Avatar de bonzai
(4570)

hum k... v voir ce que je trouve.

#32 | Posté le 04/06/2009 à 16:27
Dr.Touffu
Avatar de Dr.Touffu
(2737)

Citation de bonzai
Pensez vous à une image de type en haut avec dégradé vers le noir en bas et sur les cotés, ou alors c'est une image d'habillage bornée sur les cotés genre par exemple un simili borne d'arcade avec les écran dedans ?



J'avais mal compris ce passage au début, perso je pensais (et gamer aussi il me semble) à une image en plein milieu, là où il y a le chat. Donc aucun des 2 exemples que tu cites ^^

#33 | Posté le 04/06/2009 à 19:42
bonzai
Avatar de bonzai
(4570)

aah vous parlez d'une image de fond pour l'endroit ou il y a le texte (moi je pensais que vous paliez du fond derriere tous les bloc ou il y a aussi un degradé) ?? En terme de lisibilité j'ai peur que ca fonctionne pas tres bien. Je vous ferez un exemple pour en juger si vous me confirmer que c'est ca à quoi vous pensez.

#34 | Posté le 06/06/2009 à 18:08
bonzai
Avatar de bonzai
(4570)

gaymer tu confirmes ce que dit mario ?

#35 | Posté le 06/06/2009 à 19:25
Gamer_man
Avatar de Gamer_man
(5984)

Moi je suis partant pour une image dedans, très sombre, et des images par ci par la genre qui "chevauchent" les zones (liste des membres, etc).

Mais bon, l'idée d'une borne d'arcade.. ca a l'air fun [ image ] avec un gros bouton a coté de la manette pour valider l'envoi du message !

#36 | Posté le 14/06/2009 à 11:19
bonzai
Avatar de bonzai
(4570)

Hey,

Du nouveau coté design. Voici 2 nouveaux screens. J'ai essayé d'avancer un peu dans le concept "borne d'arcade". Dans les fait le rendu fait plus console portable. Je n'ai pas encore fini de travailler cet aspect ni un certain nombres d'autres que vous aviez proposez (notamment les remplissages de trous vides). Ces ss sont donc des ss de "travail en cours".

Vous remarquerez un espèce de gros bouton rouge en bas à droite. Mon idee est de proposer un espèce de "bouton magique" qui propose de faire des actions contextuelles :
-si je suis en focus dans la zone de saisie : il me propose les options de mise en forme
-si je suis dans la zone de recherche : il me propose de valider ma recherche (on pourrai aussi y déporter les options de recherche qui sont sur les ss en haut de page)
-si je suis sur un contenu complexe, il me propose d'agrandir, de fermer, d'éditer....)
Tout cela n'apparait pas trop sur les screens. va falloir imaginer [ image ]

A regarder en zoomé encore...

http://picasaweb.google.fr/cedric.lelong/Nwco#5347108118468076434

http://picasaweb.google.fr/cedric.lelong/Nwco#5347108116436786834


#37 | Posté le 14/06/2009 à 20:17
Gamer_man
Avatar de Gamer_man
(5984)

Ah oui c'est fun la !
Mais tu crois que tu peux faire un "faux écran", avec les cotés de la borne ?
Et aussi une manette et des boutons, comme si on était devant [ image ]

#38 | Posté le 14/06/2009 à 22:37
bonzai
Avatar de bonzai
(4570)

Peux tu préciser ta pensée ? tu aimerais :
-Un nouveau design pure borne d'arcade (mono écran, les touches et la manette en dessous)
-mettre ceci dans l'écran d'une borne (sortir le bouton, le mettre plus bas)
-amplifier l'aspect borne d'arcade en restant sur la base des screens ? (garder les multi écran mais mettre plus séparé le/lesboutons et ajouter une manette)

Perso, la solution 3 est celle qui a ma préférence, car la premiere induit un design d'interface trop mono bloc, et la deuxieme entraine une grosse perte de place.

#39 | Posté le 15/06/2009 à 11:39
Gamer_man
Avatar de Gamer_man
(5984)

[ image ]
[ image ][ image ][ image ]

#40 | Posté le 15/06/2009 à 11:52
Dr.Touffu
Avatar de Dr.Touffu
(2737)

Ah là je dis oui ! Bien mieux =)

Citation de bonzai
Vous remarquerez un espèce de gros bouton rouge en bas à droite. Mon idee est de proposer un espèce de "bouton magique" qui propose de faire des actions contextuelles :
-si je suis en focus dans la zone de saisie : il me propose les options de mise en forme
-si je suis dans la zone de recherche : il me propose de valider ma recherche (on pourrai aussi y déporter les options de recherche qui sont sur les ss en haut de page)
-si je suis sur un contenu complexe, il me propose d'agrandir, de fermer, d'éditer....)
Tout cela n'apparait pas trop sur les screens. va falloir imaginer [ image ]



Comment apparaitront les différentes options ? Menu déroulant...? Ou le bouton se divise en autant de parties que de choix ? Ou bien ?
J'ai pas bien compris ton dernier tiret sur le contenu complexe. Pour moi le agrandir / fermer se faisait directement sur la fenêtre. Comme sur un gestionnaire de fichiers, je chope le bord (ici le bas) pour l'agrandir ou la réduire ; je clique sur une petite croix (ou autre) pour la fermer.



Edit : concernant votre discussion j'aime bien la direction que tu as prise, j'espère que gamer déconne [ image ] (même si je trouve que ça manque encore de contraste héhé)Edité le 15/06/2009 à 11:53:45.

- Poster une réponse -

Edition

Caractères : 0%
Couleur :
Mise en forme :
Sécurité anti-spam (cocher la case et entrer le mot de vérification) :
Mot de vérification : Spam FakeVerif

Qui est connecté ?

Page génerée en 0.1231 secondes...