Neulich scrollte ich auf Twitter durch die Nachrichten und stieß auf einen wunderbaren Artikel mit dem Titel „The Case for Fussy Breakfasts“. Ich liebe Essen und besonders Frühstück, und seit die Pandemie begonnen hat, nutze ich meine Pausen zwischen den Meetings (oder manchmal auch während der Meetings, psst), um mir ein volles Frühstück mit Speck, pochiertem Ei und Gemüse zu machen, daher hat mich der Artikel wirklich angesprochen. Diese kleine Freude, sich selbst Raum für die wichtigste Mahlzeit des Tages zu schaffen, war mir wichtig – während alles andere außer Kontrolle gerät, hat das Nachgeben bei ein wenig Zeremonie einen winzigen Teil dazu beigetragen, die Intensität unserer kollektiven Situation auszugleichen.
Das brachte mich dazu, über diese „Fusseligkeit“ im Hinblick auf andere unbedeutende Freuden nachzudenken. Ein Spaziergang. Ein Bad. Was ist mit Programmierung?
Während wir uns alle darauf konzentrieren, die neueste Funktion mit der angesagtesten Software und den besten Lighthouse-Werten zu liefern, vermisse ich ein wenig die Freude im Web. Anwendungen legen derzeit wenig Wert auf UX, Anleitung, Reichhaltigkeit und – nun ja, für Menschen, die über einen Computer kommunizieren, beugen wir uns sicherlich sehr stark... dem Computer.
Ich habe es ein wenig satt, dass das Web nur als reiner Dokumentenleser angesehen wird, und obwohl ich selbst einen gesunden Lighthouse-Wert liebe, scheinen einige dieser Punktmatrizen mehr von unserem Entwickler-Ego in dieser Gamifizierung zu leben und zu sterben, als tatsächlich zu überlegen, was wir können tun, ohne viel Gewicht zu verursachen. SVGs können sehr klein sein und trotzdem wirkungsvoll. Einige Effekte sind winzige Bits CSS. JS-Animationen können lazy-loaded sein. Sie können sogar mit Worten, Farbe und Layout beeindrucken, wenn Sie bereit sind, ein wenig abenteuerlustig zu sein, ganz ohne Gewicht!

Einige meiner Lieblingsentwickler-Websites in letzter Zeit sind Josh Comeau, Johnson Ogwuru und Cassie Evans. Die kleinen Freuden und Berührungen, die kleinen Aha-Momente, lassen mich BLEIBEN. Ich wandere auf der Website herum, entdecke, lerne, fühle mich tatsächlich stärker mit jedem dieser Menschen verbunden, als wenn ich mir ein PDF ihres Lebenslaufs ansehen würde. Sie zeigen ihre Muskeln, zeigen mir den Stolz, den sie auf den Bau von Dingen haben, und das fasziniert mich! Diese kleinen Teile sind mehr als nur der Fluff, als den viele „Überschüsse“ darstellen: Sie erfüllen die Aufgabe, die das Web eigentlich erfüllen soll. Wir kommunizieren mit diesem Werkzeug – dem Computer – als Erweiterung unserer selbst.
Nuancen können schwierig sein. Es ist für uns Programmierer leicht, uns in Absolutheiten zu verstricken, und eine davon ist in letzter Zeit gewesen, dass, wenn man Spaß hat oder Stil hat, das bedeuten muss, dass es „nicht nützlich“ ist. Ehrlich gesagt, ich würde behaupten, das Gegenteil ist der Fall. Emotionen sind an das limbische System gebunden und erleichtern die Erinnerung. Wenn Ihre Website ein flacher Text ist, wie wird sich irgendjemand daran erinnern?
Möchten Sie nicht die Website erstellen, an die sich Teams in Unternehmen auf der ganzen Welt erinnern und als Inspiration zitieren? Ich war bei vier verschiedenen Unternehmen, bei denen Leute Stripe als eine Website erwähnten, der sie nacheifern wollten. Stripe ging Risiken ein. Stripe erzählte Geschichten. Stripe sprach die Vorstellungskraft von Entwicklern an und sprach direkt zu uns.

