► Webdesign — blabla & expérimentation
► Webdesign — blabla & expérimentation - Web design - Graphisme
Marsh Posté le 10-01-2012 à 19:47:03
Des sites utiles sur le sujet
Une petite liste de liens fr : http://www.ergonomie-interface.com [...] ergonomie/
Principes du design d'interface : http://bokardo.com/principles-of-u [...] ce-design/
Message édité par Skopos le 08-05-2012 à 17:15:14
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 10-01-2012 à 19:47:10
réservé
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 10-01-2012 à 20:13:10
Et un ptit lien sur lequel je viens juste de tomber, pas encore lu 
Why Scrolling is the New Click
Message édité par Skopos le 10-01-2012 à 20:13:44
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
![[:drap]](https://forum-images.hardware.fr/images/perso/drap.gif "[:drap]")
Marsh Posté le 11-01-2012 à 00:06:54
J'écoute
---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Marsh Posté le 11-01-2012 à 09:53:45
Drapal 
---------------
TRIPS RIGHT BUNCH F SHUTTLE TOM AND JERRY RIGHT YELLOW
Marsh Posté le 11-01-2012 à 10:53:40
![[:le multi de jayjay:4]](https://forum-images.hardware.fr/images/perso/4/le multi de jayjay.gif "[:le multi de jayjay:4]")
Y aurait moyen de faire une sorte de guide ou une liste des bonnes pratiques pour faire une bonne UI ? J'ai toujours fais ça un peu à l'arrache.com vu que je travail pas encore dans le domaine pro mais je serais curieux de voir le travail fait en amont 
Marsh Posté le 11-01-2012 à 13:24:24
Reply
Marsh Posté le 11-01-2012 à 15:36:11
![[:gaga drapal]](https://forum-images.hardware.fr/images/perso/gaga drapal.gif "[:gaga drapal]")
---------------
“Et maintenant, la météo" - Soloviev 2022-2024
![[:lardoncru:4]](https://forum-images.hardware.fr/images/perso/4/lardoncru.gif "[:lardoncru:4]")
Marsh Posté le 12-01-2012 à 08:51:22
Reply
Marsh Posté le 06-12-2013 à 16:08:38
Un ptit lien (fr) sur un des éléments de base du design graphique (utile aussi en PAO donc), le contraste.
http://www.webdesignertrends.com/2 [...] st-la-vie/
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 06-12-2013 à 18:09:51
Bon ben puisque c'est ici le tropic d'expérimentation je poste un lien ici:
http://www.lunnatick.fr/autr_sit/MSA/index.php
---------------
http://www.lunnatick.fr/
Marsh Posté le 03-01-2014 à 17:07:28
Un petit slideshare qui pose les 2 fonctions complémentaires dans la conception d'interface.
Dans les coulisses d'une équipe UX : rencontrez l'interaction designer, le visual designer et apprenez à les amadouer...
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 11-03-2014 à 16:29:41
je viens de tomber la dessus j'ai trouvé ca plutot sympa.
http://beta.theexpressiveweb.com/
---------------
Genghis achat/vente
Marsh Posté le 11-03-2014 à 21:24:36
| genghis77 a écrit : je viens de tomber la dessus j'ai trouvé ca plutot sympa. |
génial 
Marsh Posté le 12-03-2014 à 09:23:26
je regarde en ce moment les différent framework html+CSS
j'ai bloqué pour le moment sur gumby et regarde pour l'heure HTML Kickstart de 99lime.com
arretant mon taff AE j'ai bien envie de me faire un petit site fourre tout
mais j'ai bien kiffé le theexpressiveweb
---------------
Genghis achat/vente
Marsh Posté le 12-03-2014 à 18:54:21
| genghis77 a écrit : je regarde en ce moment les différent framework html+CSS |
Bootstrap c'est cool
Marsh Posté le 13-03-2014 à 00:35:14
Il y en a une tétra chié, et certains sont plus difficiles que d'autres a appréhender.
Bootstrap est bien par exemple mais si je devais faire un site là tout de suite ça me demenderai un délai d'apprentissage, j'ai l'impression, plus important que sur un FM plus léger comme Knacss.
Et en plus Knacss c'est fait par le taulier dalsacreation, y'a de la Doc en fr, et un forum où poster en cas de galère
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 17-04-2014 à 00:47:22
Un article détaillé expliquant les fonctions de timing pour les animations css.
http://www.int-business.com/unders [...] functions/
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 11-08-2014 à 11:06:58
Une ressource utile pour ceux qui veulent développer des applis ou des sites pour mobile, par Google.
https://www.google.com/design/spec/ [...] ction.html
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 06-03-2015 à 19:04:05
c'est le blabla @ webdesign ?
enfin, depuis le temps que je squattais celui des devs web
Ravis de pouvoir blablater avec mes confrères
Marsh Posté le 06-03-2015 à 19:23:51
Sont pas nombreux ![[:bebe wario:1]](https://forum-images.hardware.fr/images/perso/1/bebe wario.gif "[:bebe wario:1]")
Mais tu peux rameuter les gens de blabla@web 
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Marsh Posté le 09-03-2015 à 15:54:21
ou peut être parceque jamais rien ne fonctionne correctement ![[:robert de niro]](https://forum-images.hardware.fr/images/perso/robert de niro.gif "[:robert de niro]")
Sujets relatifs:
- [webdesign]Site Ouaibe Noon3 #in progress
- [Flash] Interface minuscule ?
- Besoin d'avis sur le webdesign d'un pastebin
- Tarifs auto-entrepreneur pour activité webdesign/infographie
- Débuter avec Photoshop en webdesign
- Du hardware pour bosser le webdesign
- Magazines sur le Webdesign
- Besoin d'avis sur site pr webdesign
- Présentation Portfolio - AP-Webdesign
Marsh Posté le 10-01-2012 à 19:46:47
Salut,
De quoi parle-t'on ici ?
Pour faire simple : ergonomie et apparence visuel d'un site, d'une interface d'application quelconque ou d'une partie de celle-ci (boutons, formulaires, menus, navigation...), typo écran, organisations des blocs, animations et comportements, couleurs,... pas tous les aspect derrière le mot design mais une bonne partie.
C'est un peu un blabla@web en fait
Vous pouvez montrer vos expérimentations en cours (pages web ou images) mais si le projet est sérieux (comprendre : un vrai projet de site ou de "thème" que vous comptez mener à terme) faites un topic WIP.
Pour les sites beaux/moche allez sur les topics idoines (cf liens en haut de page).
_________________________________________________
Ceux qui veulent pouvoir mettre des mots sur des impressions
UX - user experience - l'expérience utilisateur
Terme des années 2000 qui tente de qualifier le résultat (bénéfice) et le ressenti de l'utilisateur (expérience) lors d'une manipulation (utilisation provisoire ou récurrente) d'un objet fonctionnel ou d'une interface homme-machine (via une interface utilisateur) de manière heuristique par un ensemble de facteurs.
Contrairement à l'utilisabilité, ce concept n'est pas strictement pragmatique dans le sens ou il sous entend un impact émotionnel cumulé à un bénéfice rationnel, il est entendu que la démarche est bien de créer une expérience agréable. Ainsi les définitions respectives des deux termes permettent de relativement bien appréhender la notion.
source wiki
UI - user interface - l'interface utilisateur ou homme-machine
L'interface homme-machine, interaction humain-machine (IHM), intégration homme-système (IHS) ou interface personne-machine (IPM) définit, les moyens et outils mis en œuvre, afin qu'un humain puisse contrôler et communiquer avec une machine. Les ingénieurs en ce domaine étudient la façon dont les humains interagissent avec les ordinateurs ou entre eux à l'aide d'ordinateurs, ainsi que la façon de concevoir des systèmes qui soient ergonomiques, efficaces, faciles à utiliser ou plus généralement adaptés à leur contexte d'utilisation.
source wiki
L'utilisabilité
L’utilisabilité ou usabilité1 est définie par la norme ISO 9241-11 comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié ».
C'est une notion proche de celle d’ergonomie, qui est cependant plus large.
Les critères de l’utilisabilité sont :
l’efficacité : le produit permet à ses utilisateurs d’atteindre le résultat prévu ;
l’efficience : atteint le résultat avec un effort moindre ou requiert un temps minimal ;
la satisfaction : confort et évaluation subjective de l’interaction pour l’utilisateur.
source wiki
Legibility et Readibility - pas d'équivalence simple en français à ma connaissance
Readibility : facilité à lire et comprendre un texte. Plusieurs facteurs sont utilisés pour la mesurer, comme la vitesse de lecture, la distance, mouvement et fatigue occulaire.
Legibility : c'est la capacité individuel que possède un caractère (lettre/symbole) ou un titre à être identifiable et reconnaissable par sa forme.
Message édité par Skopos le 06-12-2013 à 16:16:22
---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR