Waq globalization annoté

63
pour les différences culturelles DESIGN @CynthiaSavard Il s’agit d’une version simplifiée de la présentation donnée au WAQ le 24 février 2012. Le rapport complet de l’étude est disponible, contactez [email protected] pour connaître les modalités. lundi 27 février 12

description

Globalization, Design web, utilisabilité, ergonomie, WAQ, Cynthia Savard, Yu Centrik

Transcript of Waq globalization annoté

Page 1: Waq globalization  annoté

pour les différences culturellesDESIGN

@CynthiaSavard

Il s’agit d’une version simplifiée de la présentation donnée au WAQ le 24 février 2012. Le rapport complet de l’étude est disponible, contactez [email protected] pour connaître les modalités.

lundi 27 février 12

Page 2: Waq globalization  annoté

Si ma maison brûlaitC!"#$%& S&v&r' S&()%*r

theburninghouse.com

lundi 27 février 12

Page 3: Waq globalization  annoté

Fondé en 2003

Spécialisé en expérience utilisateur

Équipe multi-disciplinaire

2 000 heures d’interview

200 produits testés

Plus de 100 clients satisfaits

www.yucentrik.ca

lundi 27 février 12

Page 4: Waq globalization  annoté

Il est impossible de faire plaisir àFAIT

1

lundi 27 février 12

Page 5: Waq globalization  annoté

FAIT 2

Les sites web sont accessibles par

Par définition, le web est accessible à tout le monde.

lundi 27 février 12

Page 6: Waq globalization  annoté

CHEFLe designer est un

http://www.flickr.com/photos/12937196@N02/4386329152/

lundi 27 février 12

Page 7: Waq globalization  annoté

Imaginez que vous devez organiser un souper pour 10 personnes, mais vous ignorez pour qui. 3 options s’offrent à vous:

1- Vous faites du poulet. Tout le monde va aimer un peu.

2- De la poutine au foie gras. Certaines personnes n’aimeront pas du tout, d’autres vont adorer,

3- Des Tapas. Tout le monde va aimer au moins au plat.

lundi 27 février 12

Page 8: Waq globalization  annoté

$ $ $$$$

http://www.ricardocuisine.com/recettes/entrees-et-amuse-gueules/

La meilleure option est la troisième, mais c’est celle qui est la plus dispendieuse.

Entant que designer, vous êtes amenés à trouver le nombre minimal de «plats» (ou de déclinaisons de site web) pour faire plaisir à tout le monde.

lundi 27 février 12

Page 9: Waq globalization  annoté

www.vacancestourmontroyal.com

Tour Mont-Royal a pris le paris de faire un site très localisé. Faisant plaisir à leur clientèle locale, mais excluant les clients potentiels venant de l’extérieur de ces 4 villes.

lundi 27 février 12

Page 10: Waq globalization  annoté

www.vacancestourmontroyal.com

Tour Mont-Royal a pris le paris de faire un site très localisé. Faisant plaisir à leur clientèle locale, mais excluant les clients potentiels venant de l’extérieur de ces 4 villes.

lundi 27 février 12

Page 11: Waq globalization  annoté

Ce qui compose lesINTERFACES

Selon de modèle de Aaron Marcus. http://www.amanda.com/

lundi 27 février 12

Page 12: Waq globalization  annoté

Le processus de globalisation d’une interface à 3 niveaux de problématique:

La problèmatique culturelle englobe d’une certaine façon l’internationale et la locale.

lundi 27 février 12

Page 13: Waq globalization  annoté

Qu’est-ce que la

Surface

CULTURE?

Seulement 10% de la culture est visible en surface. il s’agit des caractéristiques visibles : «nombres, langue, format de date...»

lundi 27 février 12

Page 14: Waq globalization  annoté

D’IMITERParfois il suffit

http://www.flickr.com/photos/suki1003/5050711157/sizes/o/in/photostream/

Pour retrouver les éléments de surface, il suffit souvent d’imiter.

lundi 27 février 12

Page 15: Waq globalization  annoté

Les outils pour IMITER

lundi 27 février 12

Page 16: Waq globalization  annoté

12/02/24

Le format des UNITÉS

Exemple

lundi 27 février 12

Page 17: Waq globalization  annoté

DD/MM/YYYY

