Nehmen wir an, Sie nehmen einen Kunden an und dieser möchte etwas ganz Bestimmtes von Ihnen. Er möchte eine Website, die ohne jegliche Änderungen in 10 Jahren immer noch gut aussieht.
Wenn man diese Frage einer Reihe von Webdesignern und -entwicklern stellt, stellt man fest, dass die Antworten stark variieren!
Die "Bring It On"-Crowd
Es gibt bestimmte Leute, die dies als faszinierende Herausforderung sehen und die Gelegenheit genießen würden.
Akzeptieren.
Mit Freude.
— Jeremy Keith (@adactio) 27. Juli 2017
Nimm die Herausforderung an 👌
— Dick (@michaeldick) 27. Juli 2017
Total liefern 👍
— Kevin Nagurski (@knagurski) 27. Juli 2017
Die "Keep It Simple"-Crowd
Das ist größtenteils meine eigene Denkart
Fokus auf minimalistisches Design und großartige Typografie.
— Zach Leatherman (@zachleat) 27. Juli 2017
Ich würde Extreme vermeiden: keine extrem lebhaften Farben; eine klassische Schriftart; sauber, aber nicht übermäßig minimalistisch; moderate Randradien
— keith•j•grant (@keithjgrant) 27. Juli 2017
Konzentriere dich auf die Typografie.
— Daniel Sellers (@daniel_sellers) 27. Juli 2017
Halten Sie es sauber und minimalistisch mit ausgezeichneter Typografie.
— ⌘ Sean Bunton (@seanbunton) 27. Juli 2017
Plus natürlich einige Anspielungen auf Motherfucking Website und Better Motherfucking Website.
Die "Nope"-Crowd
Eine Menge Leute würden einfach nein sagen. Die Hälfte?
Ablehnen.
— Cennydd (@Cennydd) 27. Juli 2017
Um fair zu sein, wir haben die Bühne nicht gerade mit vielen Details vorbereitet. Ich wette, einige Leute stellten sich diese Kunden als Dummköpfe vor, die nicht wissen, was sie verlangen.
Lehnen Sie das Geschäft ab, denn das ist keine realistische Erwartung.
— Len Damico (@lendamico) 27. Juli 2017
Ablehnen.
— Jez McKean (@jezmck) 27. Juli 2017
Ich frage mich, ob der Kunde sich gut präsentiert hätte, klar gewusst hätte, was er verlangt, und bereit gewesen wäre, dafür zu bezahlen, ob viele dieser Designer anders geantwortet hätten.
Lachen
— Woman Code Warrior (@amberweinberg) 28. Juli 2017
Dennoch bin ich neugierig, dass so viele Designer hier keine Herausforderung sahen, nur die Absurdität.
Die "Let's Get Technical"-Crowd
Ich gehöre teilweise zu dieser Gruppe! Was können und sollten wir für dieses Projekt anstreben und was sollten wir vermeiden?
A) Systemschriftarten
B) Semantisches HTML
C) Lassen Sie die wechselnden Gezeiten des Browsers bei der Darstellung der Seite für Sie aktualisieren
D) Git trinken— Sean T. McBeth (@Sean_McBeth) 28. Juli 2017
Mobile-First, SVG-Grafiken, Zeit für UX-Analysen (Card-Sort-Analyse etc.), entkoppelte modulare Microservice-Front- und Backend
— Adam Mackintosh (@agm1984) 27. Juli 2017
Ehrlich gesagt, eine SPA, keine externen Abhängigkeiten, und eine Archiv- und Einstiegsmechanismus zum Umgang mit Inhalten erstellen. Wildcard-Weiterleitung und 10 Jahre Hosting kaufen
— Jeff (@etisdew) 28. Juli 2017
Wenn Sie nach einer tatsächlichen Antwort außer nein suchen, vielleicht nur HTML, Inline-Stile, nichts Dynamisches, keine externen Aufrufe.
— David v2.9.5 (@davidlaietta) 28. Juli 2017
„Keine externen Aufrufe“ scheint hier besonders klug.
Basierend auf Erfahrungen und Beobachtungen in meiner Zeit in der Branche würde ich sagen, dass etwa 75 % der Websites nach 10 Jahren komplett verschwunden sind, geschweige denn, dass bestimmte URLs auf diesen Websites genau gleich sind (zuverlässige externe Ressourcen).
Die "Es geht um den Inhalt"-Crowd
Einfach, inhaltsgesteuert
— Eric Shuff (@ericshuff) 27. Juli 2017
Konzentrieren Sie sich darauf, das Veröffentlichen und Verwalten von großartigen Inhalten zu erleichtern. Denn großartige Inhalte können 10 Jahre überdauern.
— Deepti Boddapati (@DeeptiBoddapati) 27. Juli 2017
Sehr einfach, inhaltsbezogen ohne all die hübschen Dinge.
— Bethany (@fleshskeleton) 27. Juli 2017
Minimal. Große Textelemente mit ein paar Bildern, gemischt mit dem Inhalt und wenig Farbe.
— Veronica Domeier (@hellodomeier) 27. Juli 2017
Die "Sehen Sie Beispiele"-Crowd
Übernehmen Sie die Designphilosophie von Craigslist.
— Chris Cashdollar (@ccashdollar) 27. Juli 2017
Leihen Sie von @daringfireball
— Joe Casabona (@jcasabona) 27. Juli 2017
Übergeben Sie ihnen die Google-Startseite.
— Darth Seh (@seh) 27. Juli 2017
https://#/wu3bjk5zoA Das würde wohl funktionieren
— Pascal (@murindwaz) 27. Juli 2017
Plus Dinge wie Wikipedia und Space Jam. Siehe auch Brutalist Websites.
Interessante Takes
Unser eigener Robin Rendle hatte eine interessante Perspektive. Aufgrund des Bevölkerungswachstums, wachsender Netzwerke und der Allgegenwart mobiler Geräte möchte die Website möglicherweise nicht auf Englisch sein, insbesondere wenn sie ein globales Publikum hat. Oder zumindest in mehreren wichtigen Weltsprachen.
Lassen wir Sarah die Seitenhieb landen
Gestalten Sie die Kultur, die die App/Website nutzt, so, dass sie den Wandel hasst
— Overactive Algorithm (@sarah_edo) 28. Juli 2017
Und Christopher, der uns einige Optionen gibt, um sie bei Laune zu halten
A) Sagen Sie: „Ist das eine dieser kniffligen Google-Vorstellungsgesprächsfragen?“
B) Sagen Sie: „GeoCities hat 10.000 Jahre gehalten, also wird das einfach sein.“
C) 👀— Christopher Schmitt (@teleject) 28. Juli 2017
Warum überhaupt Design?
Textdatei im Server-Root-Verzeichnis
— Eric Bailey (@ericwbailey) 27. Juli 2017
Obwohl ich argumentieren würde, dass man in diesem Fall genauso gut eine .html-Datei anstelle einer .txt-Datei erstellen könnte, damit man zumindest Dinge verlinken kann.
Meine Sichtweise
Offensichtlich hängt es davon ab, was diese Website erreichen soll.
Ich kann Ihnen sagen, was ich mir vorstelle, wenn ich daran denke.
Ich stelle mir eine Website im Visitenkarten-Stil vor. Ich stelle mir Schwarz-Weiß vor. Ich stelle mir ein klares und einfaches Logo vor.
Ich stelle mir wirklich (wirklich) gute Typografie vor. Typografie ist viel älter als das Web und wird lange danach noch vorhanden sein. Wählen Sie Schriftarten, die den Test der Zeit bereits bestanden haben.
Ich stelle mir etwas, aber nur minimale Texte vor. Selbst Worte werden alt.
Ich stelle mir den absoluten Mindest-Call-to-Action vor. Wahrscheinlich nur eine angezeigte E-Mail-Adresse. Ich würde auf E-Mail gegenüber Telefonen wetten.
Technisch gesehen denke ich, dass Sie sich auf HTML, CSS und JavaScript verlassen können. Ich glaube nicht, dass etwas, das Sie jetzt mit diesen Sprachen tun können, in 10 Jahren veraltet sein wird.
Was das Layout angeht, würde ich versuchen, so viel wie möglich mit Viewport-Einheiten zu machen. Bildschirme werden in Größe und Dichte in 10 Jahren absolut variieren. Was immer Sie als SVG machen können, machen Sie als SVG. Das reduziert die Sorge vor neuen Bildschirmen. Responsives Design ist eine offensichtliche Wahl.
Alles, was auch nur ansatzweise nach einem Trend riecht, vermeiden.
Auch Eingaben werden sich definitiv ändern. Wir fangen bereits an, einen Touchscreen anzunehmen. Vermutlich müssen Sie nichts übermäßig Interaktives tun, aber wenn doch, würde ich nicht auf eine Tastatur und Maus wetten.
Ich würde auch Zeit auf die Hosting-Aspekte verwenden. Registrieren Sie den Domainnamen für die vollen 10 Jahre. Sehen Sie, ob Sie das Hosting so lange im Voraus kaufen können. Wählen Sie ein Unternehmen, von dem Sie ziemlich sicher sind, dass es so lange bestehen wird. Verwenden Sie eine Kreditkarte, von der Sie ziemlich sicher sind, dass sie so lange bestehen wird. Stellen Sie sicher, dass alles, was erneuert werden muss, automatisch erneuert wird, wie SSL-Zertifikate.
Weitere Gedanken sind, wie immer, in den Kommentaren willkommen.
Einfachheit wird immer zeitlos sein. Saubere Grafiken und Einfachheit im Design.
Hier bitteschön!
Wohin soll ich die Rechnung schicken?
Entwicklung: 10.000 $ (wir müssen uns ernst nehmen)
Einrichtungsgebühr: 250 $ (keine Einrichtung, kein Web, oder?)
monatlicher Support für 10 Jahre 50 $ p.m.: 6000 $ (im Voraus, offensichtlich)
Gesamt: 7250 $
Alle Assets geben einen 404-Fehler, ich will mein Geld zurück
Ich denke, die Schlüsselaussage der Frage ist „gut aussehen in 10 Jahren“. Menschen und Unternehmen denken oft nicht in 10-Jahres-Zeiträumen und konzentrieren sich auf das Jetzt. Was ist angesagt? Was ist beliebt? Was macht meine Konkurrenz?
Sie wollen cool und relevant sein und scheinen von Designtrend zu Designtrend zu wechseln wie ein [Vogelschwarm] (http://stream1.gifsoup.com/view7/20140505/5030844/starlings-murmuration-flock-of-birds-ytgifs-o.gif). Denken Sie daran, wie oft Sie etwas neu gestaltet haben... die Ironie.
Die einzige Ausnahme wäre, einen Kunden zu haben, der im Design diszipliniert ist. Jemand, der weiß, dass Trends sich ändern und bereit ist, sich langsam anzupassen. Ein Beispiel, das mir einfällt, ist die Google-Startseite. Denken Sie an den ganzen Traffic, den diese Seite hat, und sie haben sie nicht mit Zeug vollgestopft.
Ich mag Ihre Analogie, besonders weil Vogelschwärme aus einem Grund ziehen. Und so sollte auch die Marken- und Designausrichtung eines Unternehmens sein.
[Marke A] Sollte in 10 Jahren absolut nicht mehr so aussehen wie heute. Denn Menschen suchen in 10 Jahren nicht nach dem Gleichen wie jetzt. Die Marken, die in 10 Jahren NOCH existieren werden, werden das tun, weil sie in der Lage waren, ihre Marke zur richtigen Zeit in die richtige Richtung zu lenken. Sonst werden sie zu Kodak.
Ich wünschte, ich hätte jetzt auf die Twitter-Frage geantwortet.
Meine Sichtweise ist, dass unsere Aufgabe als Designer darin besteht, die Geschäftsanforderungen und die Markengeschichte mit der Realität abzugleichen. Während es einige Unternehmen geben mag, die ihre Bedürfnisse oder ihre Markengeschichte in einem Jahrzehnt nicht ändern werden, werden die meisten in dieser Zeit ihre Funktionsweise ändern.
Wenn sich das Unternehmen genug ändert, wird wahrscheinlich ein neues Design notwendig sein.
Oder üben Sie iterative Design-Updates aus ;)
Posthaven beabsichtigt, ewig zu bestehen.
Sie möchten alles andere als schlichtes statisches HTML und CSS vermeiden. Kein Javascript, node.js, PHP, Datenbanken etc., um die Notwendigkeit von Patches und Upgrades zu vermeiden und darauf zu hoffen, dass Ihr Hoster den HTTP-Server sicher und aktuell hält.
Es ist machbar, aber nicht einfach.
Ich habe jetzt eine Website, die nach 5 Jahren immer noch gut aussieht (allerdings ohne mobiles Layout), aber das Design wirkt nicht altmodisch – was ich vermute, der Schlüsselteil der Frage ist.
Ich plane nicht, das Design in fünf Jahren wieder zu ändern. Hoffentlich schreibe ich den zugrundeliegenden Code neu, damit er mobilfähig ist, aber das Design soll gleich bleiben.
Verdammt!
Ganz ehrlich, viel mehr konnte ich nicht tun. Ich kann sagen: „Das hält mindestens zwei Jahre ohne Auffrischungen stand“, aber dann würde ich gegen meinen Instinkt verstoßen, wie z. B. bei arXiv.org, CTAN, F-Zero und so weiter.
Zum größten Teil SVG für so viel wie möglich, etwas erweitertes Markdown (dlists, Bilder in SVG/generativem Design, keine wichtigen externen Abhängigkeiten etc.) für den Hauptinhalt.
Selbst dann, welche Art von Website ist es? Wenn es Artikel sind, sind arXiv (und die Verarbeitung über LaTeX) leicht zu machen. Wenn es ein Café ist, desto einfacher, desto besser: vielleicht ein oder zwei Bilder, grundlegendes Branding und ein Standardmenü? Selbst einfacher ist einfach.
Wirklich, je einfacher, desto besser. Wenn man ein bisschen zurückgeht, ist es einfach. Wenn man mit allem nach vorne geht, kann nicht viel passieren.
Ich liebe die Vielfalt der Antworten. Ich bin überrascht, dass niemand gesagt hat: „Eine Seite, eingebettetes MP4-Video, fertig“... dann muss man sich nicht einmal um Typografie kümmern... nur ob MP4 noch abspielbar sein wird, aber ich schätze ja.
Wäre es nicht vernünftig, von der Frage komplett Abstand zu nehmen und zu überlegen, ob das, was der Kunde sucht, überhaupt eine Website ist?
Es ist eine dieser Anfragen, die Fragen erfordert. Das Problem ist, wie einige angemerkt haben, dass Unternehmen selbst nicht statisch sind, es sei denn, sie wollen natürlich nur eine kurze Zeit bestehen. Und warum dann eine Website, die dem Test der Zeit standhalten soll.
Alle erfolgreichen Unternehmen müssen sich kontinuierlich ändern, da sich ihr Markt oder ihre Kundenbasis ändert und reift. Und da die Hauptfunktion ihrer Website darin besteht, ihren Fortschritt zu unterstützen, muss sie angemessen auf sich ändernde Kundenbedürfnisse und -verhalten reagieren. Und wenn das nicht der Fall ist, wozu dient es dann überhaupt, dass sie dem Test der Zeit standhält.
Alle Websites sollten gute Typografie, gute Inhalte und eine Benutzeroberfläche haben, die es ihren Besuchern ermöglicht, die Aufgabe abzuschließen, für die sie geklickt haben. Und wenn sie in 10 Jahren immer noch gut aussieht, dann ist das in Ordnung!
Hätte mit NEIN geantwortet.
Denn das bedeutet, wenn sie in zehn Jahren nicht gut aussieht (wer wird das übrigens beurteilen?), sind Sie verantwortlich. Würden Sie sich bereit erklären, für ein Design verantwortlich zu sein, das Sie vor zehn Jahren gemacht haben? Auf keinen Fall.
Meine Antwort wäre: Für den Preis der Verantwortung über zehn Jahre, zahlen Sie mir 15 % pro Jahr, und ich werde die Website entsprechend aktualisieren!
Win-Win.
Design ist so einfach, deshalb ist es so kompliziert
Sicherlich soll eine Website ein lebendiges, „atmendes“ Ding sein?
Ein Kunde, der dies sagt, versteht eindeutig die grundlegenden Grundlagen, was es bedeutet, eine Website zu haben, und sollte daher vermieden werden.
Wenn sich die Website in 10 Jahren nicht ändern wird, nicht einmal im Design, dann wird sie nicht relevant sein. Es gibt keine Möglichkeit, dass sie 10 Jahre lang ohne Designänderungen genutzt werden kann – diese passieren ständig als Konsequenz, wenn das Web reift – sei es aus technischen Gründen, SEO-Gründen oder Gerätegründen, Leistungsgründen, Usability-Gründen usw. usw.
Wenn man dazu gezwungen wird, ist ein einfaches Website-Layout die einzige Option. Nur h, p, ul, li, a, img und div Tags und das einfachste denkbare CSS und keine JS oder externen Aufrufe zu irgendetwas. Besser noch, ein statisches Bild oder PDF würde reichen!
Ich habe tatsächlich diese Herausforderung gemeistert ... es ist nicht einmal eine Hypothese für mich.
Ich habe eine, die ich 2006 gebaut habe und die immer noch in Gebrauch ist und nicht schlecht ist. Sie sieht besser aus als einige Dinge, die ich von Leuten gebaut gesehen habe, die die grundlegenden Designprinzipien nicht verstehen. Und die Website war keine unglaublich teure oder zeitaufwändige Website zu bauen.
Die Website ist rein informativ für einen Kieferorthopäden in einer sehr kleinen Stadt. HTML, CSS und PHP (PHP-Includes für konsistente Navigation hauptsächlich).
• Sie funktioniert auf Mobilgeräten, weil ich damals tatsächlich tabellenbasierte Liquid-Layout-Websites baute. Ich habe 2016 eine Anpassung vorgenommen, als sie einige Kontaktinformationen ändern mussten (ein Teil des Codes hatte einen Tippfehler, der dazu führte, dass er 2006 perfekt funktionierte, als ich ihn testete, aber die modernen Browser waren nicht nachsichtig mit diesem Tippfehler und ließen das Menü verschieben und vom Knopfbild abweichen).
Ja, ich weiß ... Tabellen ... sterben ... aber es war 2006 und sie funktioniert tatsächlich auf Mobilgeräten!!! (Liquid- oder Fluid-Layouts, glaube ich. Nicht ganz dasselbe wie responsive, aber nah dran.)
• Zeitlose Elemente: Glück mit den Fotos von echten Menschen, die eher zeitlos sind (Poloshirts und Pferdeschwänze). Außerdem haben sich Zahnstühle auf Fotos im Laufe der Zeit nicht wirklich verändert. Und Informationen wie „Was tun, wenn sich eine Klammer löst und man sie verschluckt“ sind ziemlich zeitlos. Es gab sogar Google Maps auf der Kontaktseite. Und ein Kontaktformular mit verschleiertem E-Mail-Adresse und einem PHP-Skript. Die verwendeten Schriftarten waren einfach. Das Logo ist zeitlos und nicht trendig (passte nicht zum Schild am Gebäude, aber das Schild am Gebäude konzentrierte sich auf „Zahnspangen“ und nicht auf den Namen des Unternehmens... wieder kleine Stadt).
2 kleine Änderungen würde ich machen, wenn ich jetzt wüsste, was ich damals wusste
1) Eine Sitemap, zu der der Benutzer gelangen kann, wäre eine großartige Fallback-Option für die Zukunftsfähigkeit. Sie können auf alle wichtigen Informationen von den 4 obersten Seiten zugreifen, aber Sie können auf Mobilgeräten nicht auf einige Seiten zugreifen, da die Dropdowns erstellt wurden. Es sieht jedoch nicht so aus, als würden Informationen fehlen, wenn dies der einzige Weg ist, wie jemand auf die Website zugreift. Wir haben damals keine Touchscreens benutzt – das iPhone wurde 2007 angekündigt.
2) max-width CSS für größere Monitore. Der Text wird immer länger und länger, anstatt wie ein ordentlicher Absatz auszusehen... das stört mich, aber die Auflösungen waren 2006 viel niedriger. War max-width 2006 überhaupt Teil von CSS? Ich glaube nicht.
Meine Antwort wäre also, dass es wirklich von den Erwartungen des Kunden und der Art des Geschäfts, in dem er tätig ist, sowie vom Inhalt abhängt. Und vielleicht sogar von seinem Standort und seiner Konkurrenz (wie gesagt, kleine Stadt).
Ich habe auch ein paar WordPress-Websites, die zwar Plugin- und Core-Updates erhalten, aber seit einigen Jahren nicht mehr neu gestaltet wurden. Das Problem mit den älteren WordPress-Websites ist, dass ich auf responsive Layouts etwa 3-4 Jahre verzichtet habe, während ich zu WordPress wechselte und weil CSS nicht mehr so war, wie es heute ist. Einige Kleinunternehmer- und Künstlerkunden, die immer noch den Großteil ihres Geschäfts über Mundpropaganda erhalten, aber in festen Fixed-Width-WordPress-Websites stecken, die VOR JAHREN gebaut wurden.
Kann jemand eine Website nennen, die seit zehn Jahren unverändert läuft?
Ich habe versucht, ein Beispiel zu finden, bin aber gescheitert.
Selbst archive.org hat sich in zehn Jahren verändert!
Google.com – lol... Einfachheit!
T
Ja, stimme zu, ich hätte gesagt, Google.com habe sich seit zehn Jahren nicht verändert.
Habe gerade in archive.org nachgeschaut, und es hat sich ein wenig verändert. Nun, die Dinge um das Suchfeld herum.
Ich stelle mir vor, Google hatte in den letzten 10 Jahren ein paar kleine Backend- und Server-Updates. Wahrscheinlich super kleine Sachen ;)
In Bezug auf Webdesign ist es fast unmöglich, etwas zu entwerfen, das 10 Jahre hält. Die Natur des Mediums ändert sich so häufig mit den technologischen Fortschritten, dass man zwangsläufig scheitert, wenn man sich nicht anpassen kann. Allein im letzten Jahr müssen wir den Google-Göttern für die Hinzufügung eines weiteren Mediums danken: AMP. Es ist viel schwieriger, dass das Design einer Website über ein Jahrzehnt relevant bleibt als zum Beispiel das Innendesign eines Hauses: Es gibt einfach weniger Raum für Innovation. 10 Best Design -> Schauen Sie sich die Unternehmen auf dieser Seite an und sagen Sie mir, ob sie noch existieren würden, wenn sie eine 10 Jahre alte Website hätten!
G
Ich fühle mich verpflichtet, meinen knappen Tweet zu klären.
Ich möchte weiterhin Geld von einem Kunden verdienen, und diese Art von Frage würde Alarmglocken läuten lassen, dass er einer dieser Kunden sein wird, der Sie am Ende Geld kostet.
Wenn gezwungen, dann wäre der KISS-Ansatz für mich am sinnvollsten.
Es gibt bereits etwas, das im Web länger als 10 Jahre Bestand hat, und das ist: http://portale.hearstadv.it/images/WORKING.gif
Apropos. Was ist mit Richard Stallmans Website? Die ist wahrscheinlich schon 20 Jahre alt.
Nun, Google hat sich in den letzten 10 Jahren verändert.
Es ist definitiv nicht dasselbe heute wie 2007. Nicht nur das Logo auf der Homepage hat sich geändert (es wechselt sogar von Tag zu Tag), sondern auch die Art und Weise, wie Suchergebnisse angezeigt werden, hat sich stark verändert. Ganz zu schweigen von den Suchergebnissen selbst.
Was mich zum Logo bringt: Ich würde viel mehr Zeit darauf verwenden, zu versuchen, dieses zeitlos zu gestalten und jegliche Trends zu vermeiden, die darauf angewendet werden.
Ich habe eine Kundenwebsite, die seit 10 Jahren läuft und immer noch „gut aussieht“. Auf der anderen Seite habe ich für einen anderen Kunden ein Logo erstellt, das dann von der Website-Firma zu einem App-Icon umgestaltet wurde. Heute sieht es dadurch veraltet aus, und ich wusste schon damals, dass es das sein würde.
Kurz gesagt, dasselbe wie die anderen sagten: Mehr für Typografie und Farben ausgeben und alles weglassen, was nicht notwendig ist.
Aber ich verstehe auch Amber: Eine Website ist ein lebendiges Ding. Sie nicht zu verbessern bedeutet, ihr ein Ende zu setzen. Lustige Art der Faulheit.
HTML, CSS und JavaScript sind nützlich, aber Google hat sich in den letzten 10 Jahren verändert. Eine Website sollte modifiziert werden, aber die grundlegenden visuellen Elemente sollten sich nicht ändern, damit ein Hauch von Alter erkennbar bleibt.