Es macht mich traurig, die Ironie zu erkennen, dass die meisten dieser Unternehmen, nachdem sie darüber nachgedacht hatten, wie treffend Stripe war, vieles von dem, was sie daraus gelernt hatten, ignorierten. Jegliche Kreativität, jedes Risiko und jede Absicht wurde langsam, Stück für Stück, vom Trommelwirbel der „Nützlichkeit“ abgetragen, wobei sie den Wald vor lauter Bäumen nicht sahen.
Wenn eine Website mit Sorgfalt und Begeisterung erstellt wird, kann man das spüren. Sie fühlen es, wenn Sie sie besuchen, das Summen der Absicht. Das Handwerk, die Kohärenz, die Liebe zum Detail ist offensichtlich. Und im Gegenzug treffen Sie ihnen auf halbem Weg entgegen. Das sind die Websites mit den niedrigen Absprungraten, den besten Engagement-Kennzahlen, die, bei denen sie Fragen erhalten wie „Kann ich beitragen?“ Keine Gimmicks nötig.
Was ist, wenn Sie keine Zeit haben? Natürlich müssen wir alle Dinge fertigstellen. Vielleicht eine Herausforderung: Was Kleines können Sie einbauen, das jemand bemerken könnte? Können Sie mit einem einzigen Detail beginnen? Ich habe nicht mit einem pochierten Ei zum Frühstück angefangen, eines Tages habe ich ein albernes Rührei gemacht. Von da an ging es weiter. Können Sie sich herausfordern, eine kleine neue Technik zu lernen? Können Sie eine Grafik auslagern? Können Sie ein winziges Osterei einführen? Sagen Sie etwas nur ein wenig anders als die typische Unternehmenssprache?
Wenn Ihnen etwas wichtig ist, werden die Leute, die Sie anziehen, wahrscheinlich diejenigen sein, die es auch wichtig finden.
Ich habe diesen Artikel geliebt (fast so sehr wie ich das Frühstück liebe). Sorgfalt und Selbstausdruck bei gleichzeitiger Funktionalität und Nützlichkeit sind Software-Engineering (wirklich alle Engineering-Bereiche) vom Feinsten.
Er erinnert mich daran, dass die „beste“ Website, die ich kürzlich gesehen habe, für ein lokales Café ist: http://www.gallerycafesf.com/
Vor über 20 Jahren geschrieben, aber die Wärme und Spielfreude strahlt durch, ohne die Nützlichkeit zu verbergen.
Sie sollten Wiby.me ausprobieren :)
Ich liebe die Arbeit von Josh W. Comeau wirklich ❤️. In der Tat inspirierend.
Schön zu lesen. Hat meine Aufmerksamkeit erregt. Ich dachte: „Fusselig? Nie gut“, aber ich habe Ihre Worte verstanden, als ich mich tiefer damit befasste. Ich muss Ihre momentane Angst in vielerlei Hinsicht teilen. Da wir uns in einer Zeit des Wandels befinden, müssen sich auch Design und Code ändern. Ein wenig Entwicklungsermüdung kann zu einer Neuausrichtung inspirieren. Wenn Sie die Benutzeroberfläche gestalten, können Sie eine laufende Fragenliste im Kopf nicht vermeiden, sie kann Sie sogar verlangsamen, nicht weil Sie Fähigkeiten lernen oder üben, sondern weil Sie sich fragen, ob es anders, einfacher, besser sein kann. Und schließlich klingt Ihr Frühstück perfekt göttlich.
Wenn ich doch nur diszipliniert genug wäre, um mir die Zeit zu nehmen, meine persönliche Website zu erstellen! Ich habe vier Ordner mit den Namen „Personal Site 2016“, „Personal Site 2018“, „Personal Site 2019“ und „Personal Site 2020“, jeder mit einer Handvoll Photoshop-Dateien und einem Ordner, in dem ich „vue create .“ (oder was auch immer für ein Tech-Stack mir damals gefiel) ausgeführt habe.
Die neueste hat es dank Sanity und Netlify, die es so einfach gemacht haben, tatsächlich online geschafft, vielleicht gestalte ich sie direkt in Code und blogge währenddessen darüber.
Oder vielleicht füge ich 2021 einfach einen weiteren Ordner zum Stapel hinzu…
Flash war aus vielen Gründen schlecht. Traurigerweise, als wir beschlossen, weiterzuziehen, scheinen wir auch von emotionalen oder spielerisch konzipierten Websites weitergezogen zu sein. So als ob Verspieltheit oder hohe Konzepte ein Sicherheitsrisiko darstellen oder nicht zugänglich gemacht werden können. Vielen Dank für das Schreiben dieses Artikels.
Ich finde das Gegenteil ist der Fall. Ich liebe die von Ihnen genannten Websites, aber ich glaube nicht, dass Websites als reine Dokumentenleser angesehen werden.
Zu viele Websites sehen wie Dribbble-Spin-offs aus. Viele Websites sind sehr schön und schwer zu bedienen (die meisten awwwward-Websites).
Ich stimme zu, dass viele Websites zu viel Wert auf Design legen. Es ist jedoch ein Gleichgewicht, denn ich kann den Text auf Websites wie http://paulgraham.com/ kaum lesen.
Der Begriff „visuelles Design“ erinnert uns daran, dass die meisten Designs Intuition und nicht Ästhetik sind.
Im Hinblick auf skurrile Entwickler-Websites ist KIRUPA ebenfalls fantastisch. Viele kleine skurrile Details.
Ich greife nie zur angesagtesten Software, wenn sie keinen ausreichenden Mehrwert bietet. Ich habe Redux nie benutzt, weil man zu viel Code für die Funktion schreiben muss, die man erreichen will. Ich greife zu Vanilla JavaScript anstelle von TypeScript/PureScript/… weil es sich im Laufe der Jahre stark verbessert hat.
Lighthouse-Scores sind die komischen Regeln, an die Google Sie halten will. Google ist nicht die definierende Quelle dafür, wie das Web sein muss. Ich hasse wirklich das verzögerte Laden von Bildern, es bietet keinen Mehrwert für den Benutzer. HTML bietet das picture-Tag, Sie können `srcset` verwenden, Bildformate werden immer schärfer mit weniger Daten. Brauchen Sie wirklich einen JavaScript-Trick, um einen höheren Score zu erzielen? Unsinn!
Ich bin kein Designer, aber ich kann die Kunst darin sehen, wenn sie kreativ gemacht wird. Die einzige Regel, die ich in all den Jahren des Erstellens von Websites beibehalten habe, ist: Machen Sie Websites für Menschen, nicht für Maschinen. Wenn Menschen Daten erhalten wollen, machen Sie eine reine Text-Website. Wenn Menschen auf einer Website entfliehen wollen, machen Sie sie so schwer, wie es code- und byte-mäßig nötig ist. Es gibt keine einheitliche Vorlage für eine Website.
Und jetzt steige ich von meinem Seifenkiste, bevor die Polizei kommt.
Ha.
Ich sah mir den Gitarristen Steve Vai auf YouTube an, wie er sein Handwerk erklärte: Er sprach darüber, seine Absicht in die (musikalische) Note zu legen.
Er spiegelte auch das wider, was Sie sagten: Wenn Ihnen etwas gefällt, das Sie geschaffen haben, ist die Wahrscheinlichkeit groß, dass es auch anderen gefallen wird.
Jungs Website ist wahrscheinlich die einzige Website, die ich jeden Tag besuche. Abgesehen von der Ladung unschätzbar wertvoller Inhalte dort, kann man auf den ersten Blick erkennen, dass Josh wirklich entschlossen war, seinen Stempel aufzudrücken. Ja, ich bin ewig neidisch und hoffe, eines Tages die gleiche Sorgfalt, Geduld und Kreativität zu vermitteln, die solche Websites ausstrahlen.