Ask HN: Was ist der beste UI-Design-Kurs für Hacker?

• Bitte empfehlt einen UI-Design-Kurs mit realistischeren Tutorials, Beispielen und Übungen, um praktische UI-Fähigkeiten aufzubauen
• Bevorzugt etwas Fortgeschritteneres als „react tutorials“, aber zugänglicher als Bret Victors visionäres „Magic Ink“

Zusammenfassung der Antworten

• Hilfreiche Links zum Thema UI-Design
  • 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
  • Das Wichtigste ist nicht das Lesen, sondern die praktische Anwendung: „Dogfooding“
    • Getting started with the web
  • Es ist auch wichtig, darüber nachzudenken, ob deine UI den Nutzern schadet
    • https://www.deceptive.design/
    • https://www.humanetech.com/key-issues
• „Refactoring UI“: Ein Buch, das man in ein paar Stunden lesen kann, das aber enorm bei der Gestaltung von Projekten hilft
• Wer Zeichnen lernt, kann auch ordentliche UIs gestalten. Auf Proko.com gibt es großartige Kurse. Als Bücher werden Andrew Loomis’ „Fun with a Pencil“ und Betty Edwards’ „Drawing on the Right Side of the Brain“ empfohlen
• Apples „Human Interface Guidelines“ haben meiner Karriere sehr geholfen
• Erik Kennedy auf https://www.learnui.design
• Shift Nudge https://shiftnudge.com/
• Design for Hackers https://designforhackers.com/
• CSS for JS https://css-for-js.dev/
• Daniel Jacksons Concept design in three easy steps
• Das Buch Universal Principles of Design
• https://hackdesign.org/
• Practical UI https://www.practical-ui.com
• https://www.refactoringui.com/

[yangeok]

Design ist schwierig, haha,,

[cosine20]

Es gibt viele nützliche Websites.
Auch ich habe viel von den jeweils veröffentlichten Design-Richtlinien von Apple, MS und Android profitiert.

[GN⁺]

Hacker-News-Kommentare

• Das Buch "Refactoring UI" lässt sich in ein paar Stunden lesen, hilft aber enorm beim Design von Projekten. Es geht nicht besonders in die Tiefe, ist aber nützlich für einfaches und schnelles Hacken.
• Apples Human Interface Guidelines haben sehr dabei geholfen, im Lauf der Karriere entwickelte Windows-GUI-Anwendungen, Apps und Websites zu verbessern. Nach dem Lesen der Richtlinien war es möglich, deutlich einfachere UIs zu gestalten.
• Dass man von jemandem, der nicht einmal einfache Formulare gestalten konnte, zu jemandem wurde, der ordentliche UI-Designs machen kann, lag daran, Zeichnen gelernt zu haben. Viele der besten UX-Designer kommen von Kunsthochschulen, und wichtiger als ein enger Fokus auf Design sind die Gesamtkomposition der Seite und die Farbwahl.
• Zu den Materialien, die zu einem guten Verständnis von UI-Design beitragen, gehören Bücher wie "Don't Make Me Think", "The Design of Everyday Things" und "Designing Interfaces, 3rd Edition" sowie der Interaction-Design-Kurs der Nielsen Norman Group und Apples Interface Guidelines. Wichtig ist, tatsächlich zu üben.
• Das Buch "Design for Hackers" bietet Einblicke in UI-Muster, Farbkompositionen und allgemeines UI-Design. Es ist stärker auf grafische UIs fokussiert, liefert aber genügend allgemeine Designüberlegungen, die sich auch auf TUI und CLI übertragen lassen.
• Der Kurs "learnui.design" von Erik Kennedy ist teuer, aber einer der besten Kurse, wenn es um UI, UX und Landingpage-Design geht, weil er das Thema systematisch analysiert und strukturiert aufbereitet. Er ist praxisnah, und über den Blog kann man einen Eindruck von seinen Designgedanken bekommen.
• "The Non-Designer's Design Book" ist eine der besten Ressourcen zu den Grundlagen des Designs, breit auf alle Arten von Design anwendbar und kommt bei den Lesern sehr gut an. Auch "Refactoring UI" ist eine nützliche Ressource mit Fokus auf das Web.
• Es hilft, Steve Jobs’ Ansatz zum Produktdesign zu lesen und Apple-Keynotes anzusehen. Wichtig ist, einen "Geschmack" zu entwickeln und dadurch ein Gespür für Design zu bekommen.
• Josh Comeaus Kurs "CSS for JS Devs" ist eine gute Möglichkeit, die Grundlagen von CSS auf eine Weise zu lernen, die zur Denkweise von Entwicklern passt.
• Die beste Übung als Designer ist, funktionierende und nicht funktionierende Designs anzuschauen und zu analysieren, warum das so ist. Design ist die Art, unter gegebenen Zielen, Anforderungen und Einschränkungen Probleme zu lösen. Interesse an Design zu haben und auf Details zu achten, ist wichtig, um in jedem Beruf gute Ergebnisse zu erzielen.