Diese Episode der Versioning -Show enth?lt ein Gespr?ch mit Ethan Marcotte, dem Designer, der den Begriff "Responsive Web Design" gepr?gt hat. David und Tim untersuchen die Ursprünge des reaktionsschnellen Designs, die Herausforderungen der Anpassung von Inhalten für verschiedene Benutzer und die Vorteile von reaktionsschnellen Prototypen gegenüber statischen Modellen. Sie diskutieren auch die überwindung von Selbstzweifeln im Designprozess.

abonnieren Sie iTunes | Abonnieren Sie über Stitcher

Schlüsseldiskussionspunkte:

• Marcotte unterstreicht die Erstellung von Ger?te-Agnostischen Layouts, die sich an eine beliebige Bildschirmgr??e für eine konsistente Benutzererfahrung anpassen.
• Die Verschiebung von statischen Modell zu interaktiven reaktionsschnellen Prototypen in Kundenpr?sentationen wird diskutiert, wobei Echtzeitanpassungen und Feedback betont werden.
• Auswirkungen des Responsive Designs auf herk?mmliche Layouts mit fester Breite, die flexible Gitter und Medienabfragen für eine verbesserte Zug?nglichkeit und mobile Ans?tze verwendet, wird untersucht.
• Die wesentlichen gesch?ftlichen Vorteile des reaktionsschnellen Designs werden unter Berufung auf Beispiele wie das erh?hte Benutzerbetrieb und die betriebliche Effizienz des Boston Globe untersucht.
• Die Bedeutung integrierter Design- und Entwicklungsprozesse, F?rderung der Kommunikation und kollaborativen Prototyping wird betont.
• Inhaltsstrategie und Anpassung der Inhaltszustellung basierend auf dem Benutzerkontext, nicht nur Bildschirmgr??e, sind Schlüsselthemen.
• Zukünftige M?glichkeiten von Elementabfragen zur weiteren Verfeinerung des reaktionsschnellen Designs werden untersucht, was m?glicherweise die Abh?ngigkeit von umfangreichen Medienfragen verringert.

Notizen anzeigen:

• Ethan Marcotte auf Twitter: @beep
• Ethans RWD Twitter -Konto
• Ethanmarcotte.com
• Karen McGrane (Kollegin)
• Medienabfragen
• Elementabfragen
• "Ein Dao des Webdesigns"
• Marcotte bündig "Responsive Web Design" Artikel für Eine Liste auseinander
• der Boston Globe
• Filamentgruppe
• Marcotte und McGrane's Responsive Web Design Podcast
• BBC -Nachrichten im Responsive Web Design Podcast
• Marcotte's Buch reaktionsschnelles Webdesign
• Marcotte's Buch reaktionsschnelles Design: Muster & Prinzipien
Brad Frost auf Karussells
Boba Fett
Twitter: @mdavidgreen | @Tevko | @Versioningshow | @SitePointDotcom

(Transkriptumschlüsse - Eine Auswahl der wichtigsten Gespr?chshighlights finden Sie unten. Das vollst?ndige Transkript ist jedoch im ursprünglichen Eingang verfügbar.)

"Im Grunde genommen geht es am Ende des Tages darum, dass es keine perfekte Sicht auf Ihr Design gibt - dass wir diese Layouts erstellen k?nnen, die keine ideale Breite und H?he haben; das egal wie klein oder wie breit Ihr Bildschirm ist zuf?llig, wir k?nnen diese wirklich sch?nen, ger?te-agnostischen Layouts für das Web erstellen. "

"Ich habe angefangen, weitere Anfragen in Kundenvertr?gen zum Erstellen einer iPhone -Website zu erhalten, was irgendwie seltsam war. Eine andere neue coole Sache wird im mobilen Web auftauchen.

"Sie sprachen über alle gesch?ftlichen Vorteile, die sie daraus sahen, und ver?ffentlichen diese Metriken und diese Daten siehe. "

"Der Designpartner hat seinem Kunden bei Virgin America nie einen statischen Comp. Im Grunde genommen von seinem ersten Treffen hatten sie einen reaktionsschnellen Prototyp in einem sehr frühen Stadium, aber sie hatten einen Prototyp, den jeder auf unterschiedliche Laste laden konnte Browser auf verschiedenen Ger?ten.

", anstatt die Nests von Medienabfragen dieser Ratten zu erstellen, die sich mit all diesen verschiedenen Layout -Zustandsf?llen befassen, die ich für reaktionsm??ig planen muss, wenn ich nur etwas haben k?nnte, das wie in Ordnung ist, angesichts der Breite dieses Containers. Ich m?chte diese Designregeln auf dieses eine bestimmte Modul anwenden, das w?re riesig, und ich denke, es würde wahrscheinlich einen guten Teil der Medienfragen ersetzen, die ich heute schreibe. "

Das obige ist der detaillierte Inhalt vonDie Herausforderungen des reaktionsschnellen Webdesigns mit Ethan Marcotte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!