► Webdesign — blabla & expérimentation

Recherche :

Sujet(s) à lire :
- °°°° Topic des sites qui claquent ! °°°°
- J'ai besoin de sites MOCHES, oui oui

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : ► Webdesign — blabla & expérimentation

Skopos

Titilleur de nombrils...

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

Citation :

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

Citation :

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é

Citation :

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

Publicité

Skopos

Titilleur de nombrils...

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

Skopos

Titilleur de nombrils...

réservé

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR

Skopos

Titilleur de nombrils...

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

FlorentG

Unité de Masse

Draaaaap

flo850

moi je

[:drap]

Shinuza

This is unexecpected

J'écoute

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

___alt

Drapal

---------------
TRIPS RIGHT BUNCH F SHUTTLE TOM AND JERRY RIGHT YELLOW

SekYo

Drapal

Profil supprimé

[: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 :jap:

Message cité 1 fois

Publicité

BenO

Profil: Chercheur

yeah

---------------
Python Python Python

FlorentG

Unité de Masse

Check les pdfs des présos de wroblewski, y'en a tout plein.

Message cité 1 fois

toum_toum

Vivons masqués

[:gaga drapal]

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

ben547

[:lardoncru:4]

Profil supprimé

FlorentG a écrit :

Check les pdfs des présos de wroblewski, y'en a tout plein.

:jap:

Skopos

Titilleur de nombrils...

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

lunnatick

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/

Skopos

Titilleur de nombrils...

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

genghis77

-_-'

je viens de tomber la dessus j'ai trouvé ca plutot sympa.

http://beta.theexpressiveweb.com/

Message cité 1 fois

---------------
Genghis achat/vente

athenaa

genghis77 a écrit :

je viens de tomber la dessus j'ai trouvé ca plutot sympa.

http://beta.theexpressiveweb.com/

génial

genghis77

-_-'

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

Message cité 1 fois

---------------
Genghis achat/vente

athenaa

genghis77 a écrit :

Bootstrap c'est cool

Skopos

Titilleur de nombrils...

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

Skopos

Titilleur de nombrils...

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

Skopos

Titilleur de nombrils...

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

Proov

Art & Science

c'est le blabla @ webdesign ?

enfin, depuis le temps que je squattais celui des devs web

Ravis de pouvoir blablater avec mes confrères

Skopos

Titilleur de nombrils...

Sont pas nombreux [: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

Proov

Art & Science

c'est bien plus actif chez les devs

ben547

preuve d'une superiorite evidente

Proov

Art & Science

ou peut être parceque jamais rien ne fonctionne correctement [:robert de niro]

Publicité

FORUM HardWare.fr

Graphisme

Web design

► Webdesign — blabla & expérimentation

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
Plus de sujets relatifs à : ► Webdesign — blabla & expérimentation

Page générée en 0.111 secondes