Klar, die Effekte sind cool, aber solche Seiten sind oftmals viel zu verspielt und schlecht für die Usability und Lesbarkeit. Wir sehen die Einsatzzwecke eher für verspielte Herangehensweisen.

HTML5 und CSS3 sind mächtig und haben Flash sicher immer mehr abgelöst. Es herrscht wesentlich mehr Flexibilität als beim linearen Flash, dem entgegen steht aber wieder, dass so viele Browser die Möglichkeiten noch nicht unterstützen. Eine Fallback Variante für mobile Devices ist hier auch notwendig gewesen für die Maskeneffekte, aber es funktioniert überall wunderbar nach vielen Versuchen ;)

Es wird sich wie immer mit der Zeit “gesund schrumpfen” und auch Einzug in klassische Webprojekte nehmen, Spaß macht es in jedem Fall. Für unseren Zweck haben wir eine kleine Imageseite gebastelt mit unseren Leistungen. Ich hoffe es gefällt euch? http://we-are.liechtenecker.at/

Screendesigner

Heute stehen Designer sehr komplexen Aufgaben gegenüber, denn Webseiten sind keine Seiten mehr. Webseiten sind Kommunikationsstrategie, Social Media, Applikationen, Netzwerke.. Viele Webdienste entsprechen natürlich nach wie vor dem Ursprungsgedanken der Kommunikation (Stichwort CERN), das heisst Informationen werden aufbereitet. We call it Informationsdesign. Hier reicht kein simpel strukturierter Text, dabei geht es darum Informationen, die der Webseitenbetreiber vermitteln will, semantisch richtig und für den User angenehm lesbar, aufzubereiten. Im Normallfall bewältigt man diese Herausforderung mit einem Mockup oder Wireframe und einem Screendesign, welches den HTML Templates zugrunde liegt. Hört sich einfach an, ist es aber nicht. Denn Informationsseiten, wie zum Beispiel eine Corporate Website, gehören ordentlich strukturiert und sollen hochwertig aussehen. Natürlich spielt hier ein qualitatives Navigationskonzept eine übergeordnete Rolle.

Komplexität is growing

Viel spannender und komplexer wird es jedoch bei richtigen anspruchsvollen Webservices, die in den letzten Jahren aus dem digitalen Boden schießen. Hierbei geht es um Interaktion. Der User betrachtet das Webdesign nicht nur, sondern er kann auch damit agieren. Schnelle Server und tolle Development Weiterentwicklungen bieten ungeahnte Möglichkeiten. Anforderungen die früher mit Desktop Applikationen gelöst wurden, können heute über Webdienste abgebildet werden. Es ist logisch, dass die Skills eines Grafikdesigners oder Webdesigners hier nicht mehr genügen werden. Denn diese Dienste werden ja nicht nur auf den Desktop reduziert, sondern können auf mobile Devices erweitert werden.

UX und UI Designer

Aufgrund der vorhin beschriebenen Lücke sind neue Berufssparten am Onlinesektor entstanden bzw. gewachsen. Der User Interface Designer (UI) und der User Experience Designer (UX). Der User Interface Designer (UI) soll dafür sorgen, dass User Interface Elemente einer Applikation, nämlich Interaktionshelfer  (Buttons, Schieber, Regler, Formulare..) in einem erfassbaren Zusammenhang stehen und es mit der dahinter liegenden Technik korelliert. Welche Verhaltensweise hat ein Regler wenn ich ihn anfasse, wenn ich mit der Mouse darüber fahre usw. hier werden wie in diesem Bild richtige Schablonen bzw. UI Kits paralell zum Screendesign entworfen.

Der User Experience Designer  (UX) soll widerum dafür sorgen, dass das Nutzererlebnis des Webservice alle Erwartungen des Users erfüllt. Dazu ist ein ganzheitliches Verständnis eines Webdienstes notwendig und hier kommt auch eine 3 Dimensionalität ins Spiel. Es geht besonders um Animationen, die das Erlebnis eines z.Bsp. Buttons unterstreichen sollen. Viele Sachen passieren bei Webdiensten mittlerweile sofort. Wie ist das Userfeedback, wenn ich einen Regler schiebe, wie kann ich hier eine dezente Animation hinterlegen, die dem User hilft es besser zu bedienen oder zu verstehen. Es werden sogar Animationen hinterlegt wenn man mit der Seite scollt (Navigation verkleinert sich und bleibt oben haften), oder ein Formular wird in Echtzeit validiert und bietet dezente animierte Hilfetexte beim Ausfüllen, usw.. Mit CSS3 und Javascript gibt es unendliche Möglichkeiten User Interface Elemente zu animieren um dem Nutzer bei der Bedienung zu helfen. (Bitte bei diesem Beispiel scrollen)

