Seit 13 Jahren bastle ich nun an Webprojekten. “Damals” war es cool einfach zu behaupten ein Webdesigner zu sein, schon hatte man ein paar Mädls um sich. (Ja, ist jetzt auch übertrieben, aber in meiner Erinnerung ist es so;) Webdesign war damals ein großes graues Mysterium, ehrlich gesagt auch für mich. Ich habe mich ja über WYSIWYG Editoren an das Thema herangenähert. HTML und CSS kam erst später, wie die Webstandards Einzug gehalten haben und ich mich in die Materie vertieft habe. Nach dem Thema Webstandards kam als großer Meilenstein Social Media und vor 2-3  Jahren war die Deviceunterschiedlichkeit ein großer Aspekt. Mobile und Co. von nichts anderem war/ist die Rede. Internet am Tablet, SmartTV und ja, sogar auf einem Autonavigationssystemen. Doch welche Richtung schlagen professionelle Webprojekte nun ein (2013-2014)?

Wir haben ja schon oft von Responsive Webdesign gesprochen. Das ist nicht nur der heißeste Sch***, sondern rückt auch einen interessanten Aspekt in den Vordergrund. Durch die Idee ein Webdesign, mit unterschiedlichen Usabilitykonzepten bei verschiedenen Bildschirmauflösungen umzusetzen, geht es eher darum die Bedürfnisse und Begebenheiten des Users wichtig zu nehmen. Doch das ist erst ein Anfang, denn genau darum geht es in Zukunft: dem User!

Whats next? Ganz einfach: DER USER

Bei User Centered Design (Kurz: UCD) geht es darum die Gebrauchstauglichkeit von Interfaces – und nicht deren Technik -in den Vordergrund zu stellen. User Centered-Design (UCD) ist mehr eine Philosophie und ein Ansatz, als ein System. Die Person (=der USER) wird in den Mittelpunkt gestellt. Die Gestaltung von UCD-Interfaces ist ein Prozess, der sich auf kognitive Faktoren (wie Wahrnehmung, Gedächtnis, Lernen, Problemlösen, etc.) konzentriert.

Hört sich alles gut an, doch was bedeutet das in der Praxis? Wir konzipieren die Webprojekte wie bisher in den gewohnten Schritten, Strategie, Evaluierung, Mockups, Screendesigns und Umsetzung, lassen aber folgende Fragestellungen mehr und mehr einfliessen.

• Wer sind die User des neuen Interfaces (analog zur Zielgruppenanalyse)
• Was wollen die User auf der Webseite , was will ein typischer Besucher für Informationen?
• Welche Informationen sind besonders wichtig, und besonders unwichtig?
• Welche Erfahrungen haben wir mit den bisherigen Informationen?
• Wie benutzt man das Interface vom kognitiven Ansatz?
• Welche Intuitionselemente kann man dem Nutzer bieten? (Natural User Interface)
• …

Okay, das unterscheidet sich beim 1. Blick nicht wirklich von bisherigen UI Konzepten. Allerdings geht es bei den Fragestellungen immer mehr darum den User in den Mittelpunkt zu stellen. Wir denken bei der Konzeption von User Centered Designs noch nicht an die Technik dahinter, oder an die Marketingziele des Auftraggebers, aber auch noch nicht ans Visual Design, sondern an den Webseitenbesucher als Person und Mensch.

Zusammengefasst: Was ist wirklich relevant und was stellt den User zufrieden?

Relevanz und Zufriedenheit

Das schönste Design und auch die beste Usability nutzt dem Webseitenbesucher nichts, wenn die relevantestenWebseitenelemente nicht richtig angeordnet sind. Der Auftraggeber oder Marketingentscheider will natürlich unbedingt Element A oder B platzieren, weil es ihm wichtig ist, aber will das auch der User? Wie oft habe ich mich zum Beispiel geärgert, wenn bei Webdesigns einfach keine f**** Telefonnummer zu finden ist….. Als potentieller Gast eines Restaurants hätte ich zum Beispiel wahnsinnig gerne einen Blick in das Lokaldesign geworfen und vielleicht noch in die Speisekarte. Es interessiert mich aber weniger, welche Philosophie der Küchenchef hinausposaunt. (Ja, kann auch wichtig sein, aber auf dem 2. Blick..)

