Jetzt hätte ich jetzt das PDF. Okay, also ich hätte mir
das Thema Multifree News Felience und Responsive Design dann neu rausgesucht.
Ich hoffe, dass es jetzt auch nicht komplett.
Anders schön da gewesen. Vielleicht bei dir? Wie sieht es
bei den anderen aus? Ja, okay. Also,
wir haben ja gerade einiges gehört über Froide Petals und bei
Multis Screen Screen Experience und Responsive Design geht es um spezifische Herausforderungen ans Design,
die jetzt durch durch die unterschiedlichen digitalen Endgeräte entstanden sind.
Also die Herausforderung ist konkret, man hat in verschiedenen Situationen eben unterschiedliche digitale Endgeräte,
die Plattformen mit Geräte übergreifen, Angebote werden immer relevanter,
mittelfristig im Fokus, sind dann natürlich Smartphones, Toplets,
Laptops, Teste, PCs und Internetfähige TV-Geräte.
Es geht aber nicht darum, eine Multiskönigsperience zu schaffen,
also ein einheitliches Nutzerlebnis,
das Erlebnis über alle Geräte und auch wir suchen weg,
sondern Es geht nicht darum, alle Funktionen auf jedem Gerät umzusetzen,
sondern dem jeweiligen Nutzungskontext angepasst, die wichtigsten Funktionen darzustellen.
Die Grundlage hierfür ist natürlich ein Verständnis der Zielgruppe und deren Erlebniskette.
Und das sehen wir auch nichts, nee, weil die Nutzungskontext ist.
Also der Nutzungsmodus, die Situation und das Umfeld.
Geht es erstmal zu der Präsentation, also diese Inhalte,
zum Beispiel die Experience, habe ich hauptsächlich von der Webseite mit des Krieges,
dass wir jetzt kommen.
Das sind Studenten von der Fachhochschule
Schwäbisch Gmünd gewesen
Inzwischen aber schon als Sosa-Experience, Designer arbeiten. Und auf
dieser Webseite verschiedene Konzepte zum Thema zusammengestellt haben und ab einem,
wie gesagt, ein Vortrag hier bereitgestellt haben.
Okay. Und zwar jetzt ganz schnell und ich bin seit
Hunde jetzt auch nicht mehr,
ich heiße es jetzt an,
ich schreibe es hier
sowieso hochladen
Und zwar geht es halt um die Konzeptionsstrategieentwicklung von Multiscreen-Projekten,
die man hier sieht. Und das im Prinzip die Leute
immer wieder zu Multiscreeners werden und die meiste Zeit vor irgendeinem Endgerät verbringen.
Als da wären, wie gesagt, die relevanten Geräte,
sind eben Laptops, Smartphones, Internetregel, TV-Berät und Tablet-PCs.
Die Herausforderungen sind, es gibt einen fragmentierten Tagesablauf,
unterschiedliche Nutzungsverhalten und verschiedene Services
Um... Also man hat so auf jeden Fall vier
verschiedene Screen-Tooken, verschiedene Auflösungen. Man hat verschiedene Nutzertypen,
das hatte, hast du ja schon gesagt,
dass ja über Persona ist auch schon eine Menge gehört hat.
Das sind ja typische Beschreibungen, Beschreibungen, so typische Nutzern,
archätypische Beschreibungen. Man hat unterschiedliche Nutzungskontexte und geht dann halt
mit unterschiedlichen Konzeptionsstrategien ran.
Genau,
Themen zu nehmen
Ich sag jetzt mal durch. Es gibt natürlich auch unterschiedliche Entfernungen von Screen.
Es gibt verschiedene Konzepte, die man dabei beachten muss.
Tagesabläufe von Benutzertypen, typische Personen aus, sind hier beschrieben.
Das ist genau genau entspannt. Dann nückt die Nutzungskontexte,
also ich hab einmal den Berlin,
zum Beispiel den Lin-Back-Modus,
der ist so beim Tablet-Commerce gerne benutzt wird,
die ist auf dem Sofa und surf
mit dem iPad oder einem anderen Tablet
Oder ich bin, ich habe diese typische Situation,
wie zum Beispiel, ich bin mobil unterwegs oder ich sitze
am Arbeitsplatz am stationären PC oder Laptop.
Oder ich habe auch unterschiedliche Umfelder, einmal öffentlich, einmal unterwegs,
mobil, einmal stationär und einmal am Arbeitsplatz und einmal Trikot hat.
Und in dem Rückmodus, in dem Raum,
der mobile Nutzungskontext hat den Wunderstatus,
um das ganze Beispiel nutzen.
Das reicht auch hierzu
Genau. Die Herausforderung ist jetzt, wie schaffe ich ein Design,
was auf allen Geräten eine übergreifende, große Experience schafft.
Und die Antwort ist, das war einer der großen Trends,
2012, man entwickelt Responsive Designs.
Das sind also frühe Design-Patterns, im Sinne von reaktionsfähiges Design
Also das ist dann die technische Umsetzung eines Anpassens von E-Outs.
Und der grafische Aufbau anfolgt,
der sollen Erfolg anhand der Anfangen geben, des jeweiligen Gerätes.
Das ist, wie gesagt, typischer Trend 2012. Insbesondere die Anordnung,
Darstellung der alten Elvent, also Ravigation, seinen spannenden Texte.
Ist hier relevant, die technische Basis sind die Webstandards,
hat im Ö5 Prozessus 3. Und Voraussetzungen sind Media Curse,
das wisst ihr ja sicher, was das ist.
Es gibt also keine festen Nee, Outprits mehr, sondern flexible Layouts.
Wie schafft man das? Die Umsetzung der Reausanhalt,
voll anhand von prozentualen, werden kein Pixel werden.
Für die Planung empfiehlt sich die Mobile-First-Maxime,
also man macht eine Bottom-Up-Entwicklung, das heißt,
das gesamte Erscheinungsbild des Designs, ein wenig in der Webseite,
wird auf den Zugriff von mobilen Endgeräten aus optimiert,
vor allem von dem Zugriff von Toplets aus.
Also das ist einer der Trends
In der Designe, im Interface, das ist eine Rücklung.
Bei der Mobile-First-Maxime geht man, wie gesagt,
von dem Mobilendgeräten aus und stellt hier die wichtigste Informationen bereit und überlegt sich deren Darstellung,
weil Details hinzuzufügen für höhere Auflösung ist einfacher,
als Inhalte wegzunehmen, um die User-Experiments,
für die User-Experience optimal ist, bei verschiedenen Gerätenkontent Nutzungskontexten,
unterschiedliche Informationen bereitzustellen.
Das heißt, das Quid, wenn sich das verändert,
zum Beispiel dass dann ab dem Inhalt weggenommen werden,
im Zweifelsfall große Bilder oder so.
Da kommen wir später noch mal zu. Der Nachteil bei Response of Design-Dejekten ist,
man hat einen hohen Planungs- und Konzeptionsaufwand, aber ein großer Vorteil ist,
die Pflege der Seiten ist weiter steigenden Anzahl der verschiedenen Geräte, eben deutlich geringer.
Es gibt ja immer Links zum jeweiligen Thema unten.
Ein weiteres Thema bei Sponsive Design ist die Schriftgröße,
weil Headlines of Fließtexte müssen eben auf eingeräten lesbar bleiben,
insbesondere auch auf Smartphones und Tablets,
weil die ja eine feinere Auflösung haben und die Schriftgrößenden optisch,
physisch kleiner dargestellt werden.
Man kann die schlechter lesen. Deswegen sollte man bei der Entwicklung von,
wo ist Sponsive Design, eben attraktive Textmaße nehmen,
also nicht Pixelwerte, sondern WM.
WM bezieht sich auf die voreingestellte Standardschriftgröße des Browsers,
das ist in der Regel 16 Pixel und ein EM entspricht dabei 16 Pixel,
als wisst ihr wahrscheinlich, geht mal von aus.
Und noch neuere Methode des REM. Bei Dortmund bezieht sich
die Schriftgröße auf den Bodycheck, auf den Hild,
der Effinierte Schriftgröße. Auch möglich ist eine Anpassung über JavaScript.
Zum Beispiel die Chick-Hör-Bibliothek, da gibt es diverse Responsive-Design-Plogins,
zum Beispiel Fit-Text. Und dann auch wieder weiterführende,
was ein ganz großes Thema ist von den letzten Jahren auch war,
sind die, es sind ja keine besten Bildgrößen mehr.
Und ich habe auf Hochauflösung Displays natürlich möglichst große Bilder,
die auch scharf dargestellt werden sollen und vielleicht hochwertig sein sollen.
Wir denken an das Repretinger-Display, aber mobil werden bei Responsive Designs,
Patterns, die Bilder dann im Zweifelsfall vom Server gelaunen und runtergerechnet,
was mobil zu langen Wartezeiten führen kann.
Inzwischen ist es möglich, eine Anpassung der Bilder,
ja, was Skript zu machen, auch über Jack Query.
Da gibt es auch diverse Plugins oder man kann zum Beispiel auch am Double Take,
das ist ein anderes CKI-Plugin benutzen, aber auch Adjective-Images.
Das passieren oft Philapäer, also nicht Jahresglück am Checkwerden.
Auch hier habe ich wieder ein paar Links, Chopsinen.
Das kam jetzt rüber, also das Problem ist nicht,
die unterschiedlich große Darstellung an dem Free-Designs, sondern dass man verschiedene Formate laden muss.
Das ist so ein Kernproblem gewesen,
warum oft keine free Designs umgesetzt wurden,
wo es eigentlich Sinn macht, Geräte übergreifende,
durchgängige Users-Buildings zu schaffen, die vielleicht eventuell an den jeweiligen Nutzungskontext angepasst ist.
Aber lässt durch den Kopf schreien. Aber das Problem war halt,
die Bilder an das Lagen der großen Bilder, worunter es gelungen hat.
Was ist zu beachten, wenn ich nur so eine Sponsored-Webseite gestalten will?
Natürlich müsste Browser Jack Vary fähig sein. Man muss natürlich auf laute Zeit achten,
hat hier gerade gesagt, und die medial im Inhalt entsprechend anpassen,
vielleicht dann auf dem Smartphone nicht alle Inhalte darstellen,
die man auf einer hochauflösenden Darstellung nehmen würde.
Ja, aber Skript kann auch zu langen Ladezeiten führen.
Das ist auch nicht unproblematisch. Man muss natürlich unterschiedliche Navigationen,
Navigationen, so Interaktionsmöglichkeiten berücksichtigen. Also zum Beispiel,
dass bei Touch-Screens kann man aus eurer Niveaus funktionieren.
Und natürlich sollte der Konto das halt auch gut gemessen sein,
die Seiten werden sonst sehr lang.
Jetzt habe ich ein Beispiel zur Responsible Design.
Und zwar ist das das goldene Kurzsystem.
Das ist skalierbar von 240 Pixeln bis 20360 Pixeln
Ist halt die folgende Spaltenaufteilung,
also 18 Schwalben insgesamt bei einem Buch, Wohnauflösung.
Davon sind 16 Inhaltsscholten. Für Doppelauflösung,
also eine ältere Tablet-Auflösung gibt es acht Inhaltsspalten und für Smartphones
dann noch vier Inhaltsspalten. Das sind voll meinermaßen aus.
Ich schicke das jetzt mit dir zusammen. Dann sieht man,
dass die Spalten sich auch bestimmen, einspalten,
verändern.
Hier sind so
noch vier
Das ist nur natürlich nur ein von vielen Pflegenputz, die man verwenden kann.
Ja, das war jetzt auch schon sehr schnell durchlaufen davon,
durchaus, ich finde nicht unspannendes Thema.
Ich finde, was auch immer relevanter werden wird