#concept

0 | 25

Pariaurbain @pariaurbain 21/05/2013 19:29

Gilles #Deleuze : « Qu’est-ce que l’acte de création » http://www.youtube.com/watch?v=r72zlcg2q3E
#Philosophie #Concept #Agencement #Cinéma #littérature #Esthétisme #Espace_temps #Vidéo
- #Google
Pariaurbain @pariaurbain
- colporteur @colporteur 22/05/2013 12:02
  
  le texte de l’intervention est disponible un peu partout, dont là
  http://www.cip-idf.org/article.php3?id_article=2045
  
  colporteur @colporteur
Écrire un commentaire
Fil @fil 29/04/2013 17:34

Why Medium Notes Are Different and How to Use Them Well — Ev Williams — Medium
https://medium.com/about/5972c72b18f2
Notes are (...) useful for lots of things: They help improve writing. They add valuable supplementary information. They incorporate new viewpoints. They give meaningful feedback to those who write things. And they let people connect over ideas.
(...) traditional comments (...) do the same thing (in ideal circumstances). Notes are much better for the type of ideas and stories people share on Medium. Here’s why (and how they work):
https://dl.dropbox.com/s/j8kglzvqjdj1osz/medium-notes.png
#Web #commentaires #conception
Petite question d’implémentation : comment déterminer le « paragraphe » quand on modifie le texte ? (On voit dans le code source que les paragraphes ont un « name=AAAA », un code hexa de quatre chiffres.)

Fil @fil

Écrire un commentaire
b_b @b_b 24/04/2013 16:56

2

2

Actes - 7e Forum Européen de l’Accessibilité Numérique Faire de l’e-accessibilité une compétence professionnelle
http://inova.snv.jussieu.fr/evenements/colloques/colloques/article.php?c=78&l=fr&a=428
Ces bonnes pratiques, qui s’appliquent majoritairement au moment de la conception et de l’habillage graphique, garantissent une bonne lisibilité de la page #web et valident les critères Accessiweb précités.
Une présentation de @tetue sur les bonnes pratiques en matière de #typo sur le web. Peut être pratique quand il s’agit de sensibiliser quelqu’un à ce sujet.
#fonts #accessibilite

b_b @b_b
- RastaPopoulos @rastapopoulos CC BY-NC 24/04/2013 17:41
  
  #accessibilité #lisibilité #typographie #conception #web
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
ccoVeille @ccoveille 6/04/2013 12:30

1

1

Yves Vilagines, Les Echos : « Sur le web, les journalistes sont confrontés à l’audience réelle de leur article. »
http://plumeinteractive.canalblog.com/archives/2013/03/12/26628784.html
Yves Vilagines dirige la rubrique Business sur le site web des Echos. Ce serial créateur de magazines a lancé neosapiens.fr, média novateur sur l’environnement et les solidarités. Il a dirigé l’excellent trimestriel Influx consacré aux nouvelles technologies. Il nous livre sa réflexion sur les facteurs de succès d’un article sur le web …
Source : Plume Interactive : écriture web et ergonomie éditoriale par Eve Demange - evedemange
#conception_redaction #Internet #ergonomie_éditoriale #contenu_web #rédaction_référencement
- #Yves Vilagines
- #Google
ccoVeille @ccoveille
Écrire un commentaire
Baroug @baroug 5/04/2013 11:26

Setting Type for User Interfaces | The Typekit Blog
http://blog.typekit.com/2013/03/28/setting-type-for-user-interfaces
As a UI designer, I do my best work within the bounds of a clear hierarchy of constraints. Because typography is the catalyst for my design work, the most important step I take at the beginning of a project is to select a typeface (or a set of them). Once this choice is made, I can develop a system to aid my decision-making process and, in so doing, avoid the terror of a blank canvas.
To narrow down the vast number of typeface options, I start out by defining the scope of the design problem before me in broad terms. This usually requires that I make a decision about the essential purpose of the project I’m working on. Is it a content-driven website that serves up information to be read at leisure? A task-driven web application oriented towards getting stuff done in a timely way? Or is it a site possessing both content-driven and task-oriented elements (like a CMS)?
#typo
- #UI designer
- #Billy Whited
- #software designer
- #Illinois
- #Chicago
Baroug @baroug
- RastaPopoulos @rastapopoulos CC BY-NC 5/04/2013 12:48
  
  #méthodologie #conception
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire
RastaPopoulos @rastapopoulos CC BY-NC 29/03/2013 14:30

1

1

Un petit #schéma qui explique rapidement les relations entre les termes #responsive, #adaptive, etc.
http://viljamis.com/img/blog/2012/adaptive_map.png
Tiré de http://viljamis.com/blog/2012/adaptive-vs-responsive-whats-the-difference.php
#web #conception

RastaPopoulos @rastapopoulos CC BY-NC
- Fil @fil 29/03/2013 15:19
  
  tu trouves ça clair ? moi pas… #mobile
  
  Fil @fil
- RastaPopoulos @rastapopoulos CC BY-NC 29/03/2013 15:30
  
  Ben c’est une #mindmap, il faut donc la lire à partir du centre, chaque branche décrivant son parent. Donc oui, ça m’a mieux montré quel terme englobe tel autre.
  
  RastaPopoulos @rastapopoulos CC BY-NC
- Fil @fil 29/03/2013 15:51
  
  If my post made things look more complicated than they actually are, then this all in short: Responsive design is a subset of adaptive design. Responsive design = fluid layout only, while adaptive design = fluid layout + progressive enhancement.
  
  Fil @fil
Écrire un commentaire
NeoSting @neosting CC BY 20/03/2013 15:03

Braille Book Everything, un concept de loupe pour les non-voyants
http://neosting.net/materiel/concept-braille-book-everything.html
Le concept d’un appareil mobile, capable de lire du texte avec un logiciel de reconnaissance de caractères pour le retranscrire en braille est une très bonne idée. On peut l’assimiler en fait, à une loupe pour non-voyants. D’un coté de l’appareil mobile, on imagine un ... #accessibilite #braille #braille-book-everything #concept

NeoSting @neosting CC BY

Écrire un commentaire
Le Bougnoulosophe @le_bougnoulosophe 19/03/2013 09:39

2

2