Hat der User auch genug relevante Information, natürlich unterstrichen mit einem Wohlfühldesign :), wird er auch motiviert sein mehr in das Seitenangebot einzutauchen. Da kommen die Stichworte Storytelling ins Spiel (Restaurantbeispiel: “Hey, hast du gewusst, dass wir auch Bio-Cocktails haben..”). Ebenso ist es wichtig den Benutzer zu involvieren (“Reservier gleich einen Tisch”)

Funktionalität wird bei o.g. Beispiel vorrausgesetzt, egal welches Device der User benutzt, wir haben es am Beispiel Apple gelernt: Die Dinge müssen einfach funktionieren, wie und ob, ist dem Benutzer egal. Es reicht nicht mehr dem Auftraggeber zu kokettieren, dass wir auch ältere Browser oder kleinere Bildschirmauflösungen bei der Umsetzung berücksichtigen, das ist eine Grundvorraussetzung einer professionellen Webseite, denn schließlich wollen wir nicht nur in Social Media Dialog mit dem User, sondern auch auf der Webseite oder in einer Applikation.

Zurück zu den Wurzeln

Es ist eigentlich nicht kompliziert, 1989 wurde das WWW erfunden um den Forschern das Leben zu erleichtern. Einfacher und nutzbarer sollte es werden, konzipiert nach den Bedürfnissen der Forscher, das war der Anreiz. Es ist gut, dass uns dabei die Technik immer überholt und auch die Marketingmöglichkeiten sind super, aber dabei bitte nicht auf den armen User vergessen :) Wir Webagenturen sind da um das Internet besser zu machen, ist es nicht so?

Damit etwas Ordnung in die verschiedenen Möglichkeiten der Gestensteuerung kommt, hat LukeW auf seinem Blog einen vorbildlichen Referenzguide erstellt.

Der Leitfaden enthält einen Überblick über die Kern-Gesten für die meisten bekannten Touch-Befehle, wie nutzt man  Gesten zu den wichtigsten Benutzeraktionen, dazu eine visuelle Darstellungen der einzelnen Gesten um in neuen Designkonzepten, diese besser berücksichtigen zu können.

Für uns eine tolle Grundlage um in der Konzeption bei Applikationen für Touchscreens bestimmte Interaktionen im Detail festzulegen.

• Download Gesten-Referenzguide als PDF
• Download Gesten-Referenzguide als EPS
• Alle Referenzguides-Downloads auf LukeW

Weihnachtszeit ist Spendenzeit! Etwas Gutes zu tun, ist mit der Spendenbarometer Facebook App schnell und einfach möglich: Fans von meinespende.at auf Facebook können durch einfaches abgeben ihrer Stimme an eine meinespende-Organisation helfen. An die Organisation mit den meisten Stimmen spendet BAWAG P.S.K. 50 Cent pro abgegebenem Voting. Nach dem Voting kann man seine gute Tat auf der eigenen Pinnwand posten und natürlich Freunde einladen für den guten Zweck.

.

Informationsdesign

Letztes Jahr und 2011 war die Zeit der Infografiken. Daten und Fakten in schöne Zahlen verpackt. Große Typographie, schöne Piktogramme und ein Leitfaden sollen die manchmal trockenen Informationen aufpeppen und unterstreichen. Diese Infos haben auch in Webprojekte Einzug gehalten und werden dies 2012 noch mehr tun.

Sehr große Header

Alles in den sichtbaren Bereich zu bringen, die Zeit ist lange vorbei. Große Header sollen für ein AHA-Erlebnis sorgen und die User in den Content ziehen. Branding und Markenbildung ist somit besser möglich und Scrollen, statt Klicken ist angesagt.

Responsive Webdesign

Ja, wir können es gar nicht oft genug erwähnen. Responsive Webdesign ist 2012 der absolute heiße Topic. Warum nur spezielle Devices bedienen? Konzepte für verschiedene Bildschirmauflösungen sind der absolute Trend.

Typografie

Auch 2012 wird das Spiel mit verschiedenen Schriften fortgesetzt. Die Harmonie von unterschiedlichen Schriftarten ist sehr schwierig, kann aber richtig eingesetzt ein sehr anspruchsvolles Layout bilden.

Vintage Look

Instagram hats vorgemacht. Der vergilbte und alt wirkende Vintagelook ist sehr angesagt, weil es einen super Kontrast zu den neuen Medien und Technik bietet. Gepaart mit einem guten Farbkonzept ist es ein Augenschmaus.

Illustrationen

