Von Zeit zu Zeit erfährt eine Branche grundlegende Veränderungen, die sie radikal verändern. Damit einher geht eine Explosion der Möglichkeiten: die Möglichkeit für Einzelpersonen, sich zu profilieren, neue Produkte hervorzubringen und etablierte Unternehmen zu ersetzen. Jetzt ist solch eine Zeit in der Web-Community.
So lange ich mich erinnern kann, war der Hauptfokus bei der Webentwicklung darauf zu achten, dass Websites in allen Browsern gleich dargestellt werden. Wir haben große Anstrengungen unternommen, um sicherzustellen, dass die Website eines Kunden von älteren Versionen des Internet Explorers bis hin zum neuesten Firefox auf einmal genau gleich aussieht.
In den letzten Jahren haben wir ein wachsendes Interesse an der so genannten progressiven Verbesserung beobachtet, bei der moderne Funktionen und Stile modernen Browsern, nicht aber älteren, nicht unterstützten Browsern zur Verfügung gestellt werden.
Dieser Ansatz schien sich nie auf der ganzen Linie durchzusetzen. Die meisten Agenturen sind immer noch bestrebt, ihre Websites universell zu gestalten. Und progressive Verbesserung wurde oft als eine Entschuldigung angesehen, um lästige Probleme zu ignorieren. Wie sich herausstellt, sind Web-Leute ziemlich schlau und haben Werkzeuge geschaffen, die zahllose Browserprobleme überwinden.
Einige dieser Entwicklungen haben zu dem Begriff "Responsive Web Design" geführt. Wenn Sie mit dem Begriff nicht vertraut sind, sollten Sie sich unbedingt die definitive Einführung auf A List Apart .
Um es kurz zu fassen: Das Aussehen einer Seite wird an das Gerät des Benutzers angepasst. Für eine Weile war das einfach zu machen: Wenn sich der Benutzer auf einem mobilen Gerät befand, wurden sie auf eine separate Mini-Site umgeleitet. Aber mit Smartphones und vor allem mit Tablets ist die Linie verschwommen.
Responsive Design wurde schnell als eine unglaublich schlaue Methode zum Erstellen von Websites erkannt. Wie weit Sie es nehmen, liegt an Ihnen. Aber eines ist sicher: Es verändert die Branche radikal und beeinflusst unzählige Praktiken und Werkzeuge, die wir seit Jahren nutzen. Betrachten wir die Auswirkungen dieses neuen Ansatzes auf einige der grundlegenden Tools, auf die wir uns stützen, und auf das Webdesign im Allgemeinen.
Fast jeder, der im Web arbeitet, war irgendwann mit jemandem konfrontiert, der glaubt, der Teenager seiner Freundin könnte mit ihrem Projekt fertig werden. Diese Perspektive war schon immer nervig, aber am Ende des Tunnels ist Licht. Mit dem responsiven Design werden die Dinge viel komplizierter. Es gibt jetzt eine große Chance für Web-Profis, sich von der Herde abzuheben.
Es gibt Tausende von Webdesignern und Entwicklern auf der ganzen Welt, und wir sind alle durch das magische Medium verbunden, in dem wir arbeiten. Das ist großartig und problematisch. Angesichts der Anzahl der Menschen für die Arbeit zur Verfügung steht, kann hart sein.
Es gibt tatsächlich eine fabelhafte Gelegenheit hier. Wenn Sie aggressiv genug sind, können Sie sich abheben, indem Sie Ihren Schwanz abdrehen, um schnell responsive Design und Entwicklung zu erfassen. Informieren Sie sich und erfahren Sie es, aktualisieren Sie Ihre persönliche Website und sprechen Sie über Ihre Ergebnisse. Ich garantiere, wenn Sie ein neues Portfolio aufstellen, das diese Fähigkeiten zeigt, werden die Leute daran interessiert sein, mit Ihnen zu arbeiten. Aber das Fenster dazu ist ziemlich kurz, abhängig davon, wie schnell andere Designer an Bord gehen.
Mit diesem Ansatz sind Budgets eine wesentliche Hürde. Mit Responsive Design müssen wir für jedes Layout bis zu vier Varianten erstellen, um Smartphones, Tablets, Netbooks und Desktops zu erreichen. Betrachten Sie eine grundlegende Website mit nur zwei Seiten: eine Startseite und eine innere Seite. Diese beiden Layouts werden zu acht Variationen, wenn Sie sie für vier Gerätegrößen implementieren.
Bedeutet das, wir sollten viermal so viel für die Arbeit verlangen? Das scheint kaum wahrscheinlich. Natürlich sind die Kosten inkrementell, aber die Zeit, die benötigt wird, um die Layouts vorzubereiten und sie so zu programmieren, dass sie richtig funktionieren, wird definitiv zunehmen.
Kundenbildung wird eine große Rolle spielen. Wir müssen unseren Kunden helfen zu verstehen, dass iPads und iPhones zwar cool sind, aber diese Geräte die Kosten der Qualitätsentwicklung in die Höhe treiben. Den Kunden unsere Kosten verständlich zu machen, ist hart genug.
Wenn Sie in der Community für Furore sorgen möchten, erstellen Sie ein Tool, das Budgetprobleme anspricht. Viele haben es bereits getan, mit Tools wie 320 und höher und das Weniger Rahmen . Beides reduziert die Zeit, die zum Erstellen von Produkten benötigt wird, und hilft Entwicklern, Budgets zu sparen. Vor allem 320 ist ein perfektes Beispiel dafür, wie man diese Chance nutzen kann.
Angesichts der weiten Verbreitung von Tools wird die Einführung von Tools auf dem Markt, die den Entwicklungsprozess zur Unterstützung des Responsive Designs vereinfachen, viel einfacher. Wir könnten sogar Tools erstellen, die vorhandene replizieren, die sich jedoch an Responsive Design orientieren.
Einer der vielen Bereiche, die auf den Kopf gestellt werden könnten, ist der Markt für Plug-Ins, die mit gängigen Frameworks wie jQuery arbeiten. Der Markt ist vollgepackt mit großartigen Plugins, die im Browser eine Vielzahl von Dingen erledigen: Diashows, Fotogalerien, Formulare, Pop-Ups, die Liste geht weiter.
Die Gelegenheit hier ist verrückt. Nehmen Sie ein gewöhnliches Plug-In wie das Slickshow-Tool Nivo Slider . Dieses großartige Werkzeug ist in unzähligen Werkzeuggürteln für Entwickler zu finden. Der Markt ist reif für jemanden, der ein ähnliches Tool entwickelt, das sich selbst anpasst, um mit einem reaktionsfähigen Ansatz reibungslos über verschiedene Geräte hinweg zu funktionieren.
Das gleiche gilt für fast jedes Plug-in. Wenn Sie nach einem Projekt suchen, das praktisch den Erfolg garantiert, wählen Sie ein Hot-Plug-In und erstellen Sie eine Responsive-Version, die sich an verschiedene Geräte anpasst.
Während dieser Artikel mehr über den Entwicklungsprozess handelt, betrachten wir Browser-Tests. Dies ist ein grundlegender Teil des Aufbaus von Websites. Jeder knietief beim Aufbau einer Website testet wahrscheinlich Sachen in mehreren Browsern, während sie gehen. Und irgendwann werden die meisten Websites in zahlreichen Browsern einem eingehenden Test unterzogen.
Aber wie gehen wir das durch Responsive Design an? Sollte das Team alle der beliebtesten Geräte besitzen? Sicher, es gibt Emulatoren, aber die meisten sind schmerzhaft zu installieren und zu arbeiten. Und nichts geht über das Testen mit der echten Sache.
Das Einrichten von Software auf Computern, um Screenshots auf einer Vielzahl von Browsern und Plattformen zu erstellen, ist ziemlich schwierig. Aber die Einrichtung von Systemen zur automatischen Erfassung von Screenshots aus der ständig wachsenden Anzahl von Geräten ist sehr schwierig. Die Lösungen, die es gibt, sind teuer, und ich muss noch einen guten Service dafür finden.
Dies ist eine der Situationen, in denen Komplexität von Vorteil ist. Wenn es jemandem gelingt, diese Katze zu häuten, wäre es für andere ziemlich schwer zu folgen. Es gibt viele Lösungen für automatisierte Screenshots in mehreren Browsern, aber die erste Person, die Screenshots für Geräte anbietet, wird etwas Einzigartiges zu verkaufen haben. Und die Gemeinschaft wird sehr reagieren.
Der Markt für ready-to-go-Themen ist riesig, aber reaktionsfreudiges Design ist auch hier ein Problem. Vorlagenanbieter werden ihre Entwürfe wahrscheinlich nicht nachrüsten, um diese neuen Anforderungen zu erfüllen. Vielmehr werden sie zukünftigen Versionen wahrscheinlich reaktionsfähige Funktionen hinzufügen. Und darin liegt die Chance.
Alte Vorlagen wurden nicht unbrauchbar gemacht; Sie fehlen nur eine wichtige Komponente. Dies ebnet das Spielfeld für eine Weile. Wenn Sie darüber nachdenken, Ihr eigenes Thema Geschäft zu starten, ist dies eine gute Zeit, dies zu tun. Etablierte Unternehmen müssen ihre Legacy-Templates unterstützen, und obwohl sie einige Vorteile genießen, ist die Markteintrittsbarriere etwas geringer geworden.
Die Community verlässt sich mittlerweile auf Software-Services für Dinge wie Wireframing und Usability-Tests. Aber wie handhaben diese Tools mehrere Geräte? Viele Tools befassen sich beispielsweise mit Usability-Tests, und einige neue Tools befassen sich sogar mit mobilen Tests (wie z YouEye Mobile ), aber sie lösen nur einen Teil des Problems.
In der Wireframing-Nische gibt es eine allgemeine Möglichkeit, verschiedene Seitenlayouts zu handhaben, aber ich muss noch eine Lösung finden, die ein einzelnes Seitenlayout für verschiedene Geräte behandelt. Das Bedürfnis ist so einfach, doch viele Systeme brechen einfach zusammen. Sollten wir für jedes Gerät ein neues Drahtmodell erstellen? Die Antwort ist nicht klar.
Der Markt ist reif für Tools, die die aktuellen Ansätze der Menschen, online zu arbeiten, unterstützen und gleichzeitig Responsive Design berücksichtigen. Sie können Kunden möglicherweise von Mitbewerbern weglocken, indem Sie Funktionen anbieten, die diese modernen Techniken umfassen.
Veränderung kann entnervend, sogar überwältigend sein. Egal, wie viel Sie lernen, Sie fühlen sich immer wie zurückgeblieben. Aber alle sind im selben Boot. In Zeiten großer Veränderungen kannst du die Gelegenheit maximieren, indem du in die erste Welle einsteigst und reitest.
Sehen Sie noch andere Möglichkeiten, die Bewegung in Richtung Responsive Design zu nutzen?