Ask HN : Quel est le meilleur cours de design UI pour les hackers ?

• Merci de recommander une formation en design UI avec des tutoriels, exemples et exercices plus réalistes pour développer des compétences UI pratiques
• Je cherche quelque chose de plus avancé que des "react tutorials", mais plus accessible que le révolutionnaire "Magic Ink" de Bret Victor

Résumé des réponses

• Liens utiles pour le design UI
  • Don’t Make Me Think
  • The Design of Everyday Things
  • Designing Interfaces, 3rd Edition
  • Nielsen Norman Group Interaction Design: 3-Day Course
  • Apple Human Interface Guidelines
  • A Dao of Web Design
  • Usability Testing
  • Le plus important n’est pas de lire, mais de pratiquer : le "dogfooding"
    • Getting started with the web
  • Il est aussi important de réfléchir à la question de savoir si votre UI nuit aux utilisateurs
    • https://www.deceptive.design/
    • https://www.humanetech.com/key-issues
• "Refactoring UI" : un livre qui se lit en quelques heures, mais qui aide énormément pour le design de projet
• Apprendre à dessiner peut aider à créer une UI correcte. Il y a d’excellents cours sur Proko.com. Côté livres, recommandation pour "Fun with a Pencil" d’Andrew Loomis et "Drawing on the Right Side of the Brain" de Betty Edwards
• Les "Human Interface Guidelines" d’Apple ont beaucoup aidé dans ma carrière
• Erik Kennedy : https://www.learnui.design
• Shift Nudge https://shiftnudge.com/
• Design for Hackers https://designforhackers.com/
• CSS for JS https://css-for-js.dev/
• Daniel Jackson, Concept design in three easy steps
• Le livre Universal Principles of Design
• https://hackdesign.org/
• Practical UI https://www.practical-ui.com
• https://www.refactoringui.com/

[yangeok]

Le design, c’est difficile haha,,

[cosine20]

Il y a beaucoup de sites utiles.
Moi aussi, les design guidelines publiées séparément par Apple, Microsoft et Android m'ont beaucoup aidé.

[GN⁺]

Avis Hacker News

• Le livre « Refactoring UI » se lit en quelques heures, mais il aide beaucoup pour le design de projet. Ce n’est pas très approfondi, mais c’est utile pour des hacks simples et rapides.
• Les Human Interface Guidelines d’Apple ont beaucoup aidé à améliorer les applications GUI Windows, les apps et les sites web développés au fil d’une carrière. Après avoir lu ces guidelines, il est devenu possible de créer des UI bien plus simples.
• Le fait d’être passé de l’incapacité à concevoir ne serait-ce qu’un formulaire simple à la capacité de faire un UI design correct vient du fait d’avoir appris à dessiner. Beaucoup des meilleurs designers UX viennent des écoles d’art, et la composition globale de la page ainsi que le choix des couleurs sont plus importants que de se focaliser uniquement sur le design.
• Parmi les ressources utiles pour mieux comprendre le UI design, on trouve des livres comme « Don't Make Me Think », « The Design of Everyday Things », « Designing Interfaces, 3rd Edition », ainsi que le cours de design d’interaction du Nielsen Norman Group et les guidelines d’interface d’Apple. L’important est de pratiquer pour de vrai.
• Le livre « Design for Hackers » apporte des idées sur les patterns UI, les palettes de couleurs et le UI design dans son ensemble. Il est davantage centré sur les interfaces graphiques, mais propose suffisamment de considérations générales sur le design pour être généralisé aux TUI et CLI.
• Le cours « learnui.design » d’Erik Kennedy est cher, mais c’est l’un des meilleurs cours, avec une analyse et une structure méthodiques sur l’UI, l’UX et le design de landing pages. C’est très pratique, et son blog permet déjà d’avoir un aperçu de sa réflexion sur le design.
• « The Non-Designer's Design Book » est l’une des meilleures ressources sur les bases du design, largement applicable à tous les types de design, et reçoit un excellent accueil de la part de ceux qui l’ont lu. « Refactoring UI » est également une ressource utile, davantage centrée sur le web.
• Lire et regarder l’approche de Steve Jobs en matière de design produit ainsi que les keynotes d’Apple aide aussi. Il est important de développer du « goût », car cela permet d’affiner son sens du design.
• Le cours « CSS for JS Devs » de Josh Comeau est une bonne manière d’apprendre les bases du CSS d’une façon qui résonne avec l’état d’esprit des développeurs.
• En tant que designer, le meilleur exercice consiste à observer des designs qui fonctionnent et d’autres qui ne fonctionnent pas, puis à analyser pourquoi. Le design consiste à résoudre des problèmes en fonction d’objectifs, d’exigences et de contraintes donnés. S’intéresser au design et faire attention aux détails est important pour obtenir de bons résultats dans n’importe quel métier.