Professionelle Screendesigner müssen auch illustrieren können. Denn handgezeichnete Elemente sind 2012 noch immer angesagt. Sie sorgen oft in einem Bastellook für gute Stimmung und die DIY Bewegung ist auch heuer sehr weit vorne gewesen.

Oberlippenbärte

Was haben Oberlippenbärte bei Webdesigntrends zu suchen? Ich habe seit Oktober noch nie so viele Webprojekte über Oberlippenbärte gesehen. Und der Trend geht weiter, auch 2012 werden die Rotzbremscommunities nicht zu bremsen sein ;) Sie werden auch gerne als grafisches Element eingesetzt.

50er Jahre

Mad Men – eine tolle Serie über die Werbebranche in den 50er und 60er Jahren hat nicht nur die Modewelt inspiriert, sondern auch die Webdesigns. Der Look dieser Zeit wird gerne für Screendesigns verwendet und gefällt mir persönlich sehr gut.

Große, sehr große Schriften

Wie wäre es mit 132px Schriftgröße? Kein Problem, ist sehr angesagt.

Laschen wohin das Auge reicht

Laschen und Bänder haben sich als Background für Typografie total durchgesetzt und machen in den richtigen Farben sehr viel her. Doch aufgepasst, zuviel des Guten wirkt sehr unübersichtlich.

Interaktion

Die eine Seite ist die Information – was will der Webseitenbetreiber erzählen oder transportieren – die andere Seite ist Interaktion. Was kann der User mit, oder auf der Webseite anstellen. Ist nichts Neues schon klar, aber die Interaktionselemente werden durch viel Überlegung besser auf die Bühne gebracht und laden die User ein. Natürliche Handlungsweisen sind hier in der Konzeption wichtig.

Space und noch mehr Platz

Wie schon erwähnt Scrollen ist das neue Klicken. Space ist angesagt. Nur Mut, viel Platz ist angenehmer und sorgt für Übersichtlichkeit.

Es wird bunt: Farben

Weiße Hintergrundfarben sieht man immer seltener. Farben erzeugen tiefe Stimmungen. Besonders natürliche Farben sind 2012 auch angesagt. Gepaart mit grelleren Tönen (teilweise sogar Neon) kann es ein tolles Usererlebnis erzeugen.

Und sonst?

Ich bin mir sicher, dass viele Frontendprogrammierer gerade ihr Können um HTML5 und CSS3 erweitern. Denn es werden 2012 immer mehr solcher Projekte an den Start gehen. Dann wäre da noch Perspektivenwechsel, Webseitenelemente erzeugen perspektivische Effekte, subtile Elemente wie Ecken oder Schatten sind auch 2012 noch am Puls der Zeit.

Ich möchte den Vorhang noch nicht schließen, aber hoffe euch einen Einblick aus der Kreativwerkstatt gegeben zu haben. Für Inputs ist der Kommentarbaum eröffnet, ich freue mich über jedes Feedback und den Dialog.

Google Wallet

Es gibt dafür schon unterschiedliche Lösungsansätze, besonders herauskristallisiert hat sich natürlich Google, mit seinem “Google Wallet”  Hört sich alles super an, doch hier ist es noch ein weiter Weg. Google Wallet funktioniert nur auf bestimmten Smartphones, die Kassen benötigen spezielle Lesegeräte für NFC und noch dazu müssen die Kunden spezielle Kreditkarten haben. Also bis der Trend bei uns gelandet ist.. Jahre… Aber immerhin wird vorrausgesagt, dass sich bis 2015 mobile Payment drastisch erhöhen wird.

Eigene Lösungen: Starbucks

In UK können ab Jänner 2011 Starbucks Kunden mit einer eigens entwickelten Applikation bezahlen. Derzeit nur auf iPhone und iPad erhältlich, soll das Bezahlen nur mit 1Klick möglich sein. Android wird nachgeliefert. Dieser Weg von Starbucks hat sicher damit zu tun, dass NFC (siehe oben) noch lange braucht, bis es sich durchsetzen wird. Ich sehe hier nur das Problem, lauter Applikationen für jedes Geschäft?

Mobile Pocket

Diesen Montag waren wir auch beim Mobile Monday, wo der AppCircus stattgefunden hat.  Mobile Pocket hat mit einer sehr interessanten Lösung das Publikum überzeugt. In der Applikation kann der User seine Kundenkarten elektronisch speichern und die Vorteile der Karten mittels Barcode in den Geschäften nutzen. Sehr nützlich, ich wünsch mir gleich das mobile Bezahlen, in Kombi mit der Kundenkarte.

