Dans le petit monde du design, Figma est devenu très rapidement un incontournable. Outre le fait qu’il soit très rapide à assimiler en tant qu’outil, il est surtout pensé pour une utilisation 100% en ligne. Il existe effectivement des applications desktop pour travailler plus facilement, mais pas encore d’application officielle sur tablette (en dehors du mode miroir pour tester vos créations).
En terme d’accessibilité à l’information, s’il y a bien un frein qui revient très souvent, c’est le contraste proposé aux utilisateurs d’un site web. Grand débat depuis la nuit des temps (et l’arrivée des 256 couleurs sur notre cathodique) entre designers et intégrateurs, la sélection de couleurs reste un point de frustration pour ceux qui souhaitent respecter au maximum les règles d’accessibilité du web.
Le marché des navigateurs est bien plus intéressant aujourd’hui qu’à mes débuts sur Internet. En dehors de celui de Microsoft, il n’y avait pas vraiment de concurrence pour mon système d’exploitation. J’ai vécu de nouveau le cas lorsque j’ai acheté mon premier iPad, il n’y avait que Safari Mobile de disponible. Les autres sont arrivés progressivement, mais étaient rapidement bloqués par les restrictions de l’écosystème Apple. Toutefois, au fur et à mesure, il y a eu de vraies évolutions avec des fonctionnalités réellement intéressantes. Je navigue souvent avec Safari, il reste pratique, car je l’utilise aussi sur iPhone et MacBook Pro. Mais la version iPad reste bien moins agréable que la version desktop. Ceci pour beaucoup de raisons, mais principalement à cause du nombre de traqueurs qu’il laisse encore passer. J’accepte depuis bien longtemps que toute mon activité en ligne soit traquée et analysée. Mais si je peux encore un peu rêver et imaginer une vraie navigation allégée, alors je le fais. D’où mon usage ponctuel de Firefox Focus qui vient sauver mon usage des ressources en ligne. Il porte bien son nom, car il active par défaut le mode navigation privée en retirant l’ensemble des traqueurs des sites web. De plus, l’aspect monotab reste pratique pour se focaliser sur un seul contenu à la fois et éviter la surabondance de sites ouverts en simultané. Autre avantage, ce navigateur ne garde pas en mémoire votre historique de navigation, vos mots de passe, vos marque-pages et vos cookies. Parfois bloquant pour se connecter à certains sites, mais en utilisant un gestionnaire de mots de passe, on s’en sort au final très bien.
S’il existe bien un domaine où un coup de pouce est souvent le bienvenu, c’est celui des palettes de couleurs. Entre difficultés à connaître les tendances d’un domaine et celle du choix final pour son projet, nous sommes nombreux à être embêtés lorsqu’il faut sauter le pas. Au début, il y avait une page blanche, puis est venue la couleur. C’est à ce moment-là que Picular.co fait son entrée, cet outil permet de rechercher un terme (qui peut être celui du secteur d’une marque ou d’un produit), puis d’en sortir des couleurs régulièrement associées. Ceci est valable pour des produits, services, états d’esprit, milieux naturels, objets … un peu tout ce que l’on peut souhaiter au final. Par exemple, si le projet est de refaire la charte graphique d’un produit dédié aux voyageurs, il suffit d’indiquer « travel » pour découvrir les couleurs associées. Le seul souci sera alors de jeter son dévolu sur un hexadécimal pour se lancer. Mais là, c’est une autre histoire …
Comme chaque année, lorsque je commence à donner cours à une nouvelle promotion, je donne une liste des outils pratiques à utiliser. Qu’il s’agisse de quoi faire des présentations, des mockups de produits, de l’inspiration, de quoi s’organiser … Puisque cette liste a vocation à évoluer dans le temps et à être partagée, autant la déposer ici en libre-service. Ils ne vous serviront sûrement pas tous, mais sûrement qu’à un moment bien particulier, l’un d’entre eux pourra vous faire gagner de précieuses minutes. Si vous avez envie d’en ajouter un, n’hésitez pas à me signaler (via Twitter par exemple) ! Principaux outils Pexels : incontournable dès que vous avez des visuels à aller chercher en libre de droits – https://www.pexels.com/ Coolors : un générateur de jolies palettes de couleurs pratique quand on est en panne d’inspiration – https://coolors.co/ Google Fonts : vos polices directement chez Google – https://fonts.google.com SkyFonts : organisez simplement vos polices de caractères sur votre ordinateur – https://skyfonts.com Coverr : trouvez vos bannières animées en vidéo libre de droits – http://coverr.co/ Pablo by Buffer : créez vos images pour les réseaux sociaux depuis ce site, un peu comme Canva mais en plus simple et plus rapide : https://pablo.buffer.com/ Muzli : source d’inspiration pour designer souhaitant bénéficier de contenus triés et sélectionnés avec goût – https://muz.li/ Iconstore : plein d’icônes utilisables sans souci – https://iconstore.co/ Canva : l’incontournable de la création de visuels en ligne – https://www.canva.com/ FlatUI Colors : un ensemble de jolies couleurs à copier-coller rapidement – http://flatuicolors.com/ Gliphy : de quoi réaliser facilement des diagrammes – https://www.gliffy.com/ Création d’infographie Piktochart – https://piktochart.com/ Infogram – https://infogram.com/ Easelly – https://www.easel.ly/ Visually – https://visual.ly/ Blogging Hemingway: (http://www.hemingwayapp.com/) Hemingway App pour un rendu clair de vos productions Grammarly: (https://www.grammarly.com/) De quoi écrire sans faute Medium: (http://medium.com/) Le repaire des bonnes idées et des bons articles ZenPen: (http://www.zenpen.io/) L’outil minimaliste pour écrire sur le web Editorial Calendar: (https://wordpress.org/plugins/editorial-calendar/) Voir sous forme de tableau l’ensemble des futurs articles de blog sur WordPress SEO Open Site Explorer: (https://moz.com/researchtools/ose/) Analyse de liens Ahrefs: (https://ahrefs.com/) Explorateur de site et vérificateur de backlinks Quick Sprout: (http://www.quicksprout.com/) Analyse de site web SEO Site Checkup: (http://seositecheckup.com/) Analyse gratuite de SEO de site web Google: Analytics – Keyword Planner – Webmaster Tools Nibbler: (http://nibbler.silktide.com/) Tester son site web et avoir des retours mesurables Google Pagespeed Insights: (https://developers.google.com/speed/pagespeed/insights/) Analyser les performances du site Optimisation de visuels TinyJPG : (https://tinyjpg.com/) Compression d’images Compressor.io: (https://compressor.io/) Optimisation et compression d’images online Kraken: (https://kraken.io/web-interface) Optimisation des images ImageOptimizer: (http://www.imageoptimizer.net/Pages/Home.aspx) Retailler, compresser et optimiser les images Emailings et newsletters Mailchimp: (http://mailchimp.com) Envoyer 12,000 emails à 2,000 inscrits gratuitement Mandrill: (http://mandrill.com/) 12,000 emails/mois gratuits Mailgun: (http://www.mailgun.com/) Email service pour developpeurs. 10,000 emails/mois gratuits Sendinblue: (https://www.sendinblue.com/) 9,000 emails/mois gratuits Social Media & Community Management WriteRack: (http://writerack.com/) Envoyer des tweets à la suite facilement Click To Tweet: (http://coschedule.com/click-to-tweet) Avoir plus de visibilité sur ses contenus Buffer: (https://bufferapp.com/) Planifier des posts pour Twitter, Facebook, Linkedin Bitly: (https://bitly.com/) Créer gratuitement des liens raccourcis Stocks de photographies Stock Up(http://www.sitebuilderreport.com/stock-up) Pexels(http://www.pexels.com/) All The Free Stock (http://allthefreestock.com/) Unsplash (https://unsplash.com/) Splashbase (http://www.splashbase.co/) Startup Stock Photos (http://startupstockphotos.com/) Designers Pics (http://www.designerspics.com/) Death to the
Au programme de cet article, une liste concrète des applications qui sauvent la vie et qui permettent de travailler sur un iPad Pro sans stress. Mais avant toute chose, petit rappel de mon usage de cette tablette. Étant chargé de missions très variées, je dois très souvent m’adapter aux modes de fonctionnements des personnes avec qui je travaille. Ceci implique d’être flexible concernant les services utilisés et les applications à installer parfois pour un seul projet. Par moment, je ne fais qu’être porte-parole à coup de présentations, à d’autres moments je reprends ma casquette de développeur, parfois j’ai celle de professeur. En mixant tout cela, j’ai du coup plusieurs métiers à couvrir, mais qui relèvent tous au final du grand ensemble du marketing digital. Exit les applications sociales habituelles que vous avez déjà sur vos smartphones. Concentrons-nous sur les applications qui prennent du sens à être utilisées sur grand écran tactile. Cette liste est loin d’être complète et n’offre qu’un aperçu minime de ce qu’il est possible de réunir comme “starter pack” lorsqu’on débarque fraîchement dans le monde de l’iPad Pro. NB: foncez acheter le stylet et un trackpad pour en profiter réellement. Côté stockage Avouons-le, c’est la partie la plus pénible de nos outils actuels, la taille du disque dur de base évolue moins vite que la gourmandise de certains documents. Et dire que je me rappelle avec nostalgie des échanges de disquettes 3,5” avec 1,44 Mo d’espace disponible … Pour combler le manque potentiel de place, il va être fréquent de passer par la case “cloud” : iCloud : plutôt évident, c’est le choix de la raison pour stocker facilement ses documents précieux à portée de Finder / Files. Google Drive : pratique pour gérer ses documents partagés et le travail collaboratif en temps réel. Dropbox : ici, c’est plutôt en tant que stockage longue durée, façon NAS avec quelques folies dont la signature électronique qui arrive. Côté bureautique Pour cette partie, il va falloir malheureusement composer avec les principaux concurrents du secteur qui ont développés des applications très bien huilées pour iPadOS : Apple avec Keynote, Numbers et Pages : idéaux pour les formats natifs qui ne sont modifiables facilement qu’avec les applications Apple. Microsoft avec PowerPoint, Excel et Word : qui gère très bien les révisions et les exports vers d’autres formats. Google avec Slides, Sheets et Docs : pour la partie collaborative et stockage réellement distant. Dropbox Paper : pour le côté sympa d’être couplé à Dropbox, moins poussé que Google Docs, mais une interface plus universelle. Côté bureautique – les notes Parfois, il n’est pas utile de partir sur un format complexe pour garder sous le coude les informations que l’on a en tête. Surtout si l’on utilise le format Markdown pour gagner du temps (ce que je vous encourage à faire !) : Apple Notes : pour du rapide, du type que l’on a envie d’avoir sous la main pour plus tard. Google Keep : l’équivalent au précédent, mais pratique pour les listes