De l’Objectivation
« Le #concept est la première arme dans la soumission d’autrui – car il le transforme en objet (alors que le sujet ne se réduit pas au concept) ; délimiter un objet comme « l’Orient » ou « l’Arabe » est déjà un acte de violence. Ce geste est si lourd de signification qu’il neutralise en fait la valeur de prédicat qu’on ajoutera : « l’arabe est paresseux » est un énoncé raciste, mais « l’arabe est travailleur » l’est presque tout autant, l’essentiel est de parler ainsi de « l’Arabe ».... » ( Tzvetan #Todorov , préface à l’édition française de _L’#Orientalisme_ d’Edward #Saïd)

Le Bougnoulosophe @le_bougnoulosophe

Écrire un commentaire
thierrycros @thierrycros CC BY-NC-SA 26/02/2013 09:12

La conception n’est pas rationnelle - Être Agile
http://thierrycros.net/?post/2009/12/14/Une-citation-de-Kent-Beck-:-le-développement-n-est-pas-un-processus-rat
Coder... Cela commence sérieusement : une idée. C’est ce que l’on appelle « la conception ».
Puis, cette conception passe l’épreuve de la réalité : le codage lui-même.

thierrycros @thierrycros CC BY-NC-SA
- thierrycros @thierrycros CC BY-NC-SA 26/02/2013 09:14
  
  #agile #conception
  
  thierrycros @thierrycros CC BY-NC-SA
Écrire un commentaire
hubertguillaud @hubertguillaud CC BY 21/02/2013 15:53

Comment les utilisateurs tiennent-ils réellement leurs mobiles ? - #ux Matters
http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
Très intéressante étude de #conception sur comment les utilisateurs tiennent leurs smartphone et quel impact cela doit avoir sur la conception. Tags : internetactu fing internetactu2net #design conception #mobile (...)
- #mobile devices
- #mobile device
- #Josh Clark
- #mobile phones
- #cellular telephone
hubertguillaud @hubertguillaud CC BY
Écrire un commentaire
Beauté fatale @beautefatale CC BY-NC-ND 6/02/2013 13:33

4

4

Jeune, beau, élancé, avec de petits seins : le "nouveau féminisme" ? - Claude Guillon
►http://claudeguillon.internetdown.org/article.php3?id_article=377
http://claudeguillon.internetdown.org/IMG/png/Femen_Drapeau.png
« Nous avons voulu montrer que les féministes ne sont pas que des vieilles femmes cachées derrière leurs bouquins », déclare Inna Schevchenko, qui pose nue pour Libération (17 septembre 2012).
Le mieux intentionné des observateurs dirait que cette phrase exprime la présomption et la cruauté de la jeunesse. Il faut malheureusement ajouter pour l’occasion : et sa grande sottise ! En effet, et peut-être Inna aurait-elle pu le lire dans un livre, l’image des féministes comme de vieilles femmes coupées du monde (comprenez : et du marché de la chair) est un très vieux cliché antiféministe, qu’il est navrant de voir repris par une militante qui prétend renouveler le féminisme.
Certes, le renouvellement des générations est un phénomène naturel. Quant à l’asile politique, c’est un droit précieux pour lequel je ne cesserai de me battre, et que les gouvernements tentent de rogner (comme l’actuel gouvernement Hollande, restreignant les possibilités de séjour des Syrien(ne)s). Pour autant, il est assez fatiguant de voir de braves - et généralement jeunes - gens vous expliquer qu’avant leur venue sur terre (ou en France) personne ne parlait de ceci ou ne connaissait cela, quand vos archives regorgent de tracts, d’affiches et de brochures consacrés au sujet.
Passons, je ne voudrais pas que ma critique semble exprimer l’amertume qui accompagne souvent l’élévation du taux de cholestérol (non, de ce côté, ça va, merci). C’est hélas bien plus grave. Inna explique : « Je serais incapable de me déshabiller à la plage, mais, quand je manifeste, j’ai l’impression de porter ce que j’appelle mon “uniforme spécial.” » Il n’est pas dans mon intention de moquer la pudeur de cette jeune femme. Il est simplement regrettable qu’elle ignore que le mouvement naturiste, le plus gentillet et apolitique que l’on puisse imaginer, a au moins un acquis indiscutable à son actif : l’égalité entre les corps, vieux ou jeunes, « beaux » ou « laids ». Dans un camping ou sur une plage naturiste, on voit des gens de tous les âges et de toutes les corpulences. Par rapport à cet acquis, tout modeste soit-il, la déclaration citée plus haut, et plus généralement la stratégie marketing des Femen sont une régression, pas une révolution.
Au passage, je relève les connotations très « militaires » du discours d’Inna, repris sans distance aucune par les jeunes militantes. « Ben ouais, c’est une armée ! », répond en souriant une militante à un journaliste qui bute sur le mot. « Nous voulons, déclare Inna dans Libération, former des jeunes femmes à devenir des soldats pour la cause féministe à travers le monde. »❞
(...)
En décembre 2012, les Femen (Inna et une autre) font la une des Inrockuptibles. L’image de marque se peaufine. À l’intérieur du magazine, une photo de groupe : huit jeunes femmes. Toutes très jeunes ; toutes minces ; aucune forte poitrine. Il ne s’agit pas, bien entendu, de reprocher à ces filles d’avoir l’air de descendre d’une publicité Calvin Klein (je serais étonné que cette publication n’ait pas suscité quelques démarches de photographes et d’agences de mannequin), il s’agit de constater, une fois de plus, l’image de marque que les Femen ont choisi d’offrir au public (de vendre au magazine ?).
http://claudeguillon.internetdown.org/IMG/png/Femen_maquillage.png
« Maquillage Delphine Sicard », précise le crédit à gauche de l’image. Que voulez-vous ! On ne photographie pas comme ça son « uniforme spécial » sans un peu d’apprêt ! Nous sommes décidemment dans le marketing politique, oh ! certes, bourré de bons sentiments athéistes et féministes. Malheureusement, l’ancienne étudiante en journalisme Inna Schevchenko ne semble pas avoir entendu parler de la manière dont le médium peut annuler ou au moins altérer le message. « Au moins, me disait une jeune femme, depuis qu’elles se mettent à poil, on les écoute ! » Que nenni. On les regarde tout au plus. Et lorsque les rédacteurs en chef en auront marre de mettre du nibard à la une (Ça lasse coco !), on ne les regardera plus.
Quel peut être l’effet produit par cette photo de groupe sur les femmes moins jeunes, ou jeunes mais moins favorisées par le hasard génétique ? Le même effet que le terrorisme publicitaire et machiste que le féminisme ne cesse de dénoncer. Cette photo est pire qu’une maladresse, c’est un contresens politique.
Regardez la photo ci-dessous. C’est une autre photo publicitaire, pour les produits cosmétiques de la marque Dove, celle-là. Elle a été conçue par des publicitaires pour toucher un public plus large. Ces publicitaires sont peut-être hypocrites, et certainement intéressés. Pourtant cette image est plus subversive des codes dominants de la beauté que celle des Femen. Le « nouveau féminisme » plus niais que des représentants de commerce... Dommage !
#Femen #publicité #féminisme
- #Inna Schevchenko
- #Moscou
- #Claude Guillon
- #France
- #Russie
Beauté fatale @beautefatale CC BY-NC-ND
- Golummoderne @moderne CC BY-NC 6/02/2013 14:11
  
  des bavardages sur cet article ici
  ►http://seenthis.net/messages/112490
  
  #Paris
  
  Golummoderne @moderne CC BY-NC
