Grug.design ist eine Website, die die Philosophie des Produktdesigns erklärt. Sie leiht sich die Figur eines primitiven Mannes namens "Grug", um die Kritik an der Tendenz zur Überkomplexität im Bereich des modernen Designs aus der Ich-Perspektive in einer sehr einfachen und sogar ein wenig rauen Sprache auszudrücken. Der Kerngedanke der Seite ist, dass Komplexität schlecht und Einfachheit gut ist. Sie plädiert dafür, dass Designer zu den Grundlagen zurückkehren und sich darauf konzentrieren sollten, Probleme schnell und effizient zu lösen, anstatt ausgefallene Grafiken, komplexe Toolflows oder umständliche Regeln für Designsysteme zu verfolgen. Mit Grugs Augen betrachtet die Website Designtools, Designsysteme, Informationsdichte, Kollaborationsprozesse und den Umgang mit den Meinungen von "Stakeholdern", um einen pragmatischeren, intuitiven und nutzerzentrierten Designansatz zu fördern.
Funktionsliste
- Der Komplexität widerstehen:: Die Website plädiert dafür, komplexe Designtools mit zu vielen Schaltflächen und Optionen sowie Designsysteme mit zu vielen Regeln zu vermeiden, da sie der Meinung sind, dass zu viele Regeln die Effizienz und Kreativität hemmen.
- Die Suche nach Klarheit:: Designelemente sollten intuitiv und leicht zu verstehen sein. Zum Beispiel sollte eine Schaltfläche wie eine Schaltfläche aussehen, und die Bedeutung des Symbols sollte klar und eindeutig sein, so dass der Benutzer es ohne zusätzliche textliche Hinweise zur Erklärung sieht.
- Fokus auf InformationsdichteIm Gegensatz zu vielen modernen Designtrends ist die Website der Ansicht, dass gutes Design Informationen schnell und klar darstellen sollte, anstatt den "weißen Raum" übermäßig zu verehren. Zu viel weißer Raum erhöht die Anzahl der Scrollvorgänge auf einer Seite und ermüdet das Gehirn. [1. 1]
- Einfache Tools nutzenFörderung der Verwendung grundlegender Hilfsmittel wie Rastersysteme, um Schnittstellen übersichtlich zu halten, anstatt auf eine "intelligente" oder "magische" automatische Layout-Funktion zu vertrauen.
- Bestehen Sie auf effektiver Kommunikation:: Es wurde betont, dass Designer so früh wie möglich mit Entwicklern zusammenarbeiten sollten, anstatt fertige Entwürfe "über Bord zu werfen". Die Designer müssen die Grenzen der Technologie verstehen und klare, realisierbare und spezifische Designparameter vorgeben.
- Schutz der NutzererfahrungDie Priorität des Designers ist es, das Benutzererlebnis zu schützen, und er muss in der Lage sein, unkonstruktives Feedback von "Stakeholdern" herauszufiltern und die tatsächlichen Bedürfnisse des Benutzers in den Vordergrund zu stellen.
Hilfe verwenden
Die Website ist kein Software-Tool im eigentlichen Sinne, es gibt keinen Installations- oder Registrierungsprozess. Sie wird "benutzt", indem man die darin enthaltene Designphilosophie liest, versteht und anwendet. Im Folgenden finden Sie einen detaillierten Leitfaden zum Verständnis und zur Anwendung der Grug-Designphilosophie:
1. die Grug-Perspektive verstehen
Erstens müssen Sie die Rolle von "Grug" verstehen. Er ist ein Symbol für pragmatische Designer, die den Unsinn der Branche, die Buzzwords und die unnötige Komplexität satt haben. Die Art und Weise, wie er spricht (einfache, direkte Sätze), ist selbst Teil seiner Philosophie: Die Kommunikation sollte klar und ungehindert sein. Versuchen Sie beim Lesen des Inhalts der Website, diesen Charakter mit einzubeziehen und über die grundlegende Logik hinter jedem Punkt nachzudenken.
2. zentrales Prinzip: Einfachheit annehmen, Komplexität ablehnen
Alle Ansichten auf der Website beruhen auf einer Grundlage:Komplexität ist schlecht.. Üben Sie dies in Ihrer täglichen Routine:
- Bewerten Sie Ihre ToolsPrüfen Sie die von Ihnen verwendete Designsoftware (z. B. Figma, Sketch) und Plugins. Brauchen Sie wirklich diese Hunderte von Funktionen und Varianten? Grug würde sich dafür entscheiden, mit weniger Formen mehr zu sagen, anstatt ein Dutzend winziger Varianten desselben Knopfes zu erstellen.
- Überprüfung des EntwurfssystemsEin gutes Entwurfssystem ist ein Ermöglicher, nicht ein Zwang. Wenn Ihr Team mehr Zeit damit verbringt, sich an die Regeln des Entwurfssystems zu halten, als es tatsächlich zu entwerfen, dann ist das System wahrscheinlich "zu komplex", und wenn ein Entwurf ein langes Handbuch erfordert, um ihn zu erklären, ist er von Natur aus schlecht entworfen, so Grug.
3. wie man spezifisch gestaltet: Klarheit gewinnt den Tag
Die Designmethodik von Grug ist so einfach, dass Sie sie auf jeden Aspekt der Oberflächengestaltung anwenden können:
- Bauteil-DesignWenn Sie eine Schaltfläche oder ein Eingabefeld entwerfen, fragen Sie sich: "Sieht es so aus, wie es aussehen soll?" Grug würde eine Schaltfläche wie etwas aussehen lassen, das man drücken kann, nicht wie einen Vogel. Vermeiden Sie zu abstrakte oder ausgefallene Objekte, bei denen der Benutzer denken muss: "Was ist das?" von zu abstraktem oder ausgefallenem Design.
- Icons und TextGrug ist der Meinung, dass Icons keine Kunstwerke sind, sondern Kommunikationsmittel. Wenn ein Icon einen Tooltip braucht, um verstanden zu werden, ist es kein gutes Icon. Bei den Schriftarten wählt Grug die richtige aus, nicht eine Mischung aus sieben oder acht auf einer Seite. Schriften sollten nach der Stimmung und der Klarheit, die sie vermitteln, ausgewählt werden und nicht nur, weil sie "gut aussehen".
- Layout und DichteGrug verehrt keinen leeren Raum. Denken Sie bei der Gestaltung eines Layouts darüber nach, wie Sie die Informationen effektiv organisieren können, damit die Nutzer das, was sie brauchen, so schnell wie möglich sehen können. Eine hohe Informationsdichte ist nicht gleichbedeutend mit Chaos, und ein vernünftiges Rastersystem kann Ihnen helfen, Ihre Seite trotz der hohen Dichte übersichtlich zu halten. [1. 1]
4. verbessern Sie Ihren Arbeitsablauf
Die Philosophie von Grug erstreckt sich auch auf die Zusammenarbeit und den Prozess:
- Zusammenarbeit mit Entwicklern100%: Warten Sie nicht, bis der Entwurf fertig ist, bevor Sie ihn dem Entwicklungsteam vorlegen. Sprechen Sie so früh wie möglich mit ihnen, um die Machbarkeit der technischen Umsetzung zu verstehen. Nennen Sie konkrete Parameter (z. B. Schatten mit einer Unschärfe von 8 px und einer Deckkraft von 3,6%), anstatt vage Anweisungen zu geben wie "die Animation soll sich natürlich anfühlen".
- Rückmeldungen entgegennehmen:: Grug behauptet, dass "Stakeholder schlecht sind". Dies ist eine Übertreibung, die die Designer im Wesentlichen daran erinnert, das Feedback zu filtern. Viele Führungskräfte nutzen das Produkt nicht wirklich, und ihr Feedback kann an der Realität vorbeigehen. Designer sollten mehr Vertrauen in das Feedback von echten Nutzern haben (z. B. durch Nutzertests) und mutig genug sein, "Nein" zu Kommentaren zu sagen, die die Nutzererfahrung beeinträchtigen könnten.
Anwendungsszenario
- Kleine Teams für agile Entwicklung
In kleinen Teams oder Start-ups, wo Ressourcen und Zeit knapp sind, hilft die Designphilosophie von Grug den Teams, keine Zeit mit unnötig komplexen Prozessen und Tools zu verschwenden und sich auf die schnelle Iteration und Bereitstellung von Kernfunktionen zu konzentrieren, die die Kommunikations- und Wartungskosten reduzieren. - Langfristige Projekte auf der Suche nach Stabilität
Für Unternehmensanwendungen oder große Plattformen, die eine langfristige Wartung und Iteration erfordern, sind Stabilität und Konsistenz des Designs entscheidend. Die Übernahme der einfachen, bewährten Lösungen, die Grug fördert, verhindert, dass die Jagd nach flüchtigen Designtrends dazu führt, dass Projekte in der Zukunft schwer zu warten sind. - Einzelne Entwickler oder unabhängige Projekte
Die Grug-Philosophie, die die Verwendung der direktesten und einfachsten Lösungen für Probleme fördert, ermöglicht es den einzelnen Entwicklern, sich auf die Umsetzung der Kernwerte ihres Produkts zu konzentrieren, anstatt sich in Designdetails zu verzetteln.
QA
- Was bedeutet die Figur "Grug" wirklich? Steht er wirklich für geistige Zurückgebliebenheit?
Nein, das ist es nicht. "Grug" ist eine literarische Metapher und ein satirisches Bild, und er ist nicht wirklich dumm. Stattdessen steht er für eine Art "Zurück-zu-den-Grundlagen"-Weisheit und symbolisiert pragmatische Entwickler und Designer, die die Komplexität der Branche durchschaut haben und sich für eine Rückkehr zu den Grundlagen entschieden haben. Die Figur wird verwendet, um die blinde Anbetung der Komplexität und das geistlose Streben nach der "neuesten und besten" Technologie in der heutigen Technologiebranche zu kritisieren. - Verstößt diese Website gegen alle modernen Designwerkzeuge und -methoden?
Es sind nicht die modernen Werkzeuge oder Methoden selbst, die zu beanstanden sind, sondern die unnötige "Komplexität", die sie mit sich bringen, und Grugs Philosophie bedeutet nicht, Figma aufzugeben und wieder mit einem Zeichenprogramm zu arbeiten. Im Kern erinnert sie uns daran, dass, egal wie leistungsfähig ein Werkzeug ist, das ultimative Ziel darin bestehen sollte, Probleme einfach und effizient zu lösen. Sie ermutigt die Menschen, alles kritisch zu betrachten, egal ob es sich um ein neues Designsystem, einen Prozess oder ein Werkzeug handelt, und sich zu fragen: "Macht dies die Dinge wirklich einfacher?" - Warum schreibt die Website in einer so seltsamen, inkohärenten Sprache?
Dieser einzigartige Sprachstil ist Teil der "Grug"-Persönlichkeit und zugleich die Verkörperung ihrer Kernidee. Er ahmt die einfache, direkte Denkweise von Naturvölkern nach, um die Idee zu verstärken, dass Kommunikation klar und redundant sein sollte. Dieser Schreibstil ist an sich schon eine Rebellion gegen verpackte Geschäftstexte, die voller Fachjargon sind, und lässt den Leser beim Lesen intuitiv die Kraft der "Einfachheit" spüren.