yyyy-mm-dd

JJ. MM. YYYY

DD.MM.YYYY

YY/MM/DD

YYYY/MM/DD

Il faut mettre des espaces après les points en Tchèque!

lundi 27 février 12

Page 18: Waq globalization  annoté

DD/MM/YYYY

yyyy-mm-dd

JJ. MM. YYYY

DD.MM.YYYY

YY/MM/DD

YYYY/MM/DD

Iso 8601 Canada

République tchèqueÉtats-Unis

Allemagne,

CoréePologne, Russie

Chili,

Il faut mettre des espaces après les points en Tchèque!

lundi 27 février 12

Page 19: Waq globalization  annoté

DD/MM/YYYY

yyyy-mm-dd

JJ. MM. YYYY

DD.MM.YYYY

YY/MM/DD

YYYY/MM/DD

Iso 8601 Canada

République tchèqueÉtats-Unis

Allemagne,

CoréePologne, Russie

Chili,

Il faut mettre des espaces après les points en Tchèque!

lundi 27 février 12

Page 20: Waq globalization  annoté

à â å á ä ã

La langue ÉCRITEExemple

lundi 27 février 12

Page 21: Waq globalization  annoté

Suèdehttp://www.paperblog.fr/878654/abc/

Les caractères accentués sont après le Z dans l’alphabet Suédois.

lundi 27 février 12

Page 22: Waq globalization  annoté

Suèdehttp://www.paperblog.fr/878654/abc/

Les caractères accentués sont après le Z dans l’alphabet Suédois.

lundi 27 février 12

Page 23: Waq globalization  annoté

漢字Japon

lundi 27 février 12

Page 24: Waq globalization  annoté

漢字Japon

14 pt.

Kerning plus grand4 alphabets différentsAucun ordre alphabétique.

lundi 27 février 12

Page 25: Waq globalization  annoté

щ(゚Д゚щ)

Corée

Il s’agit d’un «smiley» en coréen!

lundi 27 février 12

Page 26: Waq globalization  annoté

щ(゚Д゚щ)

Corée

sarcasme ... ?!

Il s’agit d’un «smiley» en coréen!

lundi 27 février 12

Page 27: Waq globalization  annoté

Brésilwww.iberia.com

Plus de 7 erreurs faites sur une seule page! Le Brésil a un des taux de pénétration de l’anglais le plus faible au monde. Les sites doivents donc offrir des solutions traduites adéquatement en portuguais.

lundi 27 février 12

Page 28: Waq globalization  annoté

Brésilwww.iberia.com

Plus de 7 erreurs faites sur une seule page! Le Brésil a un des taux de pénétration de l’anglais le plus faible au monde. Les sites doivents donc offrir des solutions traduites adéquatement en portuguais.

lundi 27 février 12

Page 31: Waq globalization  annoté

http://www.flickr.com/photos/oter/4485682479/sizes/l/in/photostream/

щ(゚Д゚щ)Pas de K en italien???

lundi 27 février 12

Page 32: Waq globalization  annoté

La grille GRAPHIQUE

Exemple

lundi 27 février 12

Page 33: Waq globalization  annoté

Langues Arabeslundi 27 février 12

Page 34: Waq globalization  annoté

Corée

Beauty of Space Concept associé au design graphique imprimé, très peu au web.

lundi 27 février 12

Page 35: Waq globalization  annoté

Les éléments de SÉCURITÉ

Exemple

lundi 27 février 12

Page 36: Waq globalization  annoté

ą ć ę ⌅ ś ź ż dź dżPologne

lundi 27 février 12

Page 37: Waq globalization  annoté

Russie

A typical ecommerce website has to have about 20 payment instrumens like Yandex.Money, QIWI, RBC Money, LiqPay, etc.

«»

lundi 27 février 12

Page 38: Waq globalization  annoté

Limites TECHNOLOGIQUES

Exemple

lundi 27 février 12

Page 39: Waq globalization  annoté

Russie

Le navigateur Opera a un excellent taux de pénétration en Russie car il permet à l’utilisateur de choisir le «turbo setting».

lundi 27 février 12

Page 40: Waq globalization  annoté

Qu’est-ce que la

Règles non-écrites

Règles Inconscientes

CULTURE?

90%