- oeil de chat @oeil_de_chat 6/02/2013 21:24
  
  Je trouve votre article digne et réconfortant. La fin me redonne le sourire ( encore un peu crispé) Merci
  
  oeil de chat @oeil_de_chat
- oeil de chat @oeil_de_chat 6/02/2013 21:32
  
  J’ajoute que, sous réserve de contre-exemple que je me ferai un devoir et un plaisir de signaler, on ne connaît des Femen aucun texte, pas même un tract. Le maximum d’élaboration syntaxique tient dans un slogan de quatre mots (accessoirement, en anglais deux fois sur trois). J’aimerais me tromper, mais je crains qu’il s’agisse - davantage que d’inculture - d’une stratégie marketing : on sait que le temps de cerveau disponible est limité, donc 1) on attire l’attention (avec les tétons), 2) on imprime le slogan sur la rétine. Tout cela est en effet - désespérément - moderne et marchand...
  
  oeil de chat @oeil_de_chat
- oeil de chat @oeil_de_chat 6/02/2013 21:34
  
  Sorte de chainon manquant vers le maquignonnage peut-être ?
  #Procéssusréac #Conceptvintageàlamodeparisienne #tendance #marketing #récupérationdeclichéannées50
  
  oeil de chat @oeil_de_chat
- Baroug @baroug 6/02/2013 21:52
  
  Cité ici http://seenthis.net/messages/110175
  notons tout de même que :
  Pour comprendre qui sont les Femen et d’où elles viennent, il faut faire un retour en arrière et aller là où tout a commencé, en Ukraine. Nous sommes en 2008, à Kiev, quatre ans après la révolution orange.
  Autour d’Anna Hutsol, la fondatrice du mouvement, une dizaine d’Ukrainiennes, amies de lycée ou étudiantes se retrouvent pour parler de politique, de sexualité, de la condition des femmes. Du jamais vu en Ukraine, pays vierge de luttes féministes. Embryonnaire, le mouvement n’a cependant rien à voir avec ce qu’il est aujourd’hui.
  « On manifestait tout habillées et on envoyait des communiqués de presse qui finissaient à la poubelle », raconte Inna. Défiler les seins nus ? Pas question dans ce pays très religieux (majoritairement orthodoxe) où 70% de la population se dit croyante.
  A partir de l’hiver 2010, le mouvement se radicalise. Les Femen multiplient les manifestations contre la prostitution, contre le tourisme sexuel, contre le sexisme ambiant. Parallèlement, émerge l’idée du topless.
  « L’idée ne s’est pas imposée d’emblée : il y a eu de grands débats à l’intérieur du mouvement. J’étais contre au début, se souvient Inna. Pour moi être nue, ça avait à voir avec la sexualité. J’avais peur de la réaction de la société, de mes proches, etc. Mais j’ai compris qu’en manifestant topless, on introduisait une nouvelle interprétation de la nudité », explique-t-elle.
  Les seins nus, disent les Femen, symbolisent aussi la condition des femmes ukrainiennes : sans ressources, elles n’ont plus que leur corps comme arme. « Une vieille maxime ukrainienne dit : ‘Gola, bossa i ou vinkou’, c’est-à-dire ‘sans vêtements, sans chaussures, mais avec une couronne de fleurs dans les cheveux’. Cela décrit une jeune fille dans la misère, mais joyeuse, active, qui ne se laisse pas abattre. C’est exactement ce qui nous définit. D’ailleurs, la couronne de fleurs, typiquement ukrainienne, est un autre symbole des Femen, au même titre que les seins nus », expliquait Anna Hutsol dans un article de l’hebdomadaire russe Ogoniok en novembre 2010.
  A priori, elles ont commencé par des communiqués.
  
  Baroug @baroug
- oeil de chat @oeil_de_chat 7/02/2013 02:34
  
  Tout ça me parait un tantinet tiré par les cheveux voir oiseux. Il y aura surement un livre bientôt.
  #décorseter
  
  oeil de chat @oeil_de_chat
- Fil @fil 7/02/2013 12:38
  
  attention nouvel URL ►http://claudeguillon.internetdown.org/article.php3?id_article=377
  
  #Inna Schevchenko
  
  #Moscou
  
  #Russie
  
  Fil @fil
Écrire un commentaire
Agnès Maillard @monolecte CC BY-NC-SA 10/01/2013 10:04

2

2

Couleurs du temps - romy.tetue.net
http://romy.tetue.net/couleurs-du-temps
Pendant ce temps là, à l’autre bout de la planète, Kris se tricote une écharpe aux couleurs du temps : elle ajoute un rang par jour, dans la couleur correspondant à la température la plus élevée de la journée. L’écharpe ainsi tricotée constitue un relevé visuel des températures de l’année. Cette « sky scarf » fait partie d’un projet initié par une artiste américaine, Lea Redmond, qui demande aux gens de créer des vêtements qui représentent certains aspects de leur vie. J’aime beaucoup cette approche sensible et conceptuelle. Ce projet m’a permis de me rendre compte de toutes les fois où j’ai oublié de lever les yeux pour apprécier le ciel, dit-elle.
- #Lea Redmond
Agnès Maillard @monolecte CC BY-NC-SA
- tetue @tetue CC BY 10/01/2013 10:19
  
  #meteo #art #skyscarf #ciel #ConceptualArt #knitting #tricot
  
  tetue @tetue CC BY
