Cette semaine en design 23 janvier 2014

La plupart de ce que vous faites en tant que designer commence probablement numériquement. Le dessin est dessiné avec un outil tel que Photoshop, InDesign ou Illustrator. Il n'y a pas beaucoup de façons de contourner le problème. Donc cette semaine en design, nous nous intéressons davantage à la conception numérique et web? et un peu de ce qui est à venir.

Chaque semaine, nous prévoyons de jeter un coup d'œil aux principales versions et mises à jour de produits, aux outils et astuces, et même à certaines des choses les plus populaires sur les médias sociaux. Et nous aimerions aussi savoir ce qui se passe dans votre monde. Avons-nous manqué quelque chose? Envoyez-moi un message à [email protected].

«Concevoir à l'envers»

«Personne ne se rend sur votre site Web uniquement pour consulter votre page d'accueil ou pour naviguer dans votre architecture d'informations. Les gens viennent parce qu'ils veulent faire quelque chose. - Ida Aalen dans? Le modèle de base: Concevoir à l'envers pour obtenir de meilleurs résultats? pour le numéro 411 de A List Apart.

Maintenant, nous pouvons commencer. Mais en tant que concepteurs, il est peut-être temps de penser à un point de départ différent. Pourquoi? Créer des expériences utilisateur meilleures et plus exploitables. Le point de départ d'un projet de conception ne se trouve pas dans l'architecture de l'information ou en mode filaire, mais dans la manière dont les utilisateurs interagissent avec la conception.

Aalen fait un excellent travail en expliquant l'importance de cet article. (Vous devriez aller le lire à coup sûr.) Voici les points saillants pour que vous puissiez commencer à penser un peu différemment.

  • Utilisez un point de départ différent. Planifiez des projets en utilisant le modèle de base, un concept qui existe depuis 2007, dans lequel vous concevez des sites Web de l'intérieur, en mettant l'accent sur ce que les utilisateurs doivent faire de votre conception.
  • Pensez d'abord et fréquemment aux objectifs de l'entreprise et aux tâches des utilisateurs. Ils sont les points clés pour comprendre.
  • Planifiez les chemins que les utilisateurs emprunteront.
  • Déterminez le contenu principal du site. De quoi avez-vous besoin pour que les utilisateurs atteignent leurs objectifs?
  • Créez des chemins pour que les utilisateurs puissent avancer.
  • Considérez mobile.
  • Transformer les pensées et les croquis en un plan d'action? et puis site web.

Un atelier de base peut être une option pour que votre équipe apprenne à penser et à planifier un site de cette manière. Rendez-vous sur le post pour lire des idées sur la manière de mettre ce plan en œuvre.

Peut-on rendre réactif plus rapidement?

Il existe un mythe selon lequel responsive n'est pas toujours ultra-rapide (en particulier sur les plus petits appareils), mais ce n'est qu'un mythe. Quelques conceptions récentes de sites Web prouvent que les sites réactifs peuvent être plus rapides avec des performances supérieures à celles auxquelles nous sommes habitués.

Brian Krall, un développeur de l'interface utilisateur de Side Project, a examiné quelques modifications apportées à la conception et à la modification de ce que nous pensons de la conception réactive. Regard sur le paysage actuel de la conception réactive (et comment l'accélérer).

Voici trois exemples de sites ayant subi une refonte en juillet et leurs temps de chargement. (Vous pouvez trouver plus d'exemples et une image encore meilleure dans l'analyse de Krall.)

  • New Yorker: taille de la page: 3,3 Mo, temps de chargement: 4,24 secondes
  • Adobe: Taille de la page: 970.4Ko, temps de chargement 2.69 secondes
  • Harvard Law Review: Taille de la page: 2.2MB, temps de chargement 1.29 secondes

Imaginer les applications iWatch

Je suis prêt pour l'iWatch. Je suis enthousiasmé par le concept. Et encore plus enthousiasmé par les possibilités de conception. Je ne peux tout simplement pas en avoir assez. J'ai donc adoré le travail de Fast Company avec l'agence de design Huge, où des applications communes sont réinventées pour le périphérique.

Bien qu'aucune de ces conceptions ne soit autre chose que de l'imagination, il est amusant d'imaginer la suite des choses. Êtes-vous déjà en train de planifier la conception portable? (Vous devriez l'être.) Pensez-vous à toutes les nouvelles fonctionnalités qui doivent faire partie de l'interface utilisateur? (Des éléments tels que le moteur de taptic, qui fournit des informations à la peau; des commandes vocales; la molette, car une montre est trop petite pour pincer et faire défiler l'écran.)

Il y a beaucoup à penser, et tout est centré sur la conception d'applications conçues pour être portables, et non pas de plus petites versions d'applications mobiles.

Le projet Huge divisait les possibilités d'applications et d'applications populaires: Uber, Foursquare, Chase, Fandango, Instagram, The New York Times, balises, budget et finances personnelles, listes de tâches à faire, sports et fantaisie, navigation et travaux de cuisine. Vous devrez vous rendre à Fast Company pour les voir tous, mais voici ce que Huge avait à offrir sur Instagram.

  • Possibilités: - Notifications de nouvelles interactions; Navigation dans les photos avec la couronne numérique? (mécanisme de défilement).
  • Comment cela fonctionnera:? Il sera difficile d'éditer des photos sur un si petit écran, donc les fonctionnalités de Instagram seront limitées. Mais les utilisateurs bénéficieront toujours des alertes instantanées, de la messagerie et de l'affichage.

Mise à jour sur les médias sociaux

Il semble que vous ayez besoin d'une nouvelle feuille de triche chaque année pour suivre l'évolution des tailles et des spécifications de tous vos profils de médias sociaux. SetUpABlogToday a créé pour vous une excellente infographie détaillant toutes ces tailles - par réseau -.

Les astuces incluent toutes les directives et spécifications d'image pour Facebook, Twitter, Instagram, Pinterest, Tumblr, LinkedIn, Google+ et YouTube. Bien que certains chiffres soient familiers, de nombreuses spécifications ont récemment été modifiées. (Avez-vous téléchargé un en-tête LinkedIn?)

Donc, si vous n'avez pas mis à jour vos profils de médias sociaux depuis un moment, c'est votre chance.

Juste pour le fun

Presque tout le monde aime les trucs gratuits - en particulier les trucs gratuits - non? Ensuite, participez au jeu-concours des 28 jours de conception, qui se déroule maintenant jusqu'au 9 février.

Flywheel, sponsor de cadeaux, propose des outils et des produits de conception de plus de 10 000 $ issus de 28 des meilleures marques du secteur, notamment Creative Market, le magazine HOW, Skullcandy, Studio Neat, Invision, etc., et distribuera chaque jour quelque chose. De plus, un heureux gagnant remportera plus de 2 500 $ de produits de toutes les marques proposées.

C'est facile d'entrer.Soumettez votre nom et votre adresse électronique dans le formulaire, partagez le lien du prix sur les médias sociaux et croisez les doigts. Bonne chance!