Règles non-écrites : Caractéristiques Obscures, il faut observer le contexte avant de comprendre. Étiquette à la table, étiquette de rencontres d’affaires...

Règles inconscientes : Le plus difficile à comprendre : sense du temps, communication non-verbale...

lundi 27 février 12

Page 41: Waq globalization  annoté

http://www.flickr.com/photos/macko/2768897086/

CHERCHERSouvent, il faut

lundi 27 février 12

Page 42: Waq globalization  annoté

C’EST CE QU’ON A FAIT!20 Questions sur les différents élément du designRéponses des professionnels en designQuestionnaire envoyé à 28 pays

The global network for

The global network for

The global network for

lundi 27 février 12

Page 43: Waq globalization  annoté

L’utilisation des ICÔNES

Exemple

lundi 27 février 12

Page 44: Waq globalization  annoté

Chili - Canada

Pagina de inicioPage d’accueil

lundi 27 février 12

Page 45: Waq globalization  annoté

L’utilisation des IMAGES

Exemple

lundi 27 février 12

Page 46: Waq globalization  annoté

République Tchèquelundi 27 février 12

Page 47: Waq globalization  annoté

Coréelundi 27 février 12

Page 48: Waq globalization  annoté

TRADITIONS culturelles

Exemple

lundi 27 février 12

Page 49: Waq globalization  annoté

Présence des ANIMAUX

Exemple

lundi 27 février 12

Page 50: Waq globalization  annoté

Japon Corée

lundi 27 février 12

Page 51: Waq globalization  annoté

Japon Corée

lundi 27 février 12

Page 52: Waq globalization  annoté

L’interprétation du BEAU

Exemple

lundi 27 février 12

Page 53: Waq globalization  annoté

Japon Italie

lundi 27 février 12

Page 54: Waq globalization  annoté

Brésil Chili

lundi 27 février 12

Page 55: Waq globalization  annoté

L’utilisation des COULEURS

Exemple

lundi 27 février 12

Page 56: Waq globalization  annoté

Particularité de PAYS

Exemple

lundi 27 février 12

Page 57: Waq globalization  annoté

!

Parque qu’il y en a... Solution

lundi 27 février 12

Page 58: Waq globalization  annoté

AVERTIR les utilisateurs

1.

lundi 27 février 12

Page 59: Waq globalization  annoté

QUESTIONS Se poser les bonnes2.

Quelle langue ?Quelle culture ?Quel pays ?Quel plateforme technologique ?Quelles informations sont obligatoires ?

lundi 27 février 12

Page 60: Waq globalization  annoté

Gérer les versions3.

Main Déclinaisons

= 5 budgets

lundi 27 février 12

Page 61: Waq globalization  annoté

TESTSIl faut faire des

http://photo-dictionary.com/photofiles/list/4615/6106crash_test_dummy.jpg

4.

lundi 27 février 12

Page 62: Waq globalization  annoté

MERCIQuestionsCommentairesInsultes compliments

lundi 27 février 12

Page 63: Waq globalization  annoté

Chavan, Apala Lahiri, "A design Solution Project on Alternative Interface for MS Windows," Master Thesis, Mew Delhi, India, September 1994.

DelGaldo, Elisa, and Jakkob Nielsen, ed., International User Interfaces, John Wiley and Sons, Inc, New York, 1996, ISBN: 0-471-14965-9, 276 p.

Dreyfuss, Henry, Symbols Sourcebook, Van Nostrand Rhineholt, New York, 1966.

Marcus, Aaron, " Designing for Diversity," Proceeding of the Human Factors and Ergonomics Society, 37th Annual Meeting, Seattle, Washington, 11-15 October 1993, Vol , P 258

Marcus, Aaron, "Metaphor Design in User Interfaces," The Journal of Computer Documentation, ACM/SIGDOG, Vol. 22, No.2, May 1998,pp43-57.

Références:

Tous les membres du UX Alliance.

Josée Laganière, Chrystel Black et Joëlle Stemp pour l’aide et les idées.

WAQ pour le temps alloué :)

Merci:

Plus d’informations:Il s’agit d’une version simplifiée de la présentation donnée au WAQ le 24 février 2012. Le rapport complet de l’étude est disponible, contactez [email protected] pour connaître les modalités.

lundi 27 février 12