- odilon @odilon CC BY-NC-ND 10/01/2013 10:23
  
  #couleurs #tricot
  http://www.leafcutterdesigns.com/projects/conceptknit.html#skyscarf
  
  odilon @odilon CC BY-NC-ND
Écrire un commentaire
OWNI [RSS] @owni 30/11/2012 13:18

4

4

Un bouquet de bambous pour sauver des vies | Geoffrey Dorne
►http://owni.fr/2012/11/30/un-bouquet-de-bambous-pour-sauver-des-vies
Un designer d’origine afghane a réinventé une éolienne roulante s’inspirant des jeux de son enfance, un magnifique objet utilisant la force du vent et les caractéristiques du bambou pour faire la chasse aux mines anti-personnelles.
#Chronique #Cultures_numériques #Graphisme #Art #bidouillage #conception #création #design #détournement #DIY_(Do_It_Yourself) #explosion #graphisme #guerre #hacking #Massoud_Hassani #mine #mine_kafon #utile #vendredi-graphism
OWNI [RSS] @owni
- Agnès Maillard @monolecte CC BY-NC-SA 30/11/2012 14:22
  
  C’est juste brillant !
  
  Agnès Maillard @monolecte CC BY-NC-SA
- touti @touti 30/11/2012 15:07
  
  Ah ouais génial cette idée. C’est une sacré saloperie qui mutile ou tue encore beaucoup de gens. A Sarajevo, on peut skier à moins d’ 1/2h de route de la ville, dans un paysage splendide. En 2007, la carte des pistes à la station touristique indiquait en plus des couleurs des pistes les lieux à éviter ou il y avait encore des mines antipersonnels.
  Depuis la fin de la guerre de Bosnie, plus de 1.660 personnes ont été victimes d’accidents provoqués par des mines antipersonnel, dont environ 580 ont été tuées. En 2011, cinq personnes ont perdu la vie et huit ont été blessées.
  Source : http://www.romandie.com/news/archives
  3,5% du territoire de Bosnie-Herzégovine est encore truffé de mines. Installation vidéo des photos de BRETT VAN ORT sur ces paysages interdits http://www.brettvanort.com/minescape-multimedia
  http://vimeo.com/23197510
  
  touti @touti
- odilon @odilon CC BY-NC-ND 30/11/2012 15:24
  
  http://seenthis.net/messages/98510
  
  odilon @odilon CC BY-NC-ND
- Agnès Maillard @monolecte CC BY-NC-SA 30/11/2012 15:43
  
  De l’intérêt de commenter un minimum son post #seeenthis, parce que j’étais totalement passée à côté de celui de @fil
  
  Agnès Maillard @monolecte CC BY-NC-SA
- touti @touti 30/11/2012 15:58
  
  En fait c’est Owni qui suit fil ;)
  
  touti @touti
- Fil @fil 30/11/2012 18:00
  
  je me rappelle pas où j’ai chopé ça ; sur internet pour sûr…
  
  Fil @fil
Écrire un commentaire
argotheme @argotheme 7/11/2012 19:33

#Mali : le #concept d’une #intervention #armée …
… Etudié dans une #réunion des #EtatsMajors : Le #plan d’ #intervention prend forme.
http://www.argotheme.com/organecyberpresse/spip.php?article1510
Selon des sources #sécuritaires régionales des pays de la #CEDEAO, des jeunes venus d’ #Europe, du #Maghreb et d’ #AFRIQUE tentent quotidiennement de rejoindre les islamo-terroristes au Mali, qui occupent le nord du pays. En plein déploiement, regroupement et implantation d’un fief du genre où était l’Afghanistan il y a quelques années, les islamo-terroristes…
- #Mali
- #Europe
- #afrique
argotheme @argotheme
Écrire un commentaire
Crâne sans cause @cranesanscause CC BY-NC-SA 20/08/2012 14:15

1

1

Robert Kurz, Pas la moindre révolution nulle part
http://sd-1.archive-host.com/membres/up/4519779941507678/Robert_Kurz_Pas_la_moindre_revolution_nulle_part_2012.pdf
Dans l’histoire moderne, la déchéance sociale de la jeunesse étudiante a toujours constitué un ferment d’éruptions révolutionnaires. Cependant, pour qu’il en sorte un véritable bouleversement social, il était nécessaire, primo, de produire un #concept théorique qui soit en phase avec l’époque et, secundo, de mettre en place une organisation coiffant toute la société, sans exclure surtout les couches inférieures. On mesure à cet égard l’infinie médiocrité intellectuelle, sociale et organisationnelle de la génération Facebook. Dans aucun des mouvements actuels nous ne trouvons trace d’une idée révolutionnaire tant soit peu nouvelle, la classe moyenne étudiante agit largement repliée sur elle-même et sans lien systématique avec les #classes inférieures, et la rencontre sans engagement par le biais d’#Internet demeure sans effet structurant à l’échelle de la société. Tout cela ne débouche que sur de bonnes paroles creuses et démocratiques. C’est pourquoi, là encore, on ne peut parler nulle part de #révolution dès l’instant où l’on conçoit celle-ci comme changement économique fondamental et non simplement comme remplacement d’un notable par un autre pire encore à la tête de l’administration de crise.
- #Robert Kurz
- #Facebook
Crâne sans cause @cranesanscause CC BY-NC-SA
Écrire un commentaire
0gust1 @0gust1 CC BY-NC 11/04/2012 20:39

The Psychologist’s View of UX Design | UX Magazine
http://uxmag.com/articles/the-psychologists-view-of-ux-design
The story of the elephant reminds me of the different view of design that people of different backgrounds, education, and experience have. A visual designer approaches UX design from one point of view, the interaction designer from another, and the programmer from yet another. It can be helpful to understand and even experience the part of the elephant that others are experiencing.
I’m a psychologist by training and education. So the part of the elephant I experience applies what we know about people and how we apply that to UX design. I take research and knowledge about the brain, the visual system, memory, and motivation and extrapolate UX design principles from that.
This article is a snapshot of the psychologist’s view of the elephant.
Article intéressant, (un peu léger quand même). J’aime bien l’approche (ci dessus).
#psychologie #psychology #perception #design #conception
0gust1 @0gust1 CC BY-NC
Écrire un commentaire
0gust1 @0gust1 CC BY-NC 11/04/2012 20:34