Grafikdesigner, nicht beleidigt sein

Ich will mit diesem Blogbeitrag keinem Grafikdesigner zu nahe treten, eher wollte ich darstellen wie komplex ein Designprozess eines Webservices geworden ist. Ein Screendesign und ein Mockup ist die eine Seite, aber heute braucht es mehr. Wir schreiben richtige Storybooks, wie bei einem Film, für animierte Bedienelemente einer Webseite. Dazu entwerfen wir Baukästen und Schablonen für unsere Interfaces wie oben beschrieben. Man braucht hier ein sehr gutes Verständnis für Applikationen und Userbedürfnisse. Man malt nicht mehr von oben nach unten ;)

Einer unserer Screendesigner hat auch viel Erfahrung mit Filmschnitt und Zeitabläufen, das kommt uns beim Entwerfen eines Interfaces mit User Experience sehr entgegen. Ebenso sollte man immer den User beim Designprozess zentrieren und testen, testen, testen.

Mir gefallen in jedem Fall diese neuen Anforderungen an Screendesigns, das Web wird erwachsen und professioneller.

Die Entwickler von Wallit müssen wohl meinen Beitrag gelesen haben, denn diese App macht theoretisch genau das. Nun ja, nicht ganz. Eigentlich ist es mir noch zu wenig AR. Das heißt, ich will keinen Radar und auf einer Karte sehen, wo Einträge sind. Das ist keine gute Usability. Besser wäre es wirklich auf ein Haus mein Handy – oder vielleicht meine Google AR-Brille – zu richten und dann die Walls mit den Infos eingeblendet zu bekommen. Jetzt unterscheidet sich Wallit meiner Meinung nach noch nicht sehr von Apps wie Foursquare. Aber hey, vielleicht wird das noch was.

Wir haben für Liechtenecker jedenfalls bereits eine Wall angelegt – ihr könnt uns also Nachrichten hinterlassen.

Ein schönes Anwendungsgebiet wäre natürlich, diese Walls an Monitoren vor einem Geschäft anzuzeigen. Vielleicht wird dann meine Vorstellung von vor zwei Jahren real:

“Der Frisör könnte die neusten Frisurentrends dort anzeigen oder User könnten dort Bilder posten von ihrem Style-Ergebnis nach Friseurbesuch.”

Oder Hotels können so ein virtuelles Gästebuch zur Verfügung stellen. Gerade im Tourismus wird so etwas spannend.

Ideen gibt es wie immer genug. Mutiger Umsetzer – aber auch User, so viel muss man schon zugeben – gibt es noch wenig.

Nun ist es an der Zeit, diesen Hype einmal genauer unter die Lupe zu nehmen und auch kritisch zu betrachten, denn nicht alles was neu ist, ist auch automatisch gut.

Der Hype um HTML5

Begonnen hat das große “Trara” circa mitte 2009 und drehte sich anfangs hauptsächlich um die Strukturelemente wie <header>, <footer> und dergleichen. Mittlerweile werden diese Themen beispielsweise in Blogs seltener behandelt – ich denke das liegt daran, dass das ganze auf Dauer nicht so spannend ist und wir Entwickler mittlerweile sowieso schon alle Bescheid wissen ;). Was hier aber doch wirklich interessant ist, ist die Browserentwicklung: Alle Browserhersteller liefern pro neuer Software Version neue HTML5 Unterstützungen und man darf immer wieder gespannt sein, welche Elemente nun zur Verwendung frei stehen.

In diesem Bereich immer auf dem neuesten Stand zu sein, ist aber eine eher herausfordernde Sache, jedoch gibt es hierzu beispielsweise diese nützliche Website: http://www.html5test.com/ Dieses Webservice zeigt an welche HTML5 Elemente ein Browser unterstützt – hierzu zählen nicht nur Desktop Browser, sondern auch die von Mobilen Geräten oder von Spielekonsolen.

