Ein (nicht so) Jilted English Professor's Guide für kreatives Webdesign
Responsive Design hat in letzter Zeit ein gewisses Aufsehen erregt, und das aus gutem Grund. Es verspricht, die zunehmend komplexe Aufgabe der Anpassung von Websites für die unzähligen neuen Geräte, die sich pro Minute vervielfachen, zu vereinfachen.
Wenn man einige gängige Variablen wie die Bildschirmgröße berücksichtigt, wird die Anpassung einer Site an die speziellen Bedürfnisse der Besucher zu einer Angelegenheit von einigen clevere CSS-Planung und Javascript eher als das detaillierte Design von zahlreichen, parallelen Standorten. Für jeden, der sich dem logistischen Minenfeld der Multi-Site-Koordination stellt, ist responsives Design, gelinde gesagt, eine sehr gute Sache.
Wie Sie vielleicht wissen, ist das Konzept selbst von der Architektur entlehnt, einer anderen Disziplin, die sich auf die Beziehung zwischen Menschen und geschaffenen Umgebungen konzentriert. Der Übergang macht Sinn.
Laut Steven Johnsons Buch Where Good Ideas Come From (2011) ist diese Art der konzeptuellen gegenseitigen Befruchtung für zahlreiche bahnbrechende Entwicklungen in der Geschichte des Denkens und Erfindens verantwortlich. Diese Einsicht gab mir eine Idee. Obwohl ich seit fast zwei Jahren Seiten so lässig gestalte, wie es das Internet gibt, hätten mich die meisten vor etwa sechs Monaten in erster Linie für einen Englischprofessor gehalten. Eine kürzliche Karriereschritt zu Vollzeit-Entwickler / Designer, in Kombination mit meinem Hintergrund in Literaturwissenschaften, hat mir eine einzigartige und vielleicht seltsame Perspektive auf die Welt des Designs gegeben.
Jetzt wünschte ich, ich könnte hier innehalten, um die kaltherzigen Bastarde zu vertreiben, die schworen, dass ich nie wieder eine Universität betreten würde, denn das wäre so schlimm, aber Tatsache ist, dass ich den Unterricht absichtlich und zu guten Bedingungen verlassen habe. Ich habe es gemacht, um die Beziehung zwischen Technologie und Kultur zu erforschen, etwas, das mich fasziniert hat, zumindest seit ich mich 1986 zum ersten Mal hinsetzte und King's Quest II spielte. Als ich gebeten wurde, diesen Artikel zu schreiben, musste ich über die produktive Kreuzung nachdenken. Düngung zwischen Design und Architektur. Ich habe mich gefragt, was - wenn überhaupt - Konzepte aus der Literaturwissenschaft sinnvoll auf das Webdesign anwenden könnten.
Nach einigem Nachdenken habe ich eine Liste von sechs Möglichkeiten zusammengestellt. Das sind nur erste Antworten auf die Frage, aber ich hoffe, sie können zumindest suggestiv und vielleicht provokativ sein. In literarischen Geek-Begriffen mache ich eine kleine Ratio . Auf mit den Konzepten ...
1. Metapher
Dieser ist fast zu offensichtlich, aber zuletzt habe ich überprüft Metapher ist immer noch weitgehend die Fachkenntnisse der englischen Professoren. Mach dich bereit für einen dieser nervigen Zinger, die die Leute immer über ihren Beruf sagen: ob du es glaubst oder nicht, das Internet ist eine Metapher! Brennen! (Nein nicht wirklich). Metapher - ein Vergleich, bei dem zwei Elemente verwendet werden, die scheinbar keine Beziehung zueinander haben - ist das wichtigste (und einige würden nur sagen) Paradigma, das wir verwenden, um neue technische Medien zu verarbeiten.
Die Idee einer Verbindung ist eine Metapher - sie hätte genauso gut als IP-Übertragungsknoten bezeichnet werden können, aber das würde den durchschnittlichen nicht-technischen Benutzer viel länger zu verstehen brauchen. Als Tim Berners-Lee versuchte, das Internet selbst zu konzipieren, erforschte er Metaphern von Minen und Netzen. Das Web, Windows, Tweets, Digg, Facebook, Canvas - das sind alles Metaphern (und Reddit ist ein Wortspiel).
Hier ist wirklich die wichtigste Sache, die man von diesem wegnehmen sollte: sich seiner Metaphern bewusst zu sein, ist ein großartiger Weg zu erfolgreichem Design. Das Geheimnis vieler bekannter Websites ist, dass sie sich der Metaphern bewusst sind, die sie verwenden: Sie ziehen Ideen aus dem Äther des Codes auf die Erde (interessanterweise, zumindest für mich, wird der Punkt des Vergleichs in einer Metapher tatsächlich der Name genannt "Boden"). Metaphern sprechen die visuellen und taktilen Sinne des Menschen an und sind dadurch leichter zu merken, zumal wir mit immer mehr visuellen und taktilen Technologien leben.
Um das Wort dem Exekutivohr schmackhafter zu machen (tsk, tsk), könnten Sie es als "visuelle Kohärenz" oder "taktile Konsistenz" einführen. Sie würden es aufessen wie ein Hundefrühstück (oops, Gleichnis).
2. Unterschrift
Als ich im ersten Jahr Kompositionskurse unterrichtet habe, war die Unterschrift das wichtigste Konzept, an dem ich mitgearbeitet habe. Es bedeutet nicht nur, dass du deinen John Hancock auf irgendwas setzt. Es bezieht sich auf die einzigartige Spur der Person, die durch die Wörter und Ideen emporragt. Eng verwandt ist die Idee der Stimme: die vitale, einzigartige Kraft, die durch ein bestimmtes Projekt spricht.
Best Practices können Sie weit bringen, aber gutes Design hat normalerweise eine klare Signatur und eine Stimme, und wieder sind die besten Programmierer diejenigen, die sich ihres einzigartigen Stils bewusst sind. Während ein verschrobener Kunde scheinbar nichts mehr zu tun hat als den Gedanken, seine Unterschrift komplett zu zerstören, durchforstet er alles von Farbe über Schriftart, Layout bis hin zu Cross-Browser-Lösungen (und ja, sogar Ihre spezielle Implementierung von Responsive Design). Es ist nicht dasselbe wie Marke, denn es ist immer implizit und nicht explizit. Um nach seinen Spuren zu suchen, überlegen Sie, wie Sie Google oder Facebook neu gestalten.
Wenn das alles etwas zu abstrakt ist, können Sie immer sehen, wie die Schlagwörter "Design-Subtext" oder "Sub-Theme" oder "Implizites Schema" oder "Subscaping" Ihrer Zunge entgleiten.
3. Den Zyklus sprengen
Okay, das ist nicht streng aus einem englischen Klassenzimmer. Ich habe es gestohlen eine Episode von The Show mit Ze Frank, aber ich habe es oft auf Lektionen angewendet, wie man A + Papiere schreibt. Die brilliantesten Arbeiten sind solche, die nicht nur aktuelle Denkweisen erkennen, sondern sie auch noch einen Schritt weiter bringen.
Obwohl ich immer noch in die kurvenreichen Freuden des "border-radius" -Attributs von CSS3 verliebt bin, habe ich zum Beispiel bemerkt, dass Twitter's neuer Rollout tatsächlich um die Ecke in einer abgespeckten, abgeschwächten, 3px Art und Weise lief. In diesem Sinne haben nur sehr wenige Designer die Möglichkeiten für asymmetrische Kurven auf effektive Weise untersucht (jemand kommt dazu!).
Wahres kreatives Talent liegt in der Fähigkeit, ein Klischee zu erkennen und zu explodieren - im letzten Moment aus der kreativen Sackgasse auszubrechen. Wenn Sie nur kopieren, was da draußen ist, dann sind Sie bereits zurückgefallen. Die Leute, die aktuelle Hot Sites entworfen haben, arbeiten bereits an ihrer nächsten Phase.
Es gibt nur eine sichere Methode, um die Klischees zu erkennen und den Kreislauf zu sprengen: Forschung. Bevor Sie stöhnen und sich vor Schmerz stöhnen, hören Sie einfach auf zu verstehen, dass Forschung in diesem Fall bedeutet, dass Sie viele der wirklich fantastischen Webseiten surfen. Steven Johnson bemerkt, dass die Forschung so effektiv ist, weil sie zu einer verbesserten Erzeugung dessen führt, was man als "benachbartes mögliches" bezeichnet - die Möglichkeiten, die jenseits der Grenzen der gegenwärtigen Sichtweisen liegen.
Ich werde diese eine "vorausschauende Entwicklung" oder "proaktives Design" oder "taktisches Grenz-Trashing" nennen, nur für Tritte.
4. Nonce-Taxonomie
Was, du fragst dich vielleicht zu diesem Zeitpunkt, hat dieser Typ für all diese zufälligen Begriffe? Lassen Sie mich erklären.
Der Begriff "nonce taxonomy" stammt von einer viel zu früh verstorbenen Frau, meiner literarisch-kritischen Heldin Eve Kosofsky Sedgwick. Nonce bedeutet "für das Eine", und eine Taxonomie ist natürlich ein System der Benennung. Eine "Nonce-Taxonomie" ist also ein System von Begriffen und Terminologien, das für das vorliegende Projekt maßgeschneidert ist und entsorgt oder neu entwickelt wird, sobald es umständlich oder bedeutungslos wird.
Diese Art des Denkens über ein Projekt ermöglicht nicht nur eine gute Versorgung mit frischen Ideen, sondern erlaubt es auch, jedes Projekt auf die besonderen (und besonderen) Anforderungen des Kunden abzustimmen. Eine einfache Möglichkeit, eine Nonce-Taxonomie zu erfinden, besteht darin, eine Weile zu arbeiten und dann eine Liste mit Begriffen, Themen, Ideen, wiederkehrenden Mustern und Codeelementen zu erstellen, die für das vorliegende Projekt am relevantesten erscheinen. Sehen Sie, ob sich diese für weitere Muster oder Begriffe eignen, und fügen Sie regelmäßig von der Liste hinzu und subtrahieren Sie sie nach Belieben. Die Idee hier ist, sich mit der Mobilität und Flexibilität, die für jedes kreative Projekt notwendig sind, anzufreunden.
Als eine weitere Anmerkung sind XML- und OOP-Sprachen nicht-taxonomische Systeme der Art, obwohl sie offensichtlich etwas regelgebundener sind. In Bezug auf spezifischere Praktiken kann nonce taxonomic Design in alles von variablen Namen bis zur Dokumentation integriert werden und kann sicherlich verwendet werden, um Kundeninteraktionen aufzupeppen (Jargon ist sexy ). Man könnte sagen, es bietet eine "Seele" für das Projekt, wenn Sie in diese Art von Sache sind. Ich hätte hier ein lebhaftes Schlagwort, aber ich denke, das ist eine Sache von Schönheit für sich. RIP Eva.
5. Kontaktzone
Dieser Begriff wurde von einer Kritikerin namens Mary Louise Pratt als Antwort auf die Idee der Grenzen (wie in Wild West Grenzen) entwickelt. Sie behauptete, dass Grenzen die falsche Metapher für die Situation sind, weil sie nur andeuten, dass das Handeln aus einer Perspektive in eine Richtung erfolgt. Tatsache ist, dass sogar in Situationen extremer Machtungleichgewichte, wie zwischen Cowboys und Indianern, multiple Perspektiven und Motive von beiden Seiten das Ergebnis beeinflussen. Indem der Einfluss dieser vielfältigen Wünsche anerkannt wird, kann eine realistischere Einschätzung vorgenommen werden, was zu Erfolgen und Misserfolgen in einer bestimmten Situation führt.
Was hat diese kleine revisionistische Geschichtsstunde mit Webdesign zu tun? Eine Website ist eine Kontaktzone in dem Sinne, dass Sie einen Designer und einen Benutzer haben, und es ist im Allgemeinen eine sehr unausgewogene Interaktion. Obwohl Web 2.0-Sites ein bisschen Themenkundenanpassung und natürlich Plattformen für die Kommunikation bieten, sind sie weit davon entfernt, die Zügel dem Code zu überlassen und irgendjemanden tun zu lassen, was sie wollen. Warum scheitern manche und andere?
Die Stärke einer Site wie Reddit ist, dass ihre Ersteller ihre Benutzer in der Schleife der Erstellung und Modifikation halten. Es ist so unauffällig wie möglich in Bezug auf die Privatsphäre und sogar das Layout, und so bleibt das Gefühl, eine Kontaktzone zu sein, im Vordergrund. Ich meine, hast du jemals wirklich Reddit gesehen? Da ist nichts (außer Tausenden Redditors). Die Designer und Benutzer erstellen eine Feedback-Schleife, die die Website selbst gestaltet.
Obwohl der Begriff "Kontaktzone" für sich genommen ziemlich anständig ist, werfen wir doch noch ein paar spaßige Design-Schlagworte auf: "permeable interface" oder "generative feedback".
6. Das Medium ist die Nachricht
Der berühmte Techno-Visionär Marshall McLuhan artikulierte die Idee von "heißen" und "kalten" Technologien. Wenn eine Technologie "heiß" ist, gibt es Ihnen fast alle Informationen, die Sie brauchen, lassen Sie kaum die Phantasie - denken Sie 80 Zoll großen Fernseher oder 3D-Filme. Je kälter eine Technologie, desto mehr erfordert sie Beteiligung und Beteiligung (Reddit ist kalt ... so kalt, Baby).
Als McLuhan sagte, dass das Medium die Botschaft ist, meinte er, dass Medien die Art, wie wir denken und die Welt kennen, verändern. Während wir so vollständig in kalte Technologien im Web eingetaucht sind, beginnen sie buchstäblich, unsere Wahrnehmung neu zu gestalten. Was wäre die Welt ohne Facebook? Ich möchte nicht in dieser Welt leben. Vielleicht. Es ist ein bisschen viel für meinen Geschmack in letzter Zeit erhitzt.
Bevor ich mich hier zu weit in die Schimpfworte eines finddy-duddy-Technophobe zurückziehe, möchte ich zu McLuhans Beobachtungen kommen. Es gibt uns eine neue Terminologie für das Nachdenken über die Auswirkungen einer Website. Mit der Entwicklung des Internets hat sich das Internet in den letzten Jahren immer mehr von einer heißen Technologie zu einer kalten Technologie gewandelt, insbesondere mit dem starken Anstieg des Web 2.0-Designs. Jetzt können Sie viel mehr von dem, was Sie sehen, anpassen und mit Inhalten interagieren und Inhalte produzieren, die vor kurzem noch unvorstellbar waren. Es ist noch nicht vorbei. Vor allem bei Smartphones ändert sich das Medium / die Nachricht wieder. Ich denke, dass es heißer wird, weil das Interface so nahtlos wird, dass es schwer ist, zu entkommen.
Es wird immer diejenigen geben, die das Gegenteil von der vorherrschenden "Temperatur" sehnen, und das ist ratsam, wenn man versucht, alte Trends mit neuem Webdesign zu übertreffen. Es ist auch eine Überlegung wert, was der angenehme Temperaturbereich für Ihre Kunden und ihre Kunden ist - wollen sie viel Interaktion, oder sind sie diejenigen, die sich nach der guten alten Zeit sehnen, wenn die Leute ihnen nur sagen würden, was sie kaufen sollen? Sind sie der immersive Flash-Typ? Verrückt nach dem dynamischen Inhalt von PHP und anderen? Oder Rückschläge zu etwas gutem altmodischem statischem HTML? Wenn Sie mit dem Entwurf eines neuen Mediums beginnen, kann es auch hilfreich sein, Fragen zu untersuchen, wie das Medium selbst die Erwartungen und Fähigkeiten des Benutzers verändert und wie sich dies auf den übergeordneten Zweck der Website auswirkt.
Wenn wir hier ein Designkonzept brauchen, könnten wir es vielleicht so etwas wie "Medienmessung" oder "Hot Messaging" und "Cold Messaging" nennen.
Abschiedsschuss
Alles in allem ist das Genie des Responsiven Designs die Art, wie es ein fremdes, aber unheimlich relevantes Konzept in einen völlig neuen Kontext einführt. Wenn Sie dies tun, werden alte Ideen auf neue Weise lebendig. Die gegenseitige Befruchtung von Ideen treibt Foren wie TED, IFTF und eben diese eZine an. Wenn du zu viel Zeit damit verbringst, immer wieder durch die gleichen Schlagwörter zu radeln, stagnierst du und deine Arbeit leidet - Dinge müssen sich entwickeln oder sterben. Wenn ich diese Ideen hier anbiete, ist es keineswegs meine Absicht, unerwünschte Vorschläge auf einem Gebiet von bereits intelligenten und motivierten Designern zu erzwingen. Das Hauptziel ist nur etwas provokativ zu sein. Wenn wir diese Art von disziplinübergreifender Erforschung in Philosophie, Geschichte, Politik oder Psychologie - die oft verschmähten Geisteswissenschaften - erweitern, stellen wir uns die Vielzahl neuer Konzepte vor, die zur Verfügung stehen würden.