GDS design principles
https://www.gov.uk/designprinciples
Un « work in progress » présentant les principes du design des services numériques du gouvernement anglais.
Prometteur, intelligent et pragmatique. Mais que fait-on en France ?
#design #conception
- #France
0gust1 @0gust1 CC BY-NC
Écrire un commentaire
0gust1 @0gust1 CC BY-NC 11/04/2012 20:27

Design Principles
http://principles.adactio.com
Une compilation de « principes du design », de Tim Berner Lee, au hardware, en passant par l’ « interaction design ».
#design #conception
- #Tim Berner Lee
0gust1 @0gust1 CC BY-NC
- 0gust1 @0gust1 CC BY-NC 11/04/2012 21:55
  
  Par contre, petite déception, ils ne parlent pas de la « psychologie de la forme » (Gestalt). Mais c’est vrai que ce ne sont pas des « principes de conception » à proprement parler.
  ►http://fr.wikipedia.org/wiki/Psychologie_de_la_forme ... voir aussi la version anglaise : http://en.wikipedia.org/wiki/Gestalt_psychology, et éventuellement la version allemande.
  
  #Gestalt
  
  #Max Wertheimer
  
  #Kurt Koffka
  
  #Laura Perls
  
  #Fritz Perls
  
  #Christian von Ehrenfels
  
  #Psychologist
  
  0gust1 @0gust1 CC BY-NC
Écrire un commentaire
Baroug @baroug 11/04/2012 13:43

2

2

from @tetue // Si tu portes à gauche, t’es Windows, si tu portes à droite, t’es Mac | Le Rayon UX
http://t37.net/si-tu-portes-a-gauche-test-windows-si-tu-portes-a-droite-tes-mac.html
Vous avez certainement déjà remarqué que les applications sous Windows / Linux affichent les boutons Valider et Annuler de gauche à droite, et les placent à gauche de la fenêtre, tandis que les applications Mac les affichent de droite à gauche : Annuler puisq Valider. Vous aurez également remarqué que les premières placent les boutons de fermeture / agrandissement / réduction des fenêtres à droite, tandis que les secondes les affichent… à gauche.
Ces deux phénomènes sont évidemment liés, et la manière dont vous affichez vos boutons en dit long sur votre OS de prédilection.
- #eBay
Baroug @baroug
- Fil @fil 11/04/2012 14:50
  
  les commentaires sont majoritairement dans le sens mac (comme moi d’ailleurs)
  
  Fil @fil
- Baroug @baroug 11/04/2012 14:59
  
  Ouais, comme les graphistes quoi.
  
  Baroug @baroug
- notabene @notabene CC BY-NC-SA 11/04/2012 17:18
  
  @baroug tu es vil avec @fil mais c’est rigolo :)
  Sous Gnome c’est euh... variable.
  
  notabene @notabene CC BY-NC-SA
- Agnès Maillard @monolecte CC BY-NC-SA 11/04/2012 17:32
  
  Et les Linuxiens, ils se la coupent ?
  
  Agnès Maillard @monolecte CC BY-NC-SA
- Baroug @baroug 11/04/2012 17:42
  
  cf ci-dessus.
  
  Baroug @baroug
- Agnès Maillard @monolecte CC BY-NC-SA 11/04/2012 18:07
  
  Ah ouais, y a ballotage!
  
  Agnès Maillard @monolecte CC BY-NC-SA
- 0gust1 @0gust1 CC BY-NC 11/04/2012 21:05
  
  C’est marrant, je suis pas sous Mac (Linux / Gnome chez moi, Win au boulot), et pourtant mes actions d’annulation sont en général à gauche.
  C’est aussi une problématique de poids visuel, consistence globale de l’interface et de contexte :
  – contraste entre les déclencheurs d’action. Dans les exemples présentés l’action « annuler » est contrastée sous Mac (via le positionnement), alors sous Windows, les trois actions sont de poids visuel sensiblement égal. De plus, sous Windows, on a « Valider », « Annuler » et « Appliquer », ce qui semble assez... incongru comme ordre (mais il manque trop d’information de contexte sur la fonction de l’écran).
  – Contexte : si on est en présence d’une action ayant des répercussions importantes et « graves » (effacement définitif, modification non annulable d’un système, etc.), le contraste (et/ou une éventuelle préselection du focus) devrait en général être mis sur l’action la plus bénigne.
  Enfin, je me méfie beaucoup des arguments du type « Sens naturel de lecture » tels qu’ils sont présentés dans cet article. Les éléments d’interface comme les boutons présentent en général un contraste visuel assez important par rapport au fond, qui les « sortent » des processus habituels de lecture : ces éléments sont discriminés lors des tout premiers scans visuel de la surface d’interaction et non par les processus habituels de lecture du texte ecrit (qui interviennent après coup, une fois que la vision a déterminé quelle partie de la surface est « lisible » ).
  Bref, pour moi, ça dépend :)
  #ergonomie #design #conception
  
  0gust1 @0gust1 CC BY-NC
Écrire un commentaire

Fil 22/03/2012 09:41

#gensim - topic modelling
http://radimrehurek.com/gensim/about.html

gensim is the most robust, efficient and hassle-free piece of software to realize unsupervised semantic modelling from plain text

il semble qu’avec ce #logiciel_libre on puisse extraire des choses intéressantes de corpus de textes ; j’ai essayé de l’installer mais hélas je suis trop nul en python et fortran pour arriver au bout…

à titre d’exemple voici un rendu graphique (avec D3.js) de “concepts” extraits de wikipédia :
http://similarityapi.appspot.com/graph/?title=cyborg
http://similarityapi.appspot.com/graph/?title=emotion

#texte #traitement #concepts

#USD

Fil

Fil @fil 22/03/2012 11:08

je veux bien de l’aide hein si ça vous dit de jouer

Fil @fil
grommeleur @grommeleur 22/03/2012 17:30

#sémantique #métadonnées
aussi ...
Pourquoi fortran ?

