In diesem Vortrag stellt auf der Meet Magento 2013 in Leipzig stellt Moritz Koch, Managing Director von Commerce Plus, die Chancen und Herausforderungen der Umsetzung von Websites und Online Shops im Rahmen von Responsive Design vor.
Ausprägungen, Rahmenbedingungen, Herausforderungen, Best Practices und Projektbeispiele werden diskutiert. Dies als Basis für ein Tipps für den konkreten Entscheidungsprozess Mobile / Responsive Design für einen Website-Relaunch und einigen Details, die es gilt, im Rahmen der Umsetzung zu berücksichtigen.
Deutsche Fassung einer Präsentation über Ölschadensbekämpfung und Öl/Wasser Trennung, die ich im Auftrag der Firma Technomar GmbH & Co.KG erstellt habe.
Deutsche Fassung einer Präsentation über Ölschadensbekämpfung und Öl/Wasser Trennung, die ich im Auftrag der Firma Technomar GmbH & Co.KG erstellt habe.
Energiewende Baden-Württemberg:
Für das Jahr 2050 haben wir eine klare Perspektive:
Wir sparen 50 Prozent Energie und vom verbleibenden Energiebedarf werden 80 Prozent aus regenerativen Quellen stammen. Wir stoßen 90 Prozent weniger Treibhausgase aus.
Und überschüssige Energie wird in Zukunft gespeichert,
anstatt verloren zu gehen. Kurz: Das Energiesystem wird intelligenter. Ein Anfang ist gemacht - mehr dazu hier im Magazin oder unter www.50-80-90.de.
Fachveranstaltung Mobile Business Insights – Wie erreichen wir unseren Kunden...Namics
Auf der Fachveranstaltung Mobile Business Insights am 27.11.2014 zeigte Farnoush Pourebrahim die Entwicklungen, Herausforderungen und Chancen im Mobile Business auf und gab Antwort auf die Frage: Wie erreichen wir unseren Kunden im 21. Jahrhundert? Spannende und erfolgreiche Business Cases zeigten auf, wie Mobile richtig eingesetzt einen grossen Beitrag zum Unternehmenserfolg leisten kann.
Taller1 "FORTALECIÉNDONOS COMO ORGANIZACIÓN "Yesi IP
Espero les pueda servir, es el extracto de un taller aplicado por mi persona y compañeras de universidad; a niños de 10 a 15 años. Para NNAS que empiezan a organizarse y desarrollarse.
Gesundheit und Tourismus am Beispiel der Ferienwelt WinterbergFerienweltWinterberg
Gesundheit und Tourismus: Widerspruch oder Markt von Morgen? Wirtschaftliche Struktur der Ferienwelt Winterberg, monetäre Effekte des Tourismus, Grundlagen des Gesundheitstourismus und Ideen
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen WebsiteAndré Goldmann
In dieser Präsentation lernen Sie die technischen Herausforderungen eines mobilen Website-Relaunches kennen und bekommen Strategien zur Planung und operativen Umsetzung Ihrer neuen Website an die Hand – erprobt und praxisnah demonstriert. Lernen Sie außerdem den Vorteil von „Mobile first“ und responsiven Webdesigns sowie aktuellen Trackinglösungen zur Konversionmessung kennen.
Responsive Webdesign ist grad der heiße Scheiß, allerdings ist Responsive Webdesign mehr, als eine Desktopwebsite in eine mobile Ansicht zu quetschen. Es muss ein neuer Prozess her. Der alte Workflow "Auftrag bekommen > Recherche > Design erstellen > Abnahme > Design umsetzen" funktioniert so nicht mehr. Im Responsive-Webdesign-Prozess müssen alle Beteiligten eines Webprojekts von der ersten Sekunde an enger zusammenarbeiten. Zudem müssen frühzeitige und häufige Testphasen und Implementierungsstrategien gefunden werden.
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
Das Whitepaper gibt einen Überblick über Chancen und Herausforderungen bei der Einführung von Reponsive Webdesign. Welche Möglichkeiten bringt die Anpassung eines Webauftritts an verschiedene Endgeräte mit sich? Wie kann ein einheitliches Nutzererlebnis geschaffen werden? Welche Besonderheiten bringen die einzelnen Projektphasen mit sich?
In den Suchergebnissen ganz oben zu stehen, ist auf kleinen Bildschirmen noch viel wichtiger, als auf dem Desktop. Laut Google wird es schon Ende 2014 mehr Mobile- als Desktop-Suchanfragen geben und kein Unternehmen kann es sich heute noch leisten, die mobilen Nutzer zu ignorieren. Eigentlich, aber immer noch vertagen viele Unternehmen dieses Thema lieber und verlieren als Konsequenz im besten Fall Umsatz, wahrscheinlicher aber den Anschluss an die mobile Zukunft ihrer Nutzer. Wie gut funktionieren etablierte SEO-Strategien für eine mobile Welt, welche Analysemöglichkeiten gibt es? Lernen Sie in dieser Präsentation die Mobile-SEO-Grundlagen für die mobile Suche.
Energiewende Baden-Württemberg:
Für das Jahr 2050 haben wir eine klare Perspektive:
Wir sparen 50 Prozent Energie und vom verbleibenden Energiebedarf werden 80 Prozent aus regenerativen Quellen stammen. Wir stoßen 90 Prozent weniger Treibhausgase aus.
Und überschüssige Energie wird in Zukunft gespeichert,
anstatt verloren zu gehen. Kurz: Das Energiesystem wird intelligenter. Ein Anfang ist gemacht - mehr dazu hier im Magazin oder unter www.50-80-90.de.
Fachveranstaltung Mobile Business Insights – Wie erreichen wir unseren Kunden...Namics
Auf der Fachveranstaltung Mobile Business Insights am 27.11.2014 zeigte Farnoush Pourebrahim die Entwicklungen, Herausforderungen und Chancen im Mobile Business auf und gab Antwort auf die Frage: Wie erreichen wir unseren Kunden im 21. Jahrhundert? Spannende und erfolgreiche Business Cases zeigten auf, wie Mobile richtig eingesetzt einen grossen Beitrag zum Unternehmenserfolg leisten kann.
Taller1 "FORTALECIÉNDONOS COMO ORGANIZACIÓN "Yesi IP
Espero les pueda servir, es el extracto de un taller aplicado por mi persona y compañeras de universidad; a niños de 10 a 15 años. Para NNAS que empiezan a organizarse y desarrollarse.
Gesundheit und Tourismus am Beispiel der Ferienwelt WinterbergFerienweltWinterberg
Gesundheit und Tourismus: Widerspruch oder Markt von Morgen? Wirtschaftliche Struktur der Ferienwelt Winterberg, monetäre Effekte des Tourismus, Grundlagen des Gesundheitstourismus und Ideen
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen WebsiteAndré Goldmann
In dieser Präsentation lernen Sie die technischen Herausforderungen eines mobilen Website-Relaunches kennen und bekommen Strategien zur Planung und operativen Umsetzung Ihrer neuen Website an die Hand – erprobt und praxisnah demonstriert. Lernen Sie außerdem den Vorteil von „Mobile first“ und responsiven Webdesigns sowie aktuellen Trackinglösungen zur Konversionmessung kennen.
Responsive Webdesign ist grad der heiße Scheiß, allerdings ist Responsive Webdesign mehr, als eine Desktopwebsite in eine mobile Ansicht zu quetschen. Es muss ein neuer Prozess her. Der alte Workflow "Auftrag bekommen > Recherche > Design erstellen > Abnahme > Design umsetzen" funktioniert so nicht mehr. Im Responsive-Webdesign-Prozess müssen alle Beteiligten eines Webprojekts von der ersten Sekunde an enger zusammenarbeiten. Zudem müssen frühzeitige und häufige Testphasen und Implementierungsstrategien gefunden werden.
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
Das Whitepaper gibt einen Überblick über Chancen und Herausforderungen bei der Einführung von Reponsive Webdesign. Welche Möglichkeiten bringt die Anpassung eines Webauftritts an verschiedene Endgeräte mit sich? Wie kann ein einheitliches Nutzererlebnis geschaffen werden? Welche Besonderheiten bringen die einzelnen Projektphasen mit sich?
In den Suchergebnissen ganz oben zu stehen, ist auf kleinen Bildschirmen noch viel wichtiger, als auf dem Desktop. Laut Google wird es schon Ende 2014 mehr Mobile- als Desktop-Suchanfragen geben und kein Unternehmen kann es sich heute noch leisten, die mobilen Nutzer zu ignorieren. Eigentlich, aber immer noch vertagen viele Unternehmen dieses Thema lieber und verlieren als Konsequenz im besten Fall Umsatz, wahrscheinlicher aber den Anschluss an die mobile Zukunft ihrer Nutzer. Wie gut funktionieren etablierte SEO-Strategien für eine mobile Welt, welche Analysemöglichkeiten gibt es? Lernen Sie in dieser Präsentation die Mobile-SEO-Grundlagen für die mobile Suche.
Digital Media Night - Responsive Web DesignVirtualtrends
Responsive Web Design, die Zukunft des Web!
Virtualtrends veranstaltet mehrmals im Jahr die Digital Media Night. Auf dieser Veranstaltung vermitteln wir Wissen aus der Branche und informieren über aktuelle Trends.
Microfrontends zur Rettung - Frontends auf Anwendungsebene modularisierenMark Lubkowitz
Microfrontends sind ein Architekturstil, um Frontends auf Anwendungensebene in fachlich abgeschlossene, individuell verteilbare Software-Elemente zu zerlegen. Microfrontends lassen sich in andere Frontends unabhängig von deren Architektur, Fachlichkeit und Technologiestack integrieren.
Die Antwort auf die Herausforderungen des mobilen Webs ist Responsive Design.
Doch was verbirgt sich hinter diesem neuen Design Ansatz und welches sind die
Benefits die ich daraus ziehe? Referent: Dani Kalt (CEO, CS2 AG)
Zukunftssichere Websites für alle Endgeräte entwickeln
Durch die drastische Veränderung der Medienlandschaft und die Vielfalt der Geräte mit denen heutzutage das Internet genutzt wird, ergeben sich neue Anforderungen an moderne Websites. Um diesen Anforderungen gerecht zu werden, reicht die Entwicklung einer klassischen Webpräsenz nicht mehr aus. Smartphones und Tablet-PCs müssen ebenso bedient werden wie Desktop- Rechner mit Widescreen-Monitoren und internetfähige TV-Geräte.
Responsive Design stellt einen neuen, zukunftssicheren Ansatz dar, bei dem verschiedene Endgeräte gleichermaßen berücksichtigt sowie Entwicklungs- und Pflegeaufwand der Website gering gehalten werden können.
Responsive Web Design erfreut sich nun auch in Deutschland immer größerer Beliebtheit. Jedoch erfolgt das Conversion-Tracking noch eher im Blindflug. Durch die Neuanordnung oder Skalierung von Sektionen auf einer Webseite durch Media Queries können wichtige UI-Elemente den Fokus des Users verlieren. Google Analytics bietet in diesem Bereich zwar viele Möglichkeiten, stößt bei der Dynamisierung aber schnell an seine Grenzen.
An wen ist die Session gerichet?
Der Vortrag richtet sich an Marketers und Frontender.
Was sind die Trends im Webdesign 2014?
Die erste Ausgabe des datenwerk Kochbuchs gibt einen Überblick und zeigt Beispiele zu grundlegenden Trends im Webdesign der heutigen Zeit.
Voquz IT Solutions UnternehmenspräsentionVoquz Group
Dies ist die Präsentation der VOQUZ IT Solutions.
VOQUZ ist eine Konzerngruppe, die aus der deutschen DV RATIO und der österreichischen CLOUD7 GmbH hervorgegangen ist. Das Unternehmen entwickelt, steuert und realisiert komplexe IT - Projekte sowohl in Konzernen als auch in mittelständischen Unternehmen. Zudem leistet
VOQUZ qualifizierte Beratung zu IT- und Prozessmanagement. Dafür greift das Unternehmen auf einen internationalen Pool ausgewiesener Spezialisten zurück und stellt jederzeit den richtigen Experten zur Verfügung. Die Konzernhistorie geht auf das Jahr 1980
zurück. Somit verfügt VOQUZ über eine solide
gewachsene Markt -und Branchenerfahrung. Mit Standorten in München, Hamburg, Düsseldorf, Frankfurt, Stuttgart, Wien (A) und Zürich (CH) ist die VOQUZ IT SOLUTIONS im kompletten D-A-CH-Raum vertreten
Responsive Design ist momentan in aller Munde. Häufig wird es gleichgesetzt mit Design für mobile Geräte. Dabei geht es eigentlich darum Design zu schaffen, welches unabhängig vom verwendeten Endgerät ist. Endgeräte sind heutzutage neben klassischen Desktopsystemen und Laptops, zunehmend auch mobile Endgeräte wie Smartphones und Tablets, welche andere Eigenschaften und Voraussetzungen haben, die es in Bezug auf Design und Usability zu berücksichtigen gilt.
Der Vortrag zeigt auf, welche Chancen sich für Unternehmen ergeben, die mittels Responsive Design ihre Webangebote und Applikationen auf die gewandelte Nutzerschaft optimieren. Dabei werden sowohl technische Grundlagen vermittelt, aber auch fortgeschrittene Fragestellungen ("Mobile First" Entwicklungsansatz, Layout Patterns) behandelt.
CIS mobile Die mobile Anwendung für Ihr VertriebsteamPascal Dequito
Kostenlose Demoversion (keine Registrierung nötig) auf: http://www.s10mobile.com
(+) Der Außendienstmitarbeiter kann in einer einzigen integrierten App auf aktuelle und sehr detaillierte ERP-Daten zugreifen: Kundendaten, Angebote, Aufträge, Versandinfo, Artikel, Verfügbarkeit, Konditionen, Ansprechpartner, Besuchsberichte, Reklamationen, Kreditdaten
(+) Ob Laptop, Tablet oder Smartphone: CIS mobile läuft identisch auf allen Tablets (iOS / iPad, Android, Windows), auf Smartphones, klassischen Laptops/Desktops oder eingebunden als Anwendung innerhalb SAP GUI
(+) Zahlreiche Diagramme und Analysen erlauben einen schnellen Einblick in die Kundensituation zur optimalen Vorbereitung auf einen Kundentermin und zur Planung von Vertriebsaktivitäten
(+) Keine Schulung nötig: CIS mobile ist intuitiv und leicht bedienbar
(+) Zusätzliche Auswertungen / Informationen können Sie über die in CIS mobile schon integrierten Add-On-Exits einbauen
(+) Auch ein Offline-Zugriff auf Kundendaten ist unterstützt durch die Generierung von PDF-Dokumenten
(+) Angebote und Kundenaufträge können über CIS mobile direkt geändert oder neu erfasst werden, falls der Benutzer die SAP-Berechtigungen dazu besitzt
Conversionoptimierung durch Verbindung von E-Commerce und Content ElementenStephan Sigloch
Stephan Sigloch, NETFORMIC GmbH berichtet über Conversionoptimierung durch die Verbindung von Commerce und Content, ob Blogs, Ratgeber, Tipps, Foren etc. Im E-Commerce ist Content abseits von Produktdaten wichtiger den je. Erstmals gehalten auf dem Shopware Community Day 2013.
Das Konzept: Für jeden verständlich und übersichtlich, gemacht für Designer, Template-Entwickler und IT.Alle Anforderungen, alle Besonderheiten für mobile Optimierung müssen spezifiziert sein und dabei soll alles auch noch so einfach wie möglich aufbereitet sein. Gar nicht so einfach, oder?
Ähnlich wie Responsive Design - flexibel und wandelbar (20)
3. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110 3
Beim Responsive Webdesign handelt es sich um einen
gestalterischen und technischen Ansatz zur Erstellung
anpassungsfähiger Websites.
!
Der grafische Aufbau einer „responsiven“ Webseite erfolgt
anhand der Anforderungen des jeweiligen Gerätes, mit
dem die Seite betrachtet wird. Dies betrifft insbesondere
die Anordnung und Darstellung einzelner Elemente, wie
beispielsweise Navigationen, Seitenspalten und Texte.
RESPONSIVE DESIGN
DEFINITION WIKIPEDIA.DE
4. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
DIE TECHNISCHE BASIS
1. Fluid Grid
!
Das Layout, liegt einem
Spaltenraster zu grunde,
welches sich in realtiven Werten
(Prozent, em) an den Browser-
rahmen anpassen.
2. Media Queries
!
Media Queries ermöglichen die
Zuordnung von CSS
Formatierungen aufgrund der
Eigenschaften des verwendeten
Ausgabemediums.
3. Fluid Images
!
Fluid Images beschreibt die
Geräte spezifische Auslieferung
von Bildern (und anderen Media-
Typen).
24. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
EVALUATION
Bei der Evaluation zwischen
einer separaten Mobile Site
und einem Responsive
Design Ansatz sind
verschiedene Aspekte zu
berücksichtigen. Auch eine
Kombination beider
Lösungen ist möglich.
26. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
WEB ANALYTICS & RESEARCH
/ Webanalyse auswerten
/ Vergleichen: Mobile vs. Desktop
/ Achtung: Mobile != Mobile (Mobile isoliert nach Smartphone & Tablet)
/ Welche Auffälligkeiten existieren?
/ Wo sind die größten Unterschiede in der Nutzung?
/ Welche Endgeräte bzw. welche Auflösungen sind relevant?
/ Welche Browser sind relevant?
/ Use Cases erarbeiten
/ Welches Budget steht zur Verfügung?
28. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
BROWSERDEFINITION
FRAGESTELLUNG
/ Auf welche Browser wird konkret optimiert und getestet?
/ Für die Qualitätssicherung müssen Endgeräte & Betriebssystem festgelegt werden
(Aktuell testet C+ auf iPad 2, Nexus 7, iPhone 4S, HTC Sensation XL)
/ Achtung! Mit steigender Komplexität steigt auch der QS-Aufwand
29. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
BREAKPOINTS
Ein Responsive Design
basiert auf sogenannten
Breakpoints, die sich in
Major- und Minor-
Breakpoints gliedern lassen.
Diese werden in
Abhängigkeit von den
Usecases und den
verschiedenen Auflösungen
definiert.
31. SlideMEET MAGENTO 2013-06-04RESPONSIVE DESIGN 00001110
CONTENT HIERARCHIE
Bei der Priorisierung des Contents sollten folgende Fragen gestellt werden:
/ Was sind die zentralen Inhalte (Aussagen, Angebote) der Seite?
/ Welche Elemente kann ich auf keinen Fall weglassen?
/ Welches sind die Bereiche, die in allen Situationen (Mobile und Desktop) ohne Abstriche
funktionieren müssen?