Was zählt aber jetzt gerade zu den heißen Themen rund um HTML5?

Dass HTML5 mit JavaScript zusammen ein ernstzunehmender Konkurrent für Flash ist, ist uns allen schon lange klar. Grundsätzlich braucht Flash keine Konkurrenz, denn dies ist eine logische Weiterentwicklung. Es wurden in den letzten Monaten soviele HTML5 Applikationen auf den Markt gebracht, dass uns diese HTML5 – Flash Rivalität noch einmal bewusster wird.

Zu diesen Applikationen zählen beispielsweise Spiele, Bildbearbeitungsprogramme, Audiotools und verschiedenste Organisationstools.
Für uns als Agentur am interessantesten, ist aber die Verwendung von HTML5 auf mobilen Geräten. Mittlerweile sieht man deutlich, dass der Trend bei mobilen Anwendungen weg von nativen Applikationen hin zu Web Anwendungen geht und genau hier kann mit HTML5 wunderbar geglänzt werden. Wir finden als kleines Beispiel dieses HTML5 iPad Magazin recht spannend: http://www.asidemag.com/

Der Hype um CSS3

Hier war es anfangs so, dass die Möglichkeit Schlagschatten, Verläufe oder abgerundete Ecken mithilfe von CSS umzusetzen für große Begeisterung unter den Frontend Entwicklern sorgte.

Nun ist es so, dass es viele verschiedene, ausgefallene und kreative CSS3 Projekte gibt, bei denen selbst wir nur staunen können. Das wahrscheinlich bekannteste Beispiel ist die Umsetzung von verschiedenen Logos und dergleichen mit CSS3: http://www.splashnology.com/article/collection-of-famous-logos-in-pure-css/3548/
Aber auch CSS3 Animationen sind gerade sehr im Trend und sollen teilweise sogar schon als HTML5/JavaScript Ersatz dienen (zumindest in Webkit Browsern). Seht euch beispielsweise dieses beeindruckende Space Projet an:http://media.24ways.org/2009/15/space.html

Aber…

Wenn ihr euch das CSS3 Space Projekt angesehen habt, dann werdet ihr wahrscheinlich denken “Wow, sehr cool gemacht!”. Das finde ich auch, aber ich sehe hier keinen Nutzen für meine Arbeit. Genauso sieht es aus mit den CSS3 Grafiken – bevor ich 4 Stunden damit verbringe ein solches Logo mithilfe von CSS umzusetzen, nehme ich doch lieber ein Bild und binde es in meine Website ein. Natürlich weiß ich, dass das zwei sehr extreme Beispiele sind, aber es lässt sich natürlich auch auf realistischere, arbeitsnähere Beispiele umlegen.

Auch bei HTML5 ist nicht alles so super – auch wenn es neu und innovativ ist. Für uns sind Spiele und dergleichen nicht relevant, da hier bei uns gar nicht der Schwerpunkt liegt, aber auch bei den Strukturelementen kann durchaus übertrieben werden.
Anstatt ewig lange zu recherchieren welches Element denn nun für meinen Content am besten geeignet wäre, nehme ich doch einfach ein klassisches “div”. Nirgends steht geschrieben, dass keine divs mehr verwendet werden dürfen – trotzdem versteifen sich einige Entwickler so sehr auf die neuen Elemente und nehmen im Zweifelsfall einfach mal das <aside> Element, obwohl es vielleicht überhaupt nicht für den Content geeignet ist.

Fazit: HTML5 und CSS3 sind defintiv Technologien die man verwenden sollte, allerdings sollte man sich von dem ganzen Hype nicht allzu sehr mitreißen oder blenden lassen und einen kühlen Kopf bewahren. Außerdem ist es wichtig, dass man die “alten” Technologien nicht vergisst. Hier ist einfach eine gute Mischung aus neuem und altem nötig, auf die man natürlich erst nach ein paar umgesetzten Projekten stößt. Wir sind alle an diesem Prozess beteiligt.

Bis jetzt wurde Augmented Reality vor allem für Marketingzwecke genutzt.

Nokia Lumia lies beispielsweise Passanten mit den Angry Birds spielen…

… und Fujitsu vertieb so die Langeweile am Münchner Flughafen.