grommeleur @grommeleur
Fil @fil 22/03/2012 21:54

ça utilise une lib ATLAS qui demande un compilo fortran… je sais pas bien où ça bloque j’ai juste eu l’impression de ramer sans fin… je vais m’accrocher car je crois que ça va m’être très utile (ça pourra aussi servir à tous ceux qui gèrent des corpus de texte, comme par exemple euh… #seenthis, @rezo et co)

Fil @fil
grommeleur @grommeleur 23/03/2012 05:47

Après divers déboires, j’ai opté depuis un moment pour gérer tout python sous Mac os avec MacPorts.
J’avais déjà installé scipy et numpy par ce biais, et donc :
$ which python
/opt/local/bin/python
$ python -V
Python 2.7.2
$ sudo /opt/local/bin/easy_install-2.7 -U gensim
semble fonctionner correctement (le premier tutoriel se déroule comme prévu).

grommeleur @grommeleur
Fil @fil 23/03/2012 08:11

cool
sur linux, j’ai fini par m’en sortir avec apt-get install python-scipy
et sur mac je sais pas ce que j’ai fait (! !) mais ça a fini par passer avec ce script
https://raw.github.com/fonnesbeck/ScipySuperpack/master/install_superpack.sh
la première page de tutorial passe sur les deux installations
maintenant il faut que je trouve comment lui faire manger une base de données :)

Fil @fil

Fil 23/03/2012 09:25

j’ai adapté le script d’import de wikipedia http://radimrehurek.com/gensim/wiki.html en script d’import d’une sauvegarde seenthis
https://gist.github.com/2168253/d61cf9988ac81b6a06df69a1305e3d5e92363940

#!/usr/bin/env python
# -*- coding: utf-8 -*-
#
# adapted from ensim-0.8.4-py2.7.egg/gensim/corpora/wikicorpus.py
#
# Copyright (C) 2010 Radim Rehurek <radimrehurek@seznam.cz>
# Licensed under the GNU LGPL v2.1 - http://www.gnu.org/licenses/lgpl.html
 
 
 
 
"""
USAGE: %(program)s WIKI_XML_DUMP OUTPUT_PREFIX [VOCABULARY_SIZE]
 
    Convert articles from a Wikipedia dump to (sparse) vectors. The input is a bz2-compressed \
dump of Wikipedia articles, in XML format.
 
This actually creates three files:
 
* `OUTPUT_PREFIX_wordids.txt`: mapping between words and their integer ids
* `OUTPUT_PREFIX_bow.mm`: bag-of-words (word counts) representation, in Matrix Matrix format
* `OUTPUT_PREFIX_tfidf.mm`: TF-IDF representation
 
The output Matrix Market files can then be compressed (e.g., by bzip2) to save \
disk space; gensim's corpus iterators can work with compressed input, too.
 
`VOCABULARY_SIZE` controls how many of the most frequent words to keep (after
removing tokens that appear in more than 10%% of all documents). Defaults to 50,000.
 
If you have the `pattern` package installed, this script will use a fancy lemmatization
to get a lemma of each token (instead of plain alphabetic tokenizer).
 
Example: ./wikicorpus.py ~/gensim/results/enwiki-latest-pages-articles.xml.bz2 ~/gensim/results/wiki_en
"""
 
 
import logging
import itertools
import sys
import os.path
import re
import bz2
import gzip
 
from gensim import interfaces, matutils, utils
 
# cannot import whole gensim.corpora, because that imports wikicorpus...
from gensim.corpora.dictionary import Dictionary
from gensim.corpora.textcorpus import TextCorpus
from gensim.corpora.mmcorpus import MmCorpus
 
logger = logging.getLogger('gensim.corpora.wikicorpus')
 
 
# Wiki is first scanned for all distinct word types (~7M). The types that appear
# in more than 10% of articles are removed and from the rest, the DEFAULT_DICT_SIZE
# most frequent types are kept (default 100K).
DEFAULT_DICT_SIZE = 50000
 
# Ignore articles shorter than ARTICLE_MIN_CHARS characters (after preprocessing).
ARTICLE_MIN_CHARS = 50
 
# if 'pattern' package is installed, we can use a fancy shallow parsing to get
# token lemmas. otherwise, use simple regexp tokenization
LEMMATIZE = utils.HAS_PATTERN
 
 
RE_P0 = re.compile('<!--.*?-->', re.DOTALL | re.UNICODE) # comments
RE_P1 = re.compile('<ref([> ].*?)(</ref>|/>)', re.DOTALL | re.UNICODE) # footnotes
RE_P2 = re.compile("(\n\[\[[a-z][a-z][\w-]*:[^:\]]+\]\])+$", re.UNICODE) # links to languages
RE_P3 = re.compile("{{([^}{]*)}}", re.DOTALL | re.UNICODE) # template
RE_P4 = re.compile("{{([^}]*)}}", re.DOTALL | re.UNICODE) # template
RE_P5 = re.compile('\[(\w+):\/\/(.*?)(( (.*?))|())\]', re.UNICODE) # remove URL, keep description
RE_P6 = re.compile("\[([^][]*)\|([^][]*)\]", re.DOTALL | re.UNICODE) # simplify links, keep description
RE_P7 = re.compile('\n\[\[[iI]mage(.*?)(\|.*?)*\|(.*?)\]\]', re.UNICODE) # keep description of images
RE_P8 = re.compile('\n\[\[[fF]ile(.*?)(\|.*?)*\|(.*?)\]\]', re.UNICODE) # keep description of files
RE_P9 = re.compile('<nowiki([> ].*?)(</nowiki>|/>)', re.DOTALL | re.UNICODE) # outside links
RE_P10 = re.compile('<math([> ].*?)(</math>|/>)', re.DOTALL | re.UNICODE) # math content
RE_P11 = re.compile('<(.*?)>', re.DOTALL | re.UNICODE) # all other tags
RE_P12 = re.compile('\n(({\|)|(\|-)|(\|}))(.*?)(?=\n)', re.UNICODE) # table formatting
RE_P13 = re.compile('\n(\||\!)(.*?\|)*([^|]*?)', re.UNICODE) # table cell formatting
RE_P14 = re.compile('\[\[Category:[^][]*\]\]', re.UNICODE) # categories
RE_P15 = re.compile('https?\S+\s', re.UNICODE) # URLs
 