Im Prinzip heißt es sicher noch warten und die manuelle Geldbörse zucken. Der Vorteil: Ich habe auch noch andere Sachen in der Börse, wie zum Beispiel Kopfwehtabletten ;)

Genau dies ist die Frage, die wir mit unserem Weihnachtsgame stellen: Seid ihr mehr für das Christkind oder für den Weihnachtsmann? Es ist ganz einfach. Klickt auf eure Vorliebe und shared via Twitter oder Facebook, wer die Geschenke bei euch vorbeibringen soll.

Wir sind auch um Sponsoren bemüht, denn wir würden gerne die Einnahmen dieses Spiels für einen guten Zweck spenden!

Damit es auch eine schöne Bescherung gibt, überraschen wir die aktiven User mit einem Weihnachtsgeschenk am 24. Dezember. Also los, sagt uns wer bei euch die Geschenke vorbeibringen soll mit Santa vs. Christchild

Endlich haben wir den IE6 fast hinter uns gebracht nun tauchen neue Herausforderungen auf (Probleme gibt es ja keine;). Die Browser haben nämlich unterschiedliche Auffassungen der neuen CSS3 Befehle. Bei ordentlichen Webprojekten, wo wir eigentlich immer schon CSS3 einsetzen, gibt es nun den Mehraufwand an Crowssbrowsertests und Downgrades (teilw. mit JavaScript), welcher früher für den IE6 gegolten hat, aber das ist ja unser Agenturalltag.

Zurück zu den Browsern, hier kristallsiert sich ein starker Trend heraus. Der Internet Explorer schafft es auch mit seinen neuen Browsern nicht mehr Marktanteile zu gewinnen, zu groß war der Schaden durch alte Modelle.  Besonders spannend ist, dass der Star Firefox auch langsam an Beliebtheit verliert. Ich könnte mir vorstellen, daß dies an der teilweise schlechten Performance liegt. Er ist doch ein ordentlicher Ressourcenfresser. Doch jetzt kommt die Überraschung. Mein Lieblingsbrowser Chrome könnte nach Prognosen 2012 die größte Verbreitung haben. Für mich hat Chrome deutlich die beste Performance, im speziellen bei JavaScript. Das jeder geöffnete Tab isoliert in einem CPU Prozess läuft, ist auch genial, keine Gesamtabstürze mehr. Der Kritikpunkt Datenschutz (wg. Google)löst bei mir keine Angst aus. Achja, da wären noch für die Macjünger Safari, welcher mit Opera herumgrundelt, obwohl Safari auf dem iPhone installiert ist.

Welchen Browser nutzt ihr am liebsten? Weiter Zahlen und Fakten hier

Screendesigner und Konzeptionist/in

Webprogrammierer/in

Projektmanager/in, Contentredakteur/in, Social Media Betreuung

Praktikanten/in für Social Media Marketing & Projektassistenz

WAS WIR MACHEN

Seit über 12 Jahren setzen wir spannende Webprojekte um. Das sind zum Beispiel sehr ansprechende Corporate Webauftritte, Social Media Applikationen oder mobile Webanwendungen. Immer am Puls der Zeit ist unser Lieblingskind derzeit HTML5 und CSS3. Unsere Designs sind immer auf höchstem Niveau, dabei kommen Kreativität und Spaß nicht zu kurz.

Zu erfolgreichen Webprojekten gehört immer auch professionelle Kommunikation. Diese setzen wir für strategische Social Media Beratung und Online PR, sowie Contentredaktion ein.

WER WIR SIND

Wir sind ein junges und motiviertes Team an Webaholics, das seine Leidenschaft  und Talente aus unterschiedlichsten Bereichen auslebt.

Das machen wir gerne für große und namhafte Kunden, wie LG Electronics Austria, Intersport eybl oder IKEA Österreich. Aber auch in Form von Eigenprojekten, wenn wir von einer Idee nicht loskommen. Für die wir aber auch gerne Preise sammeln, wie zum Beispiel den Social Media Newcomer Award 2011.

WEN WIR SUCHEN

Wir suchen Menschen mit Begeisterung an den neuen Medien. Wenn du an unseren spannenden Aufgaben teilhaben willst und dich in einer  jungen, modernen Umgebung wohlfühlst, solltest du uns in jedem Fall kontaktieren. Du solltest nicht mit Titeln oder Know-how glänzen, sondern mit echtem Tatendrang und Begeisterung.

