Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #c
  • #con
  • #concept
RSS: #conception

#conception

  • #conception_redaction
  • 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
    @rastapopoulos
    @ben
    2
    @tetue

    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
    @reka
    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
    @habbon
    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

  • 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

  • OWNI [RSS] @owni 30/11/2012 13:18
    4
    @reka
    @monolecte
    @allergie
    @touti
    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

    • #Massoud Hassani
    • #Geoffrey Dorne
    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
      @fil

      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

  • 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

    • #Psychologist
    • #interaction designer
    • #programmer
    • #visual designer
    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
    @0gust1
    @tetue
    2
    @tetue

    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 @fil

      @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

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 24/11/2011 10:48
    @notabene

    #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
      @nhoizey

      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
    @arno
    @baroug
    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

  • 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

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 27/01/2010 13:26

    Boks - A Visual Grid Editor - TOKI WOKI.
    http://toki-woki.net/p/Boks

    “Boks is an AIR application that provides a User Interface for Blueprint CSS’s framework. It’s been designed for those who think the Grid System is good but never really took the time to give it love.”

    #css #air #design #blueprint #grid #logiciel #mac #windows #linux #grille #conception #web #dev #framework #outil #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 15/10/2009 21:30

    Create
    http://www.webappers.com/2009/10/14/create-collaborate-interactive-ui-mockups-for-your-sites

    “MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups.”

    #mockup #wireframe #prototype #interface #collaboratif #online #web #dev #conception #design #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 30/09/2009 09:44

    Briefs: A Cocoa Touch Framework for Live Wireframes
    http://giveabrief.com

    Briefs is a framework for packaging concept screens

    #wireframe #prototype #iPhone #app #dev #conception #cocoa

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • 0gust1 @0gust1 CC BY-NC 20/10/2008 12:12

    Conception de sites Web
    http://209.85.135.104/search?q=cache:dnTIQExi7mYJ:proton.inrialpes.fr/~rlachaiz/teaching/ecom/files/cours_conception_sites_web.pdf+architecture+interactionnelle&hl=fr&ct=cl

    très bon cours

    #webdesign #conception #ergonomie

    • #Web très bon
    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 14/07/2008 20:53

    Home - Pencil Project
    http://www.evolus.vn/Pencil/Home.html

    The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

    #Firefox #prototype #extension #design #conception #gui #interface #groupe:clever-age

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 30/07/2007 14:46

    [Blog] Des bugs VS.NET trop dangereux à corriger :: DotNetGuru.org :: Architecture .NET (DotNet)
    http://www.dotnetguru.org/modules.php?op=modload&name=News&file=article&sid=961

    Des bugs designés comme légitimes mais cloturés en "Won’t Fix"parce que leur résolution pourraient générer des problèmes de compatibilité avec le code existant. Il est donc préférable de les laisser en l’état. Une vraie leçon de génie logicie

    #bug #génie_logiciel #conception #.NET #Microsoft #groupe:clever-age

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • Nicolas Hoizey @nhoizey CC BY-NC-SA 19/04/2007 12:41

    Contract-First or Code-First Design - Part 4
    http://www.theserverside.net/news/thread.tss?thread_id=45066

    Generated WSDL leads to interface bloat and duplicated and incompatible type definitions ... WSDL generation tools generate not only the WSDL interface, but also supporting XSD data-types for other classes used by the interface

    #contrat #wsdl #conception #dev #web_services

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

Thèmes liés

  • #accessibilite
  • #clevermarks
  • #design
  • #dev
  • #ergonomie
  • #groupe
  • #interface
  • #mobile
  • #prototype
  • #storyboard
  • #typo
  • Position: UI designer
  • #ux
  • #vocabulaire
  • #web
  • #wireframe
  • Person: Yves Vilagines
  • #zoning