def filter_wiki(raw):
    """
    Filter out wiki mark-up from `raw`, leaving only text. `raw` is either unicode
    or utf-8 encoded string.
    """
    # parsing of the wiki markup is not perfect, but sufficient for our purposes
    # contributions to improving this code are welcome :)
    text = utils.decode_htmlentities(utils.to_unicode(raw, 'utf8', errors='ignore'))
    text = utils.decode_htmlentities(text) # '&amp;nbsp;' --> '\xa0'
    return remove_markup(text)
 
 
def remove_markup(text):
    text = re.sub(RE_P2, "", text) # remove the last list (=languages)
    # the wiki markup is recursive (markup inside markup etc)
    # instead of writing a recursive grammar, here we deal with that by removing
    # markup in a loop, starting with inner-most expressions and working outwards,
    # for as long as something changes.
    iters = 0
    while True:
        old, iters = text, iters + 1
        text = re.sub(RE_P0, "", text) # remove comments
        text = re.sub(RE_P1, '', text) # remove footnotes
        text = re.sub(RE_P9, "", text) # remove outside links
        text = re.sub(RE_P10, "", text) # remove math content
        text = re.sub(RE_P11, "", text) # remove all remaining tags
        # remove templates (no recursion)
        text = re.sub(RE_P3, '', text)
        text = re.sub(RE_P4, '', text)
        text = re.sub(RE_P14, '', text) # remove categories
        text = re.sub(RE_P15, '', text) # remove URLs
        text = re.sub(RE_P5, '\\3', text) # remove urls, keep description
        text = re.sub(RE_P7, '\n\\3', text) # simplify images, keep description only
        text = re.sub(RE_P8, '\n\\3', text) # simplify files, keep description only
        text = re.sub(RE_P6, '\\2', text) # simplify links, keep description only
        # remove table markup
        text = text.replace('||', '\n|') # each table cell on a separate line
        text = re.sub(RE_P12, '\n', text) # remove formatting lines
        text = re.sub(RE_P13, '\n\\3', text) # leave only cell content
        # remove empty mark-up
        text = text.replace('[]', '')
        if old == text or iters > 2: # stop if nothing changed between two iterations or after a fixed number of iterations
            break
 
    # the following is needed to make the tokenizer see '[[socialist]]s' as a single word 'socialists'
    # TODO is this really desirable?
    text = text.replace('[', '').replace(']', '') # promote all remaining markup to plain text
    return text
 
 
def tokenize(content):
    """
    Tokenize a piece of text from wikipedia. The input string `content` is assumed
    to be mark-up free (see `filter_wiki()`).
 
    Return list of tokens as utf8 bytestrings. Ignore words shorted than 2 or longer
    that 15 characters (not bytes!).
    """
    # TODO maybe ignore tokens with non-latin characters? (no chinese, arabic, russian etc.)
    return [token.encode('utf8') for token in utils.tokenize(content, lower=True, errors='ignore')
            if 2 <= len(token) <= 15 and not token.startswith('_')]
 
 
 
class WikiCorpus(TextCorpus):
    """
    Treat a wikipedia articles dump (*articles.xml.bz2) as a (read-only) corpus.
 
    The documents are extracted on-the-fly, so that the whole (massive) dump
    can stay compressed on disk.
 
    >>> wiki = WikiCorpus('enwiki-20100622-pages-articles.xml.bz2') # create word->word_id mapping, takes almost 8h
    >>> wiki.saveAsText('wiki_en_vocab200k') # another 8h, creates a file in MatrixMarket format plus file with id->word
 
    """
    def __init__(self, fname, no_below=5, keep_words=DEFAULT_DICT_SIZE, dictionary=None):
        """
        Initialize the corpus. This scans the corpus once, to determine its
        vocabulary (only the first `keep_words` most frequent words that
        appear in at least `noBelow` documents are kept).
        """
        self.fname = fname
        if dictionary is None:
            self.dictionary = Dictionary(self.get_texts())
            self.dictionary.filter_extremes(no_below=no_below, no_above=0.1, keep_n=keep_words)
        else:
            self.dictionary = dictionary
 
 
    def get_texts(self, return_raw=False):
        """
        Iterate over the dump, returning text version of each article.
 
        Only articles of sufficient length are returned (short articles & redirects
        etc are ignored).
 
        Note that this iterates over the **texts**; if you want vectors, just use
        the standard corpus interface instead of this function::
 
        >>> for vec in wiki_corpus:
        >>>     print vec
        """
        articles, articles_all = 0, 0
        intext, positions = False, 0
        if LEMMATIZE:
            lemmatizer = utils.lemmatizer
            yielded = 0
 
        for lineno, line in enumerate(gzip.GzipFile(self.fname)):
            if line.startswith('	<thread'):
                intext = True
                line = line[line.find('>') + 1 : ]
                lines = [line]
            elif intext:
                lines.append(line)
            pos = line.find('</thread>') # can be on the same line as <text>
            if pos >= 0:
                articles_all += 1
                intext = False
                if not lines:
                    continue
                lines[-1] = line[:pos]
                text = filter_wiki(''.join(lines))
                if len(text) > ARTICLE_MIN_CHARS: # article redirects are pruned here
                    articles += 1
                    if return_raw:
                        result = text
                        yield result
                    else:
                        if LEMMATIZE:
                            _ = lemmatizer.feed(text)
                            while lemmatizer.has_results():
                                _, result = lemmatizer.read() # not necessarily the same text as entered above!
                                positions += len(result)
                                yielded += 1
                                yield result
                        else:
                            result = tokenize(text) # text into tokens here
                            positions += len(result)
                            yield result
 
        if LEMMATIZE:
            logger.info("all %i articles read; waiting for lemmatizer to finish the %i remaining jobs" %
                        (articles, articles - yielded))
            while yielded < articles:
                _, result = lemmatizer.read()
                positions += len(result)
                yielded += 1
                yield result
 
        logger.info("finished iterating over Wikipedia corpus of %i documents with %i positions"
                     " (total %i articles before pruning)" %
                     (articles, positions, articles_all))
        self.length = articles # cache corpus length
#endclass WikiCorpus
 
 
 