Wir freuen uns auf deine E-Mail!

Gleich zu Beginn gab es einen interessanten Vortrag von Cameron Moll zu Produktivität. Die zwei wichtigsten Dinge, die wir hier mitnehmen:„Don’t repeat mistake but be always sure to make some.“ Oh ja, das können wir unterschreiben. Außerdem empfiehlt er dringend folgenden Artikel zu lesen: http://is.gd/gritty

Danach ging es weiter mit HTML5 und seine Zukunft. Tim Wright, der Redner, stellte gleich klar, dass nicht die neuen Elemente wie <header> oder <footer> das tollste an HTML5 sind. Das was die Zukunft des Webs erheblich bereichern wird sind JavaScript WebWorkers, WebGL und die Device API.

WebWorkers ermöglichen es mehr als eine Javascript Aktion auszuführen – für die Programmierer unter euch: Threading.

WebGL dürfte mittlerweile schon ein Begriff sein, wird aber noch nicht sehr häufig eingesetzt. Hier eine sehr gute Demo was WebGL kann: http://helloracer.com/

Das spannendste ist für uns die Device API. Diese wird es ermöglichen auf verschiedene Komponenten eines Gerätes zuzugreifen, wie beispielsweise Kamera, Vibration oder auch die Kontakte App. Wir glauben, dass mit dieser API vermehrt auf Web Applikationen gesetzt werden wird, anstatt nativer Apps. http://www.w3.org/2009/dap/. Auch hier auf der FOWD sind die meisten der Meinung, dass native Apps sehr zurückgehen (zum Leid vom AppStore), denn mit Device API und responsive Webdesign (Media-Queries) lassen sich Applikationen sehr gut ersetzen. Bedeutet, man geht zum einen auf die Bildschirmauflösung und benutzt zusätzlich die speziellen Funktionen des Devices, wie zum Beispiel GPS für eine Map im Webdesign.

Nach unglaublich guten Kaffee (überhaupt war der Kaffee immer überraschend gut;) und einer warmen Pretzel (jawohl, schreibt man so) ging es dann weiter mit einer Session über Responsive WordPress Themes mit Jesse Friedman. Beim Theming ist zu bedenken, dass wir nicht wissen können, was der Administrator mit der Seite alles anstellen wird. Angenommen er fügt 10 Menüpunkte ein, obwohl das Layout nur für 5 optimiert wurde. Nun könnte das Problem auftauchen, dass unser Theme auseinander bricht und Elemente verrutschen. Außerdem kann der Administrator nach belieben Plugins installieren, die sich ohne Anpassungen natürlich nicht in unser Responsive Theme einfügen. Leider sind das Probleme, gegen die eigentlich nichts unternommen werden kann. Das kennen wir auch vom Knackpunkt Accessibility. Hier heißt es die Autoren richtig schulen und Handbücher schreiben.

Dave Shea (wir verbeugen uns) erzählt uns über die heißen Topics bei CSS3. Er selber hat überhaupt keinen Überblick mehr was derzeit abgeht und es wird bereits an einem Draft von CSS4 und CSS5 gearbeitet (WTF?) Dennoch gibt es in Bälde tolle Möglichkeiten für bessere Typografiedarstellungen und Texteffekte. Typografie spielt eine unglaublich große Rolle hier. Ganz besonders aufregend ist, dass in bereits 2 Jahren der Browser Chrome, Firefox überholen wird. Floats wird es bald nicht mehr geben, dafür gibt es bessere Möglichkeiten mit Columns um Texte automatisch fließen zu lassen. Hier gibt es einen Überblick was derzeit an CSS3 genutzt werden kann: http://Caniuse.com/

Ein sehr unterhaltsamer Vortrag – wir können hier sehr viel von der amerikanischen Vortragsweise lernen – war der von Steve Fisher zu der Zukunft von Mobile UX. Hier hören wir noch mal einige Dinge, die wir schon am ersten Tag zum Thema gehört haben. Die beiden schönsten Aussagen:

-       Das COPE Prinzip: Create once, publish everywhere
-       Stories are data with soul. :))

Sehr zu empfehlen ist auch Fishers Delicious-Sammlung: http://delicious.com/hellofisher

