Die Herausforderungen des reaktionsschnellen Webdesigns mit Ethan Marcotte

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. "

Diese überarbeitete Ausgabe behält die Originalbildstandorte und -formate bei gleichzeitiger Paraphrasierung des Textes, um eine einzigartige, aber semantisch äquivalente Version des ursprünglichen Artikels zu erreichen.

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!