class VocabTransform(interfaces.TransformationABC):
    """
    Remap feature ids to new values.
 
    Given a mapping between old ids and new ids (some old ids may be missing = these
    features are to be discarded), this will wrap a corpus so that iterating over
    `VocabTransform[corpus]` returns the same vectors but with the new ids.
 
    Old features that have no counterpart in the new ids are discarded. This
    can be used to filter vocabulary of a corpus "online"::
 
    >>> old2new = dict((oldid, newid) for newid, oldid in enumerate(ids_you_want_to_keep))
    >>> vt = VocabTransform(old2new)
    >>> for vec_with_new_ids in vt[corpus_with_old_ids]:
    >>>     ...
 
    """
    def __init__(self, old2new, id2token=None):
        # id2word = dict((newid, oldid2word[oldid]) for oldid, newid in old2new.iteritems())
        self.old2new = old2new
        self.id2token = id2token
 
 
    def __getitem__(self, bow):
        """
        Return representation with the ids transformed.
        """
        # if the input vector is in fact a corpus, return a transformed corpus as a result
        is_corpus, bow = utils.is_corpus(bow)
        if is_corpus:
            return self._apply(bow)
 
        return [(self.old2new[oldid], weight) for oldid, weight in bow if oldid in self.old2new]
#endclass VocabTransform
 
 
 
if __name__ == '__main__':
    logging.basicConfig(format='%(asctime)s : %(levelname)s : %(message)s')
    logging.root.setLevel(level=logging.INFO)
    logger.info("running %s" % ' '.join(sys.argv))
 
    program = os.path.basename(sys.argv[0])
 
    # check and process input arguments
    if len(sys.argv) < 3:
        print globals()['__doc__'] % locals()
        sys.exit(1)
    input, output = sys.argv[1:3]
    if len(sys.argv) > 3:
        keep_words = int(sys.argv[3])
    else:
        keep_words = DEFAULT_DICT_SIZE
 
    # build dictionary. only keep 100k most frequent words (out of total ~8.2m unique tokens)
    # takes about 9h on a macbook pro, for 3.5m articles (june 2011 wiki dump)
    wiki = WikiCorpus(input, keep_words=keep_words)
    # save dictionary and bag-of-words (term-document frequency matrix)
    # another ~9h
    wiki.dictionary.save_as_text(output + '_wordids.txt')
    MmCorpus.serialize(output + '_bow.mm', wiki, progress_cnt=10000)
    del wiki
 
    # initialize corpus reader and word->id mapping
    id2token = Dictionary.load_from_text(output + '_wordids.txt')
    mm = MmCorpus(output + '_bow.mm')
 
    # build tfidf,
    # ~30min
    from gensim.models import TfidfModel
    tfidf = TfidfModel(mm, id2word=id2token, normalize=True)
 
    # save tfidf vectors in matrix market format
    # ~2h; result file is 15GB! bzip2'ed down to 4.5GB
    MmCorpus.serialize(output + '_tfidf.mm', tfidf[mm], progress_cnt=10000)
 
    logger.info("finished running %s" % program)

à utiliser comme suit :
python corpus-seenthis.py ~/Sites/seen.xml.gz seen

Fil

Fil @fil 23/03/2012 09:33

je veux pas m’emballer trop vite pour rien mais, avec sous la main un miroir du projet gutenberg, on pourrait afficher à côté de n’importe quel texte des livres pertinents (selon l’algorithme) à lire sur le sujet … #idée

Fil @fil
Fil @fil 8/05/2012 12:07

J’ai pu lancer l’analyse de trois sources : @rezo ; quelques tweets ; et seenthis. Les « topics » générés ne sont pas vraiment compréhensibles pour le moment, mais je ne désespère pas.

Fil @fil

Écrire un commentaire

Suske @suske CC BY 3/01/2012 15:09

http://rastapopoulos.artizanal.info
Internet, c’est de la merde.
#aspirate_this_site #concept
Voir aussi la page de @rastapopoulos :-p

Suske @suske CC BY
- speciale @speciale 3/01/2012 15:20
  
  #beau #bien_écrit # ;-)
  
  speciale @speciale
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 24/11/2011 10:48

#Noms de personnes à travers le monde
http://www.w3.org/International/questions/qa-personal-names.fr.php?changelang=fr
Comment les noms de personnes diffèrent-ils à travers le monde, et quelles sont les implications de ces différences dans le design de #formulaires, #bases_de_données, #ontologies, etc. pour le #Web ?
#bdd #conception #i18n #l10n
Merci @notabene pour cette belle traduction !
- #Inde
- #Malaisie
- #Indonésie
- #Zaiton Isa
Nicolas Hoizey @nhoizey CC BY-NC-SA
- Stéphane Bortzmeyer @stephane CC BY-SA 24/11/2011 15:05
  
  Et, sur l’original en anglais, http://seenthis.net/messages/34988
  
  #Richard Ishida
  
  Stéphane Bortzmeyer @stephane CC BY-SA
- notabene @notabene CC BY-NC-SA 24/11/2011 22:08
  
  Oh mais de rien mon bon @nhoizey !
  
  notabene @notabene CC BY-NC-SA
Écrire un commentaire
RastaPopoulos @rastapopoulos CC BY-NC 23/03/2011 12:13

2

2

52 Weeks of UX
http://52weeksofux.com
Un an de blog sur la #conception d’#interface.
#UX #expérience-utilisateur #design #web
- #Facebook
- #MySpace
- #social networks
- #USD
- #Douglas Rushkoff
RastaPopoulos @rastapopoulos CC BY-NC
- ARNO* @arno ART LIBRE 23/03/2011 12:20
  
  Merci Rasta, je me le mets dans les bookmarks.
  
  ARNO* @arno ART LIBRE
Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 30/04/2010 10:15

Well, I’m Back: API Design For The Masses
http://weblogs.mozillazine.org/roc/archives/2010/04/api_design_for.html
#API #conception #dev #web

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire
Nicolas Hoizey @nhoizey CC BY-NC-SA 24/02/2010 10:30

Storyboarding for the web : Methodology and Tools
►http://www.slideshare.net/SuperFiction/storyboarding-for-the-web-methodology-and-tools

Storyboarding for the web : Methodology and Tools from Eric DI POL
#storyboard #wireframe #zoning #vocabulaire #conception #prototype #clevermarks

Nicolas Hoizey @nhoizey CC BY-NC-SA

Écrire un commentaire

0 | 25