Eine der besten, witzigsten und spannendsten Sessions war heute „Responsive Web Design and Embracing the Unknown“ mit Aaron Weyenberg. Aaron erzählte uns von den „guten alten Zeiten“, als es noch nicht soviele verschiedene Bildschirmauflösungen gab und das Leben viel einfacher war. Leider ist das heute nicht mehr so, aber mithilfe der CSS3 Media Queries auch kein unüberwindbares Hindernis mehr.

Wenn schon Responsive dann für alle Auflösungen, denn wäre Responsive Web Design Politik, dann wäre es links und würde nicht sagen „nein, du bist der einzige mit dieser Auflösung und deswegen unterstützen wir dich nicht“.

Leider gibt es Elemente die nicht wirklich Responsive gemacht werden können, oder die Löungen dazu bei weitem noch nicht perfekt sind. Zu diesen Elementen zählen Bilder, Werbungen und so manche Tabellen.

Eine Session mit sehr vielen wahren Aussagen, war die von Dan Rose zu Design Etiquette. Sein Photoshop Design Etiquette Manifesto for Webdesigners sollte Pflichtlektüre für jeden Designer sein. Hier werden wir uns sicherlich einiges abschauen für unsere Strukturen.

Außerdem hat er auf eine, auch in Österreich nicht unbekannte, Unart aufmerksam gemacht, die auch wir nur unterschreiben können. Bei Neuaufträgen, wird oftmals das Design der alten Agentur schlecht gemacht. Ob berechtigt oder nicht, aber das einzige was wir damit erreichen ist Unsicherheit und wenig Vertrauen des Kunden in die gesamte Branche. Manchmal weiß man ja auch schließlich nicht den Kontext wie es zu dem Webdesign kam. Oft will der Kunde einfach so viele Anpassungen, sodass das Design am Ende zu dem geführt hat, wie es jetzt aussieht. Dazu passend ein Zitat von Golfprofi Arnold Palmer: “There’s no reason you can’t be good and be nice, too.” Also: Lasst uns nett sein, zum Wohle von uns allen.

Sehr inspirierend war der Auftritt von Joshua Davis. Der Mann ist eine Naturgewalt auf der Bühne und in seinen Designs. Er war auch an dem Projekt Watson beteiligt – dem Computer, der bei Jeopardy antrat und dem Joshua das „Gesicht“ verlieh. Wir erfuhren hier viel über den Prozess einen Computer human erscheinen zu lassen. Wenn Watson zum Beispiel sehr überzeugt war von seiner Antwort, dann war er grün. Wenn seine Antwort falsch war, dann kreisten seine „Gedanken“ kanns am Boden seines Avatars und so weiter.

Fazit

Unser Fazit der beiden Tage? Sehr viele Eindrücke, äußerst inspirierende Vorträge, Responsive Webdesign is the hottest shit (eh klar) und in New York kann man sehr viel und gut essen. ;)

Am Ende sei noch die Movember-Aktion erwähnt, die oftmals von Vortragenden und Publikum erwähnt wurde. Wer sich für den guten Zweck einen feschen Bart wachsen lassen möchte, sollte sich das mal ansehen.

Die Konferenz bietet an den ersten 2 Tagen eine Vielzahl an Sessions und am dritten Tag Workshops an. Im Zentrum stehen Themen wie Responsive Web Design, CSS3, HTML5 und Mobile Web, behandelt von bekannten Designern und Entwicklern, wie etwa Aaron Gustafson. Damit auch ihr etwas davon habt, bekommt ihr hier Zusammenfassungen der interessantesten Sessions. Außerdem geben wir auf unserer Facebook Page kurze Einblicke in das Geschehen auf der FOWD Konferenz.

Tag 1

Nachdem wir unsere Konferenzpässe abgeholt hatten und von Ryan Carson herzlich zur FOWD NYC willkommen geheißen wurden, folgte die erste Session mit Kevin Systrom – Co-founder der berühmten Photo-Application Instagram.

Kevin erzählte uns, warum Instagram sich solcher Beliebtheit erfreut, wobei 2 Punkte für uns ganz besonders interessant waren:

