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

 
  • #i
  • #in
  • #inte
  • #inter
  • #interface
RSS: #interfaces

#interfaces

  • #interfaces_gestuelles
  • #interfacesdeprogrammation
0 | 25 | 50 | 75
  • @af_sobocinski
    AF_Sobocinski @af_sobocinski CC BY-NC-ND 24/02/2020
    5
    @recriweb
    @mad_meg
    @sebrobeet
    @etraces
    @fredlm
    5

    Réseaux sociaux : flux à lier - #DATAGUEULE 95 - DataGueule
    ►https://peertube.datagueule.tv/videos/watch/b69424ee-33c8-4f7e-a47c-5c33d9c30b71

    Ils sont attirants, attachants … et rapidement indispensables. Les #réseaux_sociaux nous appâtent à coup de likes et nous bercent dans leurs « infinite scroll ». Et rapidement leurs #interfaces nous poussent à la consommation jusqu’à l’overdose. Et ce n’est pas un hasard. Ils ont bâti leurs empires sur notre #addiction à la #dopamine.

    #twitter #facebook #tinder #whatsapp #youtube #captologie #psychologie #smartphone #publicité_ciblée #monétisation_des_liens_sociaux #design #framasoft #mastodon #diaspora #logiciel_libre #culture_libre #société_libre

    AF_Sobocinski @af_sobocinski CC BY-NC-ND
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 27/05/2019
    2
    @reka
    @etraces
    2

    #hypervoix (2/2) : les enjeux de la voix au-delà de la voix
    ▻http://www.internetactu.net/2019/05/27/hypervoix-22-les-enjeux-de-la-voix-au-dela-de-la-voix

    L’enjeu des #assistants_vocaux ne se limite pas à leur seule conception sonore et vocale, comme nous le rappelions dans la première partie de ce dossier. A l’occasion de la journée d’étude Hypervoix qui avait lieu le 15 avril à Paris, retour sur les autres enjeux de conception que posent (...)

    #Articles #Technologies #design #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 20/03/2019

    Gnome : le poids des icônes — aris
    ▻https://aris.papatheodorou.net/gnome-le-poids-des-icones

    https://i.snap.as/SJU7Rbr.jpg

    Gnome, l’environnement graphique pour systèmes GNU/Linux, viens de sortir une nouvelle version (3.32) comportant d’importantes améliorations au niveau des performances comme de l’ergonomie. Au passage, un nouveau set d’icônes fait son apparition…

    Jakub Steiner, salarié de Red Hat et membre de l’équipe de design pour Gnome, avait expliqué en janvier 2019 sur son blog personnel les raisons d’un changement global du design des icônes de l’environnement de bureau, qui n’avait pratiquement pas évolué depuis une quinzaine d’années

    #gnulinux #gnome #opensource #libre #interfaces #webdesign #icônes

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 7/02/2019
    1
    @etraces
    1

    Legal by #design : des icônes pour rendre le droit lisible par les humains et les machines ?
    ►http://www.internetactu.net/2019/02/07/legal-by-design-des-icones-pour-rendre-le-droit-lisible-par-les-humain

    Le constat est ancien. Personne ne lit les Conditions générales d’utilisation (CGU) des services en ligne, ces contrats unilatéraux que nous devons accepter pour les utiliser. Mais si personne ne les lit, pourquoi continuent-ils à être la colonne vertébrale légale d’internet ?, s’interroge un éditorial du New York Times. Il faut (...)

    #Articles #Recherches #algorithmes #complexité #Confiance_et_sécurité #économie_de_l'attention #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @hackernoon
    Hacker Noon @hackernoon CC BY-SA 1/02/2019

    Finally ! The Real Simple Guide To Understanding #interfaces
    ▻https://hackernoon.com/finally-the-real-simple-guide-to-understanding-interfaces-8224c78bf01f?s

    https://cdn-images-1.medium.com/max/730/1*6Q-uQ9iC3npc7VJnedRYYA.jpeg

    Understanding Interfaces can be challenging for many beginning programmers. Here’s a super simple guide to understanding them.The classic explanation is that “an Interface is a contract”. This is what the people interviewing you for a job expect to hear. But what does “an interface = a contract” mean?Well, first off, we know that Interfaces contain a special format of code that does not perform any tasks itself, that is, an Interface may have method signatures (the beginning part of a method), but all the code functionality is missing! The actual method code is contained in the class which only implements (the Interface version of inheritance) the interface.// The Interface// Notice that the interface only has a method signature. The method has no body.public interface IExampleInterface (...)

    #c #software-development #programming #software

    Hacker Noon @hackernoon CC BY-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 31/01/2019
    2
    @recriweb
    @etraces
    2

    Des effets des outils sur nos pratiques : pourquoi les médecins détestent-ils leurs ordinateurs ?
    ►http://www.internetactu.net/2019/01/31/des-effets-des-outils-dans-nos-pratiques-pourquoi-les-medecins-deteste

    Le chirurgien et journaliste Atul Gawande (@atul_gawande), célèbre pour son Checklist Manifesto (« Le manifeste de la liste de contrôle », un bestseller qui a permis aux chirurgiens de réduire les erreurs en salle d’opération par la pratique de la liste de contrôle pré-opératoire, cf. « Concrètement, comment rendre les algorithmes responsables et (...)

    #Articles #Usages #complexité #Coopération #design #innovation #Interfaces #RD #Santé #travail

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 30/01/2019
    2
    @recriweb
    @yohooo
    2

    Akira : mobilisation générale — aris
    ►https://aris.papatheodorou.net/akira-mobilisation-generale

    https://i.snap.as/qHGK6f6.jpg

    Akira est un projet d’application de design graphique native pour GNU/Linux en cours de développement. L’objectif principal est de proposer une solution viable et de qualité professionnelle aux designers d’interfaces qui veulent utiliser GNU/Linux comme OS principal, et s’émanciper d’outils propriétaires comme Sketch, Figma ou Adobe XD. Pour avancer ce projet ambitieux lance une campagne tout aussi ambitieuse de financement participatif.

    #logiciel_libre #open_source #graphisme #interfaces

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 19/11/2018

    Technophorie : pourquoi les applications pour réfugiés ne répondent pas à leurs besoins ?
    ▻http://www.internetactu.net/2018/11/19/technophorie-pourquoi-les-applications-pour-refugies-ne-repondent-pas-

    Depuis le début de la crise migratoire en 2015, de nombreuses applications pour les réfugiés ont vu le jour. Mais très peu sont réellement utilisées – car beaucoup relèvent d’une forme de solutionnisme ou d’idées erronées sur les besoins de migrants. C’est ce qu’explique la sociologue Dana Diminescu (@diminescu), enseignante-chercheuse (...)

    #Articles #Interviews #Usages #design #e-inclusion #eDémocratie #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 26/09/2018
    1
    @etraces
    1

    Demain, tous nos gadgets répondront-ils à la #voix ?
    ▻http://www.internetactu.net/a-lire-ailleurs/demain-tous-nos-gadgets-repondront-ils-a-la-voix

    Amazon vient d’annoncer étendre sa gamme de produits d’assistants vocaux… rapporte 01net comme LeMonde.fr, parmi lesquels on trouve notamment un appareil pour la voiture ou une prise électrique qui se commande à la voix ou via l’application Alexa. Amazon a également dévoilé une série d’amélioration à son interface vocale lui (...)

    #A_lire_ailleurs #Usages #attentionbydesign #économie_de_l'attention #Interfaces

    • #Amazon
    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @hackernoon
    Hacker Noon @hackernoon CC BY-SA 20/07/2018

    The Interface Becomes Everything
    ▻https://hackernoon.com/the-interface-becomes-everything-19e9c27d525c?source=rss----3a8144eabfe3

    https://cdn-images-1.medium.com/max/1024/1*ibXD7zdW-YKoXi0zxs9EnA.png

    How the Smartphone Camera will change the Consumer Decision JourneyThe Smartphone’s firm grip on attention is weakening. We’re entering a new computing era where, with the advancements in lens technology, computer vision, spatial computing and Gen-z’s proclivity towards creation vs. consumption, the camera is taking over the home screen, and our surroundings are becoming the new interface. Not only will lead to new technology form factors like AR headsets, but it will also introduce new consumer behaviors. For brand marketers and experience designers, this will fundamentally transform the consumer decision journey and design.How did we get here?While Millennials grew up on Facebook and communicated via text, Generation Z (born early 90’s to mid-2000’s — Visioncritical.org) grew up with (...)

    #interfaces #ai #machine-learning #augmented-reality #cameras

    Hacker Noon @hackernoon CC BY-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 13/04/2018

    L’intelligence artificielle embarquée, une solution pour des #Interfaces vocales respectueuses de la #vie_privée ?
    ▻http://www.internetactu.net/a-lire-ailleurs/lintelligence-artificielle-embarquee-une-solution-pour-des-interfaces-

    Dans une tribune pour Les Echos, Rand Hindi (@randhindi), PDG de Snips (@snips), estime que les services numériques doivent prendre la protection des données personnelles au sérieux, défendant la privacy by design, la protection de la vie privée par la conception. Reste qu’à l’heure de l’interconnexion des systèmes via l’informatique (...)

    #A_lire_ailleurs #Enjeux #big_data #IA #surveillance

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 12/04/2018

    Comment la SF inspire les scientifiques
    ▻http://www.internetactu.net/a-lire-ailleurs/comment-la-sf-inspire-les-scientifiques

    On dit souvent que les chercheurs trouvent une bonne part de leur inspiration dans la #Science-fiction. Mais jusqu’où est-ce vrai ? Si l’on en croit une récente étude publiée sur Arxiv et relayée par la Technology Review, c’est non seulement exact, mais le phénomène tend à s’amplifier. Pour établir ce fait, (...)

    #A_lire_ailleurs #Recherches #design #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 22/03/2018
    1
    @etraces
    1

    Vers des interactions empathiques : pour qui ?
    ▻http://www.internetactu.net/2018/03/22/vers-des-interactions-empathiques-pour-qui

    Comme le souligne très bien Tom Simonite pour Wired, les centres d’appel ont toujours été à la pointe des bouleversements technologiques et leurs employés ont souvent testés, bien avant les autres, toutes sortes d’innovations, le plus souvent de surveillance afin d’optimiser sans cesse leur productivité. La dernière innovation qui s’apprête (...)

    #Articles #Enjeux #Services #cognition #confiance #économie_comportementale #économie_de_l'attention #informatique_émotionnelle #Interfaces #psychologie

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 6/03/2018
    1
    @enuncombatdouteux
    1

    Du progrès technique pour le progrès technique
    ▻http://www.internetactu.net/2018/03/06/du-progres-technique-pour-le-progres-technique

    J’avais l’impression – un peu paresseuse et facile, je le reconnais volontiers – que la critique technologique s’était un peu éteinte avec l’essor d’internet au tournant des années 2000, jusqu’à ce que le designer Yoan Ollivier me conseille de lire l’essai du sociologue et anthropologue des techniques Alain Gras, Fragilité (...)

    #Articles #Débats #innovation #Interfaces #RD #technologie

    InternetActu [RSS] @iactu
    • @enuncombatdouteux
      enuncombatdouteux @enuncombatdouteux CC BY-NC-ND 6/03/2018

      https://dailygeekshow.com/wp-content/uploads/2016/09/jouet-a-roues-precolombien.jpg

      enuncombatdouteux @enuncombatdouteux CC BY-NC-ND
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 28/02/2018
    1
    @etraces
    1

    La tyrannie de la commodité
    ▻http://www.internetactu.net/a-lire-ailleurs/la-tyrannie-de-la-commodite

    « La commodité est la force la plus sous-estimée et la moins comprise dans le monde aujourd’hui ». Certes, elle est ennuyante, mais elle est un puissant moteur des décisions humaines, bien plus que le désir ou que la récompense, estime le juriste américain Tim Wu (@superwuster), dans une remarquable tribune pour (...)

    #A_lire_ailleurs #Débats #économie_de_l'attention #Interfaces #psychologie

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 23/01/2018

    Comment concevoir une expérience utilisateur qui ne soit pas addictive ?
    ▻http://www.internetactu.net/a-lire-ailleurs/comment-concevoir-une-experience-utilisateur-qui-ne-soit-pas-addictive

    Le #design de l’expérience utilisateur (UX pour User experience) en développant l’engagement des utilisateurs a transformé les entreprises technologiques, rappelle Bruce Nussbaum (@brucenussbaum), l’auteur de Creative intelligence, professeur d’innovation et de design à Parsons, pour FastCoDesign. Les designers sont désormais au coeur des modèles d’affaires… tant et si bien que (...)

    #A_lire_ailleurs #Usages #économie_de_l'attention #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 15/01/2018
    2
    @etraces
    2

    De l’automatisation des inégalités
    ►http://www.internetactu.net/2018/01/15/de-lautomatisation-des-inegalites

    Dans une récente tribune pour le New York Times, l’avocate Elisabeth Mason (@elismason1), directrice du Laboratoire pauvreté et technologie qui dépend duCentre sur la pauvreté et l’inégalité de Stanford (@CenterPovlneq) soulignait que le #big_data et l’intelligence artificielle étaient amenés à être des outils puissants pour lutter contre la pauvreté. Les (...)

    #Articles #Débats #algorithmes #eAdministration #eDémocratie #Interfaces #pauvreté #politiques_publiques #surveillance

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @hlc
    Articles repérés par Hervé Le Crosnier @hlc CC BY 26/08/2017

    Interstices - 50 ans d’interaction Homme-machine : retours vers le futur
    ▻https://interstices.info/jcms/c_23015/50-ans-d-interaction-homme-machine-retours-vers-le-futur

    https://interstices.info/upload/docs/image/jpeg/2016-07/ihm115.jpg

    Depuis qu’existent les ordinateurs, la question de l’interface avec les utilisateurs s’est posée. En cinquante ans, l’interaction Homme-machine (IHM) a permis de rendre l’informatique accessible au plus grand nombre, d’une façon que personne n’avait anticipée. Mais ne sommes-nous pas devenus prisonniers d’interfaces qui ont peu évolué depuis plusieurs décennies ?

    Un survol passionnant des modes d’interaction avec les ordinateurs.

    #Histoire_informatique #IHM #Interfaces

    Articles repérés par Hervé Le Crosnier @hlc CC BY
    Écrire un commentaire
  • @sandburg
    Sandburg @sandburg CC BY-SA 21/06/2017
    1
    @kent1
    1
    @tetue @fil @b_b

    @tetue @fil @b_b Vous avez des contenus incendiaires sous le coude critique du Flat Design ?
    Va falloir que j’en écrive un, tout le monde est en train de s’y mettre avec pertes et fracas, et ça m’énerve.

    #ui #web #interfaces

    Sandburg @sandburg CC BY-SA
    • @tetue
      tetue @tetue CC BY 21/06/2017

      Oh, c’est old ça ! Oui il y avait eu de bonnes critiques argumentées du flat design qui, lorsqu’il est trop minimaliste, dégrade l’expérience utilisateur par manque d’affordance (quand un bouton ne ressemble plus à bouton comment deviner que c’est un bouton ?)

      tetue @tetue CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 22/06/2017

      mais il y a du faux flat, sobre mais avec des effets discrets de relief et ombre, qui font que ça matérialise bien les choses (dont le material design de google d’ailleurs)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @sandburg
      Sandburg @sandburg CC BY-SA 23/06/2017

      En fait ce n’est peut être pas le flat design ce que j’ai en tête. Alors je vous ai mis des exemples.
      C’est peut être un framework qui génère ces horreurs.
      Des design avec plein de place perdue, des grands vides qui rappellent la solitude engendrées par ces grands hall à la préfecture, la CAF ou le pole emploi. Cette impression de perte de repères kafkaïenne.
      Comment ça s’appelle ?
      Je ne vous raconte pas les chargements pendant lesquels les objets sautent, se téléportent ici et là sur l’écran, sont inaccessibles…

      https://s4.postimg.org/7maoixpsb/flatedf.png https://s4.postimg.org/pqdp3kngr/flatposte.png https://s4.postimg.org/gssz67v0r/flattranspole.png

      C’est souvent à l’image d’un service qui se dégrade, régresse : L’info était là, accessible, pratique mais peut être méconnue sur la précédente version, et disparaît une fois la refonte urbanistique en place.

      Sandburg @sandburg CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/06/2017

      Je ne vois pas trop où est la place perdue. Le fait que le graphisme soit sobre, surtout pour des sites de « services » où on doit chercher des informations importantes et/ou on doit avoir des interactions (banque, webmail, etc) c’est plutôt une très bonne chose.

      Le fait qu’il y ait des bugs ou que des informations utiles aient disparues est un tout autre problème (mais qui peut être juste corrélé car apparu en même temps que la refonte à zéro d’un site/service).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @baroug
      baroug @baroug 23/06/2017

      +1 le vide c’est à dire l’espace, c’est bien.

      baroug @baroug
    • @tetue
      tetue @tetue CC BY 23/06/2017

      Oui, c’est bien flat ce que tu nous montres. Mais pas si catastrophique. Que ça respire est une bonne chose.

      Le dernier écran (Transpole) cause très certainement des difficultés avec ses pictos non légendés — au risque de la recherche passe inaperçue ou soit inutilisable pour certains users ; erreur classique en (mauvais) flat design —, plusieurs boutons trop semblables et des trucs qui semblent être des liens de téléchargement… pas très explicite, tout ça. Pour les deux autres, il faudrait des tests pour révéler les frictions d’usage.

      tetue @tetue CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/06/2017
      @tetue

      @tetue Si ce sont des bien liens vers de plans en PDF (comme très souvent dans les sites de transport), et bien oui, ce sont des liens de téléchargement, du coup c’est à peu près affordant comme il faut. :)
      (Je ne compte pas l’accessibilité de dire le format, le poids du fichier, etc hein)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @tetue
      tetue @tetue CC BY 23/06/2017
      @rastapopoulos

      @rastapopoulos : ça ressemble aussi très fort à des champs de formulaire très flat-minimalistes… Au premier regard et sans la manipulation pour confirmer, la surface d’interaction (ici peut-être du lien se manifestant par changement visuel au survol) est très peu explicite, réclamant un effort cognitif évitable. D’une façon générale, cette interface pêche par manque de guidage. Ou, vulgairement dit : spa intuitif ;)

      tetue @tetue CC BY
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/06/2017
      @rastapopoulos @tetue @marcimat

      @rastapopoulos
      J’ai l’impression qu’on applique à présent sur l’écran les même approches que pour le print (l’aération, la sobriété). Mais ne serait-ce pas une erreur ?
      Un écran fait en valeur minimale optimiste 1600×900 (données Steam). Avoir à scroller pour obtenir une info simple est à mes yeux une erreur de design. Donc perdre des pixels verticalement, c’est se tirer une balle dans le pied (à relativiser avec l’objectif à atteindre).
      Bien sûr, il y a l’adaptative design (j’y reviendrai) qui distingue quand c’est bien fait, 3 à 4 formats. Justement pour garder en tête les possibilités (résolution, mais aussi densité de points, mode de pointage…), les utiliser pleinement, sans détruire l’ergonomie sur une bête erreur d’aération de page.

      On ne doit pas avoir à chercher des informations de premier niveau sur un site de service . Dans une boulangerie, on ne chercher pas où est planqué le pain en entrant. Donc dans une banque on ne doit pas avoir à chercher pour connaître un solde de compte et enchaîner avec un virement. Sur un site d’électricité, on ne doit pas galérer pour faire un relevé de compteur. Sur un site de transport, on ne doit pas en chier pour trouver l’horaire à un arrêt et se questionner devant le résultat s’il est dans la bonne direction donc devoir retourner au plan (en lecteur pdf intégré à flash si possible pour bien augmenter l’énervement) puis devoir refaire sa cherche (d’où Kafka, vous n’avez pas le papier rose Z452).

      Je sais que EDF voudrait ne plus être un simple truc d’électricité et devenir un facilitateur d’initiatives en se donnant des grands airs. Un animateur d’espace, un modeleur de vide. Mais ça restera un électricien, et tant mieux, il en faut.
      Je sais que les banques se donnent des couleurs d’assurance, de mutuelle, de location de voiture, de cireurs de chaussures. Mais ce n’est pas à leur site internet donc à leurs clients d’en souffrir.

      @tetue
      Je suis d’accord que dans les critiques que j’ai émises, il y a à distinguer ce qui est de l’erreur de conception, de réaction cognitive non prise en compte, de suppression de fonctions lors d’une refonte ou de finition ET ce qui est inhérent au flat design épuré et aéré.
      Un site pas totalement abouti, OK c’est possible. Mais c’est quand même dommage qu’une version précédente ai été mieux que la nouvelle. Changer pour le fun, c’est un peu con.
      Les effets inhérent au Flat design, c’est là où se concentre ma critique. Je crois que c’est un outil à double tranchant à ne pas mettre entre toutes les mains. Certaines répercutions sont simples à voir :

      J’ai parlé de là distinction entre supports d’affichage et inputs (souris, tactile…)
      – sur smartphone, les écrans sont super détaillés (>150 dpi voire 200), ça peut afficher beaucoup (HD), mais super petit. Souvent pour cliquer, il faut zoomer, car les boutons sont petits (ou les doigts sont gros), seul le texte et la zone sou le widget sont tactiles, donc on perd le contexte à chaque manipulation. Si en plus, le contexte a été éparpillé sous couvert de flat design, c’est pire.
      J’ai remis le site de LaBanquePostale où c’est flagrant, entre autre sur smartphone.
      (ex : pour voir un solde et effectuer un virement depuis ce compte, il faut Zoomer, lire, Dézoomer, Scroller, Zoomer, Cliquer… Zoomer, remplir une zone texte, Dézoomer, Scroller… c’est pas fini…_vous imaginez, et c’est réel). Sur leur ancienne version, c’était 4 manips puis le formulaire et sa validation.
      Après c’est vrai que j’utilise FirefoxOS (et ses forks plus à jour), son navigateur Gaia est à mes yeux génial. Super compatibilité, rapide, mieux que sur Android je trouve.
      Le choix de Firefox en lançant ce produit c’était le TOUT WEB, en imaginant que tout serait responsive design et que les applications MacOS et Android seraient amenées à disparaître. J’étais de tout cœur avec eux.
      Je veux bien que le monde n’aille pas dans la direction que j’estimerai bonne pour lui, moi, petit dictateur technocrate. Mais j’estime l’approche application mauvaise car c’est à l’utilisateur de s’adapter au contenu désiré et non au contenu de s’adapter à la plateforme de lecture.

      – sur PC, les écrans doivent aller du vieux machin (1024×768) à un écran 260ppp 4K (4096×2160). Pas question de tout mettre dans une seule catégorie « écran de PC ». C’est sûrement déjà fait, mais alors pourquoi dois-je forcer la page pour smartphone sur mon netbook qui est plus adapté à cet affichage que le site original ?
      La catégorie d’affiche type PC ça n’existe pas, il faut plus de finesse.

      Le flat design me semble être une approche avec énormément de contraintes, si on n’y fait pas attention, le résultat est par défaut catastrophique, tandis que pour un résultat idéal, il faut avoir été super méticuleux, proactif, empathe… Alors qu’avec d’autres approche moins contraignantes par leur forme, un meilleur résultat est atteint plus tôt. (mais ce résultat sera plus difficile à faire évoluer vers une meilleure esthétique sans casser).

      Je ne sais pas si c’est du Hype Driven Development (voir ►https://seenthis.net/messages/546498 @marcimat) cette marée de flat design partout sur les sites institutionnels ; de quel esprit tordu, non ingénieur sort cette idée de renouveau, mais la contrainte esthétique mise entre de mauvaises mains donne un résultat passable (et même EDF, La Poste, une société de transport n’ont visiblement pas fait un sans faute).

      Le flat design me fait penser à ça :

      https://s18.postimg.org/kwdasah0p/assiette.jpg
      (trouvé sur Pinterest)
      Oublier le fonctionnel pour l’ethétique.

      WEB

      https://s9.postimg.org/als02s6kf/flatposte_comment.png

      SMART (Gaia)
      https://s3.postimg.org/anhkj8or7/flatpostesmart.png

      Sandburg @sandburg CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/06/2017

      Et au fait, je ne m’arrêterai pas causer, même si ma pensée est à contre courant de ce qui se fait. Apparemment, j’ai un profil développeur IHM, alors j’aiguise mes armes dans ce sous domaine. Je publie mes avis pour avoir ceux des autres (démarche artisan).

      Sandburg @sandburg CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 24/06/2017

      Je réitère un peu : moi j’ai l’impression que tu mélanges des choses et les diagnostiques.

      Là le dernier exemple que tu montres, le site n’est PAS intégré de manière responsive. Il ne s’adapte pas à la largeur en modifiant les menus, etc. Et cela n’a strictement aucun rapport avec le flat design, qui est une tendance graphique (mais qui a aussi des implications ergonomiques).

      Les problèmes du flat design se concentrent dans le fait de perdre la matérialité de certains éléments d’interaction, et donc de ne plus reconnaître au premier coup d’œil ce qui est un input de texte car il n’est pas entouré comme il faut, ou un bouton car on ne voit pas le relief, etc. Ça se sont des problèmes connus du flat design.

      Le fait d’utiliser des pictos sans label humain, n’a pas de rapport avec le flat design.
      Le fait de ne pas avoir rendu le site réellement responsive, n’a pas de rapport avec le flat design (et ça comprend les histoires de « qu’est-ce qu’on veut absolument voir au-dessus de la ligne de flottaison »).
      Etc.

      Pour ce qui est de la largeur des écrans, cela dépend des interfaces, si c’est un site, de la lecture, une appli web, des services. L’œil humain n’est pas fait pour suivre des lignes hyper longues, donc dans de nombreux cas il faut limiter la largeur du contenu, et ne pas prendre tout l’écran même s’il est grand. Une autre méthode, grace aux outils responsive, c’est de grossir la taille du texte et des contenus, et donc de prendre plus de place, donc avoir moins de vide (l’œil humain n’est pas fait pour lire tout petit non plus). Mais c’est moins souvent utilisé, et donc quand un site bloque le contenu à 1100px de large sur un écran de plus de 2000, bah oui ça fait du vide autour (mais c’est toujours mieux que d’avoir un truc fluide qui resterait écrit tout petit avec des lignes hyper longues).
      Mais bref, ce point là encore n’a pas de rapport avec le flat design.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/06/2017

      Ok , oui. J’ai fait mes mélanges, même si en fait, je suis déjà conscient de ces distinctions (symboliques moins codifiées car épurées…).
      Je n’ai fait aucune remarque sur les blancs horizontaux, je n’ai critiqué que les blancs verticaux.
      J’ai parfois l’impression qui les objectifs divergent entre
      – ce que les commanditaires du site voudraient voir au dessus de la « ligne de flottaison » (publicité, autres services vendus…)
      – ce que les utilisateurs voudraient obtenir en un clic (donc pourquoi pas placer le plus près possible de la dernière information lue ou du dernier bouton utilisé [c’est la loi de Fitts, c’est ça ?])

      Donc j’arrête mes attaques contre le flat design et je reconcentre mes attaques contre tous ces sites institutionnels qui ont perdu en fonctionnalité, en utilisabilité lors de leur refonte (apparemment sur un coup de tête) en 2016 ou 2017.

      Mes remarques sur le site de labanquepostale côté smartphone sont :
      – à prendre avec des pincettes car leur site n’est pas responsive
      – valables également en navigation PC

      Sandburg @sandburg CC BY-SA
    • @tetue
      tetue @tetue CC BY 24/06/2017

      Juste un petit rappel sur le « vide » : aérer la composition facilite la compréhension et il est recommandé de laisser 25 à 50 % d’espace « blanc » sur chaque page. Point illustré dans cette prez (slides 26, 28 et 29) : ►http://romy.tetue.net/ameliorer-lisibilite-typographique

      Le flat design n’est qu’une tendance graphique, qui signifie qu’il n’y a pas d’effet de relief. Ce n’est pas mal en soi ni « par défaut catastrophique ». Lorsque c’est nécessaire, l’absence d’effet de relief est compensée, entre autre, par l’espacement des éléments, pour permettre de les mieux appréhender, ce qui n’est pas mal non plus.

      Après, c’est comme tout, y’a du flat design réussi et du flat design raté. Les défauts que tu pointes sont multiples, mais sans lien de cause à effet direct avec le choix graphique, flat, de ces interfaces.

      tetue @tetue CC BY
    Écrire un commentaire
  • @monolecte
    M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 16/05/2017

    #Design graphique & pratiques numériques - Passages en #revue
    ▻http://strabic.fr/Design-graphique-pratiques-numeriques

    http://strabic.fr/IMG/arton771.png?1494916440

    On ne peut que saluer la naissance en France d’une revue portant sur les relations entre design graphique et pratiques numériques, tant les acteurs des communautés associées peinent à trouver des lieux d’échange au sein du paysage éditorial francophone. Dans les pages de Strabic, on peut d’ailleurs déceler les prémisses de certaines contributions de ce premier numéro de Back Office : Anthony Masure critiquant les #logiciels Adobe (2011) ou encore Nolwenn Maudet exhumant les travaux de la designer Muriel Cooper (2015). La revue Back Office arrive à point nommé pour célébrer l’invisible mais non moins omniprésente culture technique qui caractérise certaines pratiques du #graphisme et de la #typographie. Il est question des crayons et stylets du graphiste Étienne Robial, d’une critique culturelle des logiciels de PAO (Manon Bruet, Lev Manovich), du contexte technologique pesant sur l’économie typographique (Nicolas Taffin, Frank Adebiaye). Enfin une belle place est donnée à la généalogie des #interfaces graphiques (Eric Schrijver, Nolwenn Maudet). Bien que de factures et de styles inégaux, les articles sont néanmoins courts et efficaces : la revue s’ouvre ainsi à une audience plus large que celles des habituels périodiques “geek” et des journaux de bibliophiles amoureux de reliures et d’empattements.

    M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 11/05/2017
    1
    @etraces
    1

    Comment protéger nos cerveaux du piratage ?
    ▻http://www.internetactu.net/a-lire-ailleurs/comment-proteger-nos-cerveaux-du-piratage

    Pour le New Scientist, le futurologue Jamais Cascio (@cascio) rappelle que la face noire des progrès des neurosciences fait planer de nouvelles menaces sur notre intégrité cognitive. Pour les bio-éthiciens Marcello Ienca (@marcelloienca) et Roberto Andorno (Wikipédia), les nouvelles techniques d’observation, de collecte voire d’altération cognitive posent la question de (...)

    #A_lire_ailleurs #Enjeux #Futurs #cognition #confiance #droit #économie_de_l'attention #Interfaces #surveillance

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 3/04/2017
    2
    @reka
    @antony88
    2

    Réparer l’e-mail ?
    ▻http://www.internetactu.net/a-lire-ailleurs/reparer-le-mail

    Dan Ariely (@danariely), l’un des pères de l’économie comportementale, s’est intéressé à notre boîte mail, rapporte The Atlantic, cette si constante source de souffrance des utilisateurs. Le chercheur, qui reçoit des centaines de mails par jour, s’est interrogé pour savoir quelles pratiques, quelles méthodes, quels « coups de pouce » pouvait-il déployer (...)

    #A_lire_ailleurs #Recherches #Usages #design #e-mail #économie_de_l'attention #Interfaces

    InternetActu [RSS] @iactu
    • @reka
      Reka @reka CC BY-NC-SA 3/04/2017

      http://www.internetactu.net/wp-content/uploads/2017/04/ee23add0c.png

      Reka @reka CC BY-NC-SA
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 24/03/2017

    Les sites web sont-ils en voie de disparition ?
    ▻http://www.internetactu.net/a-lire-ailleurs/les-sites-web-sont-ils-en-voie-de-disparition

    Sur son blog, le consultant indépendant Fred Cavazza (@fredcavazza) revient sur la complexification du paysage numérique, en terme de terminaux, de canaux, de supports et de formats depuis 15 ans. Le site web, qui a longtemps été la pierre angulaire d’une présence en ligne n’est plus désormais qu’une des nombreuses (...)

    #A_lire_ailleurs #Services #Interfaces #réseaux_sociaux

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 10/02/2017

    Pourquoi les projets libres sont-ils si moches et si peu ergonomiques ?
    ►http://www.internetactu.net/a-lire-ailleurs/pourquoi-les-projets-libres-sont-ils-si-moches-et-si-peu-ergonomiques

    Sur son blog, le graphiste et directeur artistique Julien Dubedout, liste les raisons qui expliquent pourquoi le #design et l’open source font rarement bon ménage, c’est-à-dire, pour le faire simple, pourquoi les projets #open_source sont moches et peu ergonomiques en terme d’interfaces utilisateurs. Pour lui, le principal problème vient (...)

    #A_lire_ailleurs #Usages #Coopération #innovation #Interfaces

    InternetActu [RSS] @iactu
    Écrire un commentaire
  • @iactu
    InternetActu [RSS] @iactu 25/01/2017
    @visionscarto

    Pour une pratique féministe de la visualisation de données
    ▻http://www.internetactu.net/a-lire-ailleurs/pour-une-pratique-feministe-de-la-visualisation-de-donnees

    L’excellent VisionsCarto animé par Philippe Rekacewicz et Philippe Rivière (@visionscarto) vient de publier une très inspirante tribune de Catherine D’Ignazio (@kanarinka) qui interroge les limites de la visualisation de données. A l’heure ou la data visualisation acquiert ses lettres de noblesse pour expliquer le monde, on accepte trop souvent les (...)

    #A_lire_ailleurs #Enjeux #cartographie #data_visualization #design #économie_de_l'attention #Interfaces #Médias #minorités

    InternetActu [RSS] @iactu
    Écrire un commentaire
0 | 25 | 50 | 75

Thèmes liés

  • #interfaces
  • #design
  • #webdesign
  • #a_lire_ailleurs
  • #css
  • #économie_de_l'attention
  • #webdev
  • programminglanguage: javascript
  • #articles
  • company: google
  • #javascript
  • #usages
  • #web
  • technology: html
  • programminglanguage: html
  • #responsive_web_design
  • #typographie
  • #mobile
  • position: typeface designer
  • technology: cellular telephone
  • person: steve matteson
  • company: technology review
  • #wordpress
  • #jquery
  • #unix
  • #enjeux
  • #html5
  • #fontes
  • #bodyware
  • #surveillance
  • #médias
  • #services
  • organization: mit
  • #débats
  • #corps
  • #spip
  • #voix
  • #psychologie
  • #graphisme
  • technology: api