Aufmerksamkeit und Werbung ist auch gut, schön und wichtig, vor allem in unserer Branche, aber es gibt noch andere Anwendungsmöglichkeiten für Augmented Reality. Mehr Zusatznutzen als nur “schön anzusehen” versprechen hier die Anwendungsbeispiele für Magazine oder Bücher. National Geograqhics erweckte, in Zusammenarbeit mit UPC, in einem Einkaufszentrum Tiere aller Größenordnungen und Zeitepochen.

Und auch Marvel-Comics setzt seine Helden auf Papier von nun an auch mit AR in Szene. Wenn man diese Ideen weiterentwickelt, kommen ehemalige, absolut nicht naturwissenschaftlich interessierte Schüler (wie ich) unweigerlich darauf: Wie würde der langweilige Unterricht wohl heute aussehen, wenn die Evolution mittels im Klassenzimmer hüpfender Affen gelehrt wird? Wenn man geschichtliche Ereignisse quasi live dargestellt bekommt? Unzählige Möglichkeiten, die bestimmt nicht nur Schülerherzen höher schlagen lassen, tun sich hier auf.

Aber auch aus dem Alltag gegriffene Beispiele zeigen eine große Bandbreite an Themen die Augmented Reality verbessern, erneuern oder erbringen kann. Ein paar Beispiele gefällig?

Ebay USA setzt gemeinsam mit der AR Plattform Junaio sehr auf Augmented Reality und auch darauf, dass die Onlineshopper offline Dinge sehen mit “Haben-Muss”-Faktor. Die App erkennt Muster und die Farbe von z.B. Kleidungsstücken  - im Schaufenster oder an der Freundin – und zeigt dann ähnliche Produkte auf der Verkaufsplattform an. Das ganze funktioniert auch mit Autos: Einfach das Heck fotografieren und  schon werden Angebote für dieses Modell angezeigt. Oder man probiert einfach mit der Smartphone Kamera aus, ob die Sonnenbrille auch wirklich steht…

Auch Lego nutzt Augmented Reality und hat in deutschen Läden Computerkameras anbringen lassen. Der Käufer hält die gewünschte Lego-Packung davor und sieht sofort, wie das ganze “in echt” aussehen wird, wenn man es richtig zusammenbaut und sich an die Anleitung hält. Durch Bewegung der Verpackung kann man den Inhalt von allen Seiten betrachten ohne dass man alle Lego-Baukästen im Laden ausstellen muss.

Drittes Beispiel: Die Suche nach Büro- oder Wohnflächen ist zwar überall gleich mühsam, geht aber in San Francisco einfacher als anderswo: Kurzer Blick auf das Smartphone, dass auf das Wunschobjekt ausgerichtet ist, und man erfährt sofort, ob es zur Vermietung oder zum Verkauf zur Verfügung steht.

Dazu kommen viele bereits verwirklichte und in Planung stehende Projekte wie Touristen-Rundgänge mit Informationen, Magazine versehen Städte mit Fashion-Hotspots, etc. Das Thema Augmented Reality ist also definitiv eines, das wir mit geschärftem Blick im Auge behalten, und das nicht erst seit Googles Brille. Wie, in welche Richtung und wie schnell es sich entwickelt wird sich zeigen … und wir bleiben an dem Thema dran.

Wir setzen bei unseren Screendesigns immer mehr auf gut bedachten Space, allerdings müssen hier auch die kleinen Devices bedacht werden. Hierzu sollten mehrere Varianten der Prototypen entworfen werden. (Stichwort: Responsive Webdesign) 2 hervorragende Beispiele hab ich in diesem Beitrag mitgebracht, wie Whitespace perfekt eingesetzt wird.

Ich würde allen raten: Mehr Mut zu Platz! Im Konzept aber nie vergessen wie man die Darstellungen auf kleinere Screens bündeln bzw. reduzieren kann.

In der Realwelt ist parallaxes Scrolling eng mit dem Begriff Bewegungsparallaxe verwandt. Bewegungsparallaxe ist ein Phänomen, bei dem sich ähnlich weit entfernte Objekte mit nahezu gleichmäßiger Geschwindigkeit bewegen (und damit wie auf einer Ebene gruppiert wirken), wenn sich auch der Betrachter bewegt. Wer sich noch nicht auskennt, was ich meine, muss sich zurück in seine Kindheit versetzen:

Am besten zeigt sich der Effekt nämlich beim Auto- oder Bahnfahren (oder, wenn die Kindheit schon etwas länger her ist, bei der Fahrt mit der Pferdekutsche). Betrachtete man während einer solchen Fahrt den seitlichen Horizont, zogen nahe Objekte wie Bäume schneller an einem vorbei, als etwas weiter entfernte wie Hügel. Berge und Wolken, die am weitesten entfernt waren, schienen nahezu stehenzubleiben. Eine kleine Animation:

Der Einsatz von Parallaxe am Computer

Auch am Computer wird dieses Phänomen seit langem eingesetzt, zunächst vor allem in Videospielen. Vorreiter beim Einsatz waren vor allem Jump’n'Runs (bestes Beispiel Super Mario), da sie oft lange, horizontale Levels hatten.

Neben Computerspielen fand der Parallax-Effekt vor einiger Zeit auch den Weg ins Internet. Wann dieser Trend startete ist natürlich schwer nachzuvollziehen. Einen guten Überblick bekommt man jedoch auf Google, bei dem sich die ersten, noch rudimentären Tutorials um 2009 finden. Google Trends zeichnet dann ein erhöhtes Suchaufkommen ab 2011 auf . Ein Auslöser und Mitverursacher des Hypes war sicherlich Nike, die mit ihrer Website nikebetterworld.com Anfang 2011 als eine der ersten großen Firmen ebenfalls auf parallaxes Scrolling aufsprangen.

Eine weitere Bestätigung des enormen Echos auf Nikes Seite sind die Unmengen an Tutorials, die sich mit der Erstellung und Nachahmung der Seite beschäftigen. Warum parallaxes Scrolling derart populär geworden ist, lässt sich freilich nur schwer nachvollziehen. Dabei läuft es aber sicher oft so wie bei Menschen ab, wenn sie berühmt werden: sie waren zum richtigen Zeitpunkt am richtigen Ort. Im Fall von paralaxem Scrolling also zum richtigen Zeitpunkt beim richtigen Artdirector.

Parallaxes Scrolling und andere Technologien und Konzepte

Umstände, die das aufkommen des Scrollings begünstigt haben, sind relativ leicht auszumachen.

Da wäre zunächst HTML 5 und CSS 3, die zwar an sich nichts mit parallaxem Scrolling zu tun haben, durch ihre Möglichkeiten was Animationen, Übergänge und Effekte betrifft den generellen Zugang zu Webseiten und die allgemeine Auffassung, was Webseiten darstellen sollen, nachträglich prägen. Dabei ist parallaxes Scrolling natürlich nur einer von vielen Effekten, die heutzutage zunehmend eingesetzt werden.

Viel wichtiger ist der Einsatz von parallaxem Scrolling nämlich bei einem anderen Konzept: dem Storytelling auf Webseiten. Schon lange genügt es für viele Firmen nichtmehr, ihre Geschichte, Daten und sonstige Informationen ohne viel Konzept ins Internet zu stellen. Durch das aufkommen des Storytellings auf Webseiten werden Informationen für den Besucher spannender, interessanter und schöner aufbereitet und vor allem mit einem durchgänigen, roten Faden versehen. Und dabei kann parallaxes Scrolling eine enorme Rolle spielen.
Einerseits kann parallaxes Scrolling sehr gut als beiläufiger Effekt eingesetzt werden, der subtil und simpel Bewegung in die sonst starre Seite bringt. Ein besonders schönes Beispiel hierfür ist www.iutopi.com. Hier bringt parallaxes Scrolling eine große Dynamik und großen Schwung in die Seite und hilft unterstützt damit das Konzept der Reise in die Tiefe.

Wie groß die Rolle von parallaxem Scrolling beim Storytelling wirklich sein kann, zeigt die sehr gut umgesetzte Seite www.dangersoffracking.com. Hierbei werden die Gefahren des Frackings während der Reise eines Wassertropfens erzählt, den der Besucher über das eigene Scrollen steuern kann. Dabei zeigt sich auch der starke Vorteil des Storytellings gegenüber animierten Infografiken zum selben Thema: Der Benutzer hat volle Kontrolle über die Animation, also vor allem über Geschwindigkeit, Lesezeit, usw. – ein immenser Vorteil gegenüber Videos.

Ein weiterer, sehr guter Einsatzzweck für parallaxes Scrolling bietet sich bei Webseiten von Agenturen. Dabei werden die wichtigsten Informationen über die Agentur auf einer langen Scrollpages in kleine Portionen geteilt, um dann mittels parallaxem Scrolling optisch aufbereitet zu werden. Ein schönes Beispiel hierfür bietet Soleil Noir.

Nachteile beim Einsatz von parallaxem Scrolling

Je nach eingesetztem Framework ist parallaxes Scrolling rechenintensiv und daher gerade für ältere Computer nicht geeignet. Da man ältere Maschinen aber natürlich nicht ausschließen kann, ergibt sich der größte Aufwand vor allem durch den Mehraufwand, die Seiten auch auf älteren Computern gut aussehen zu lassen. Das ist natürlich vor allem bei Seiten, für die parallaxes Scrolling auch inhaltlich eine große Rolle spielen, ein Problem.

Vor allem ist beim Einsatz von parallaxem Scrolling aber eins zu bedenken: Es ist und bleibt ein Effekt und sollte nie zum Selbstzweck eingesetzt werden, sondern immer nur, wenn es vom Konzept her Sinn macht – genau wie alle anderen Effekte im Internet auch. Das gilt natürlich auch für die Stärke des Effekts, der nie so stark sein darf, dass er vom Content ablenkt.

Beachtet man diese beiden Punkte und hat ein Konzept, bei dem parallaxes Scrolling Sinn macht, ist es ein hübscher Effekt um etwas Dynamik in die Seite zu bringen.

Bildrechte: LG Austria

Smart TV?

Bei Smart TV wachsen Internet und TV zusammen. So werden zusätzlich zum Fernsehprogramm multimediale Inhalte aus dem Netz angeboten.

Mit einem Browser kann man in Werbepausen auf Webseiten surfen.
Mit Streamingdiensten wie Youtube, Vimeo, Netflix oder Hulu (letztere derzeit leider nur in den USA) haben SmartTVs sogar das Potential das herkömmliche Fernsehprogramm abzulösen.
Bei einem „Smart“ TV dürfen natürlich soziale Services wie Facebook, Twitter und Skype nicht fehlen, diese können parallel oder sogar im gemeinsamen Kontext zum normalen Fernsehprogramm genutzt werden.
Onlinehändler wie Amazon können parallel zu einer laufenden Sendung Produkte anbieten die dann, à la Teleshopping, gleich bestellt werden können.

Der Fernseher soll in Zukunft überdies alle multimedialen Geräte vereinen und als Abspielgerät für Inhalte von Smartphones, Computer, Tablets und Netzwerkspeicher dienen.
Und viele weitere Anwendungsmöglichkeiten sind möglich.

Bildrechte: LG Austria

There is an App for that, … oder nicht?

Der Erfolg einer Smart TV Plattform hängt, ganz ähnlich wie Smartphones, sehr stark von der Anzahl und Qualität seiner Applikationen ab. Alle Hersteller liefern ihre Geräte mit vorinstallierten Apps aus. Kunden können zusätzlich Applikationen aus dem jeweiligen Stores (die meisten Hersteller bieten eigene Plattformen und Stores an) herunterladen. Die Installation von Applikationen aus anderen Quellen ist meist sehr kompliziert. Da Kunden meist eine große und qualitative Auswahl haben wollen, sollten auch dementsprechende Applikationen im Store verfügbar sein. Leider sind in vielen Stores derzeit kaum mehr als 300 Apps verfügbar.

Diese Plattformen (mit ihren Stores) eröffnen viele neue Vermarktungsmöglichkeiten für Unternehmen. Allerdings gibt es momentan noch einige Probleme. Die technischen Anforderungen und Plattformen sind sehr unterschiedlich und die Bedienung (Eingabemöglichkeiten) ist oft unkomfortabel. Die Plattformen von TV Geräten unterscheiden sich in Inhalt, Oberfläche und Technologie. Will ein Unternehmen also seine Inhalte einem breiten Publikum anbieten, müssen Applikationen für unterschiedliche Portale entwickelt werden, was kosten- und ressourcenintensiv ist.

Es wäre meiner Meinung nach schön, wenn es hier in Zukunft von den Herstellern einen einheitlichen Standard geben könnte. Ich würde mir wünschen, dass dieser Standard HTML(5) wird (Beispiel: Mozilla Marketplace). Da viele SmartTVs einen Browser bieten, wäre dieser Schritt naheliegend.

Wer braucht das?

Die Zielgruppe für Smart TV ist stark am wachsen. Die gleichzeitige Nutzung von Fernsehen und Internet wird beispielsweise immer mehr. 80% der Jugendlichen nutzen während des Fernsehens soziale Medien um sich über das Gesehene zu unterhalten (Quelle: Studie). Erst im November 2011 hat ein Anime im japanischen Fernsehen einen neuen Rekord für die meisten Twitter-Nachrichten pro Sekunde aufgestellt.

Trotz dieser Beispiele, stellt sich die Frage, ob es schon genug Anwender gibt, so dass sich die Entwicklung einer App für Smart TVs auch lohnt?
Da die Verbreitung von SmartTVs derzeit noch nicht so hoch und die Entwicklung kostspielig ist, sind solche Entscheidungen schwer zu treffen. Doch der Markt boomt. Dieses Jahr wird laut BITKOM jeder zweite Fernseher ein Hybrid Gerät sein (Quelle: bitkom). Daher ist es für Unternehmen sicherlich kein Nachteil, dem Trend voraus zu sein und die passenden Apps anzubieten.

Wozu brauche ich das?

Natürlich stellt sich die Frage, welche Applikationen am Smart TV überhaupt Sinn machen. Brauchen wir also für alles auch eine Smart TV App? Was müssen Applikationen am Smart TV bieten um erfolgreich zu sein?

Das Wohnzimmer (und die Couch) ist ein Ort, wo wir (oftmals passiv) unterhalten werden wollen. Wir wollen entspannen und nicht an die anstrengenden Dinge des Lebens erinnert werden. Ich möchte weder meine E-Mails vom Job am Fernseher angezeigt bekommen (dafür nutze ich mein Smartphone oder Tablet), noch bin ich am Periodensystem aus Wikipedia interessiert oder an Apps, denen es an österreichischer Lokalisierung mangelt.

Bei Smart TV Apps sind sinnvolle Inhalte gefragt. Inhalte die dem Verbraucher Mehrwert, mitunter ergänzend zum Fernsehkonsum, bieten. Meiner Ansicht nach geht es darum, das Entertainment Erlebnis fortzuführen. Wichtig sind Emotionen und Mehrwert für den Nutzer.

Was gibt es da schon?

Es gibt zur Zeit schon einige gute Beispiele für Apps. Leider sind viele davon bei uns noch nicht verfügbar. Onlive (GoogleTV) ist ein Streamingdienst für High-Quality Games. Musikdienste wie Pandorra stehen beim mir auch hoch im Kurs und ich bin großer Fan von Mediatheken und Video on Demand Services wie Netflix, hulu oder auch Youtube.

Es gibt so viel Potential für neue Apps in diesem Bereich! Kochsendungen könnten live die Rezepte dazu liefern, Kriminalserien könnten die Seher über die Auflösung des Falles mitraten lassen oder die User könnten bei Gaming Shows selbst mitspielen.

Generell gilt: Bevor aufwändige Smart TV Applikationen entwickelt werden, sollten wir daher bei der Entscheidung den Nutzer und seine Bedürfnisse in den Vordergrund stellen.

In den nächsten Jahren wird es in diesem Bereich mit Sicherheit viele neue Entwicklungen geben. Es bleibt also spannend und wir halten euch informiert!

Für mich hat dieser Begriff 2012 gar keine Bedeutung mehr. Ich habe mich früher selbst als solcher bezeichnet, denn der Webdesigner war immer ein Allrounder. Vom Screendesign bis zur Umsetzung, alles aus einer Hand… Sogar das viel belächelte Institut Humboldt bietet tolle Ausbildungen in diesem Bereich an :) Warum klappt das “alles aus einer Hand” nicht mehr? Das möchte ich hier kurz erklären.

Umsetzung eines Webprojektes 2012

Wenn man aktuelle, professionelle Webprojekte durchleuchtet, sehen eigentlich auch keine Webprofis, dass mittlerweile viel mehr dahintersteckt als eine “bloße” Webseite.

Nehmen wir uns ein Beispiel zur Hand: http://happycog.com/

Rundum-Kommunikation

Webseiten, oder Dienstleistungen rund um Webprojekte sind mittlerweile sehr komplex geworden, da viel mehr Themengebiete zu einem Auftritt gehören. Es fängt damit an, dass man sich viel gezielter überlegt, welche Story man mit der Webseite erzählen möchte. Da ist schon beim Konzeptionieren sehr wichtig, dass alle möglichen Aussagen der Webseite und die darum liegende Kommunikation bedacht wird. Denn ein Webauftritt ist heute eine Basis für viel mehr. Social Media, Applikationen, Mobile, Online-PR oder andere Online Marketingaktivitäten. Wir sehen, dass wir unsere Kunden rundum beraten müssen, gemeinsam mit Marketing und klassischer Öffentlichkeitsarbeit. Eine Webseite stellt auf keinen Fall ein Alleinstellungsmerkmal  mehr dar. Hier können wir unsere Erfahrungen aus der PR und Social Media gut einfliessen lassen.

User Interface tritt User Experience

Screendesign bedeutet heute nicht mehr etwas “Gefälliges” zu entwerfen. Früher war es wichtig, dass es schön ist. Oben der Header, links die Navigation etc… Heute ist das Design einer Webseite dermaßen anspruchsvoll geworden. Es geht um wirkliche Illustrationen, gepaart mit echter! Designleistung. Typographie-Wissen spielt eine übergeordnete Rolle. Welche Schriften passen wie zusammen und wie werden die Schriften sinnvoll eingesetzt, damit der User richtig durch die Webseite geleitet wird. Gleichzeitig gibt es starke Trends im Design (Farben, Pattern, Effekte etc.). Dann geht es darum wie man Action-Elemente richtig setzt. Wie verhaltet sich ein Navigationspunkt oder Button. Nette Animationen sind mit CSS3 möglich, aber was nützt es der Usability der Seite. Ebenso ist die UX (User Experience) sehr in den Vordergrund gerückt. Wie und Was erlebt der User mit der Webseite, dies entscheidet sich in Sekundenbruchteilen. Webseiten sind auch schon lange keine statischen Kommunikationsmittel mehr, es sind halbe Applikationen geworden, also ein UI (User Interface) wo User und Webseitenbetreiber miteinander agieren können, hier muss man auch sehr Applikations-getrieben handeln.

Development

Steht das Screendesign, gibt es jede Menge Photoshop-Dateien, mit vielen Beschreibungen und Layern. Der Frontendentwickler kommt nun zum Zug. Heisst, welche Devices und Browser können auf das Ergebnis treffen? Mobil heisst ganz kleine Auflösung oder breiter Bildschirm bedeutet viel Elemente und Platz. Gleichzeitig müssen alte, in die Jahre gekommene Browser bedient werden. Dann gibt es Applikationselemente in einer Webseite, dies kann ein Shop sein, ein Blog oder andere Widgets. Oder es handelt sich natürlich um ganze Applikationen. Hier kommen die Webdeveloper zum Zug.

Marketing

Nach dem Testen und GOLIVE einer Webseite ist es meistens nicht getan. Wie agieren Suchmaschinen mit der Webseite, gibt es eine Suchmaschinenstrategie? Was gibt es für sonstige Themenschwerpunkte oder Kommunikationsmaßnahme. Welche Geschichten werden auf der Webseite erzählt? Hier kommt Social Media auch stark ins Spiel. Redaktionspläne, Dialoge, und Workshops für Autoren. Wie ist die Webseite dann skalierbar, wie kann man die Webstrategie ausbauen..

Hach, ich könnte noch stundenlang erzählen, das ist auch wirklich nur ein grober Umriss des Ganzen. Es gibt Webprojekte die dauern ein halbes Jahr oder länger. Natürlich vereinen sich manche Rollen auch in einer Person, aber der eigentliche Webdesigner kann das alles nicht mehr bewältigen, das kann ich euch versichern. Daher trage ich nun heute den Webdesigner zu Grabe, Ruhe in Frieden, es war eine schöne Zeit, aber nun ist es etwas komplizierter geworden. Amen! und wir spucken in die Hände!