• Instagram lädt, gegenüber den meisten anderen Bildprogrammen, Bilder bereits auf den Server bevor der User dies überhaupt bestätigt hat, da in 99% der Fälle das Bild sowieso hochgeladen werden soll. Sobald der User den Upload des Bildes wirklich bestätigt, ist diese Aktion meist augenblicklich abgeschlossen. Das erhöht das Userfeeling enorm.
• Das Prinzip der Social Slot Machine
  Wie beim spielen am „einarmigen Banditen“ bzw. der Slot Machine muss der Benutzer ab und zu belohnt werden, damit die Motivation zum weiterspielen erhalten bleibt. Die Tatsache, dass man nie weiß, ob man gar nichts gewinnt, seinen Einsatz zurückbekommt, oder viel gewinnt, macht die Sache spannender und anziehender. Bei Instagram bekommen User ihre Belohnungen in Form von Likes und Kommentaren, wobei sie auch hier nicht wissen, wie viele sie insgesamt zu einem Bild bekommen.

In der Session „Sass and Compass – The Future of Stylesheets Now“ mit dem sehr sympathischen Redner Brandon Mathis, wurde erläutert, wie einem das Leben beim Stylen mit CSS erleichtert werden kann. Mit CSS zu arbeiten fühlt sich nicht mehr wie designen an – ein pixelgenaues Design umzusetzen, kann von vielen Problemen begleitet werden. Auch bietet CSS im Gegensatz zu anderen Sprachen im Webbereich keine Variablen etc., was die Produktivität erheblich bremsen kann.

Sass ist jetzt nicht superneu, aber es hat ich als verbreitete Vereinfachung von komplexen CSS herauskristalisiert, mit Sass macht CSS aber wieder Spaß und es werden eine Menge Features geboten, die man aus anderen Sprachen kennt, wie eben Variablen oder Funktionen.

Laut Brandon ist es ideal Sass mit dem Framework Compass zu verbinden, da einem nun eine Menge vordefinierter Funktionen zur Verfügung stehen, wie beispielsweise Browserhacks, oder das automatische erstellen von CSS-Sprites.

Nach einer kurzen Kaffeepause ging es auch schon weiter mit Josh Clarks Vortrag zu „Mobile Context is a Myth“. Es ist falsch anzunehmen, dass Menschen die ihr mobiles Gerät benutzen keine Zeit haben und weniger wollen, oder brauchen. Wie wir es von uns selbst kennen werden diese Geräte auch verwendet, wenn wir gar nicht unterwegs sind, sondern gemütlich zuhause auf der Couch liegen und einfach nur Zeit tot schlagen möchten. Beim Sprung von Desktop auf Mobiles Gerät sollte nicht die Devise „less is more“ gelten, sondern „enough is more“ – das Ziel soll also sein, die goldene Mitte zwischen zu viel und zu wenig zu finden. Es ist absolut out spezielle mobile-Sites zu verwenden (m.domain.com) sonder nur 1 Domain für alle Devices. Stichwort Responsive Webdesign ist hier überall prominent.

„Content is King“, dabei geht es geht auch erheblich um content design. Um das zu verdeutlichen (so wie Bruce Lee gesagt hat):

• Put water in a cup and it becomes a cup.
• Put water in a bottle and it becomes a bottle.
• Put water in a teapot and it becomes a teapot.

Das selbe muss für Content gelten.

Kurz vor der Mittagspause bekamen wir eine kurze Einführung in die Welt der CSS3 Animationen von Nick Pettit. Neben ein paar hilfreichen Tipps wurden wir auch motiviert, aufgrund von Performance und Kompatibilität vermehrt auf CSS3 Animationen zurückzugreifen. Überhaupt ist CSS3 everywhere und nicht mehr aufzuhalten. Überall spüren wir auch die negative Stimmung Flash gegenüber, denn es ist nicht mobil und noch weniger responsive.

Als letztes hörten wir noch den Vortrag von Aaron Gustafson über HTML5. Da wir schon viel mit HTML5 arbeiten, waren uns die meisten Dinge bereits bekannt. Aber es waren auch einige Aspekte dabei, mit denen wir uns noch nicht so intensiv beschäftigt haben, wie etwa das einbetten von Audio und Video Dateien auf Webseiten.

Fazit: Neben vielen Dingen die uns schon geläufig waren, gab es für uns doch einiges an Neuem zu hören und wir freuen uns jetzt schon, das Gelernte einsetzen zu können. Die Kernaussage ist nichts neues, aber gut immer darauf gestossen zu werden. Der User steht im Mittelpunkt, nicht “less is more” sondern “enough is more” im Bezug auf User Experience Design. Wird sind alle keine Webdesigner, sondern UX Designer.

Morgen geht es weiter mit dem Tag 2, liebe Grüße aus New York von den Liechteneckers.