Print kommt ins Web: Sports Illustrated Magazin auf einem Tablet

Da die Rolle des Internets für den Konsum von Informationen immer  mehr zunimmt, bemühen sich die klassischen Printmedien verstärkt Alternativen zu klassischen Papiermagazinen zu finden. Mit interessantem Erfolg wie die folgende Demonstration des Marktführers “Sports Illustrated” in einer Umsetzung für ein touchscreen bzw. multitouch Tablet/Ipad aussehen könnte. (Etwas ähnliches haben wir schon beim wired Magazine gesehen)

sports illustrated tablet demonstration great typography

Angenehm gestaltete Experience: Texte, Fotos, Videos

Eine wesentliche Entwicklung bei den Angeboten für Magazine und digitale Informationen überhaupt scheint mir das Bestreben zu sein, eine angenehm, übersichtliche und Nutzerorientierte Experience zu schaffen. Mit Fokus auf eine grundsolide Usability.

  • Verwendung von hochwertigen Bildern
  • Einsatz interessanter und individueller Typographie
  • Anwendung verschiedener Layouts
  • flüssige Kombination verschiedener Medien: Text, Bilder, Videos
  • Gestaltung einer umfassenden interaktiven Experience – nicht nur das Lesen eines Artikels
  • Möglichkeit im Magazin einfach zu navigieren
  • Customizing: Anpassung des Magazins an die eigenen Bedürfnisse und Prioritäten
  • Sharing und Socializing: Möglichkeit mit Freunden, sozialen Netzwerken, etc. über den Inhalt des Magazins zu interagieren

sports illustrated tablet präsentation multitouch

Diese Bestrebung scheint nicht nur von der Seite des Prints herzustammen sondern auch von Web Designer höre ich wiedeholt, dass der Wunsch, die ästhetischen Ideen, Layouts und typografischen Feinheiten des Prints im Web umzusetzen.

  • weg von durch Werbung zersetztem Text
  • weg von unübersichtlich gelayouteten Artikeln über mehrere Seiten
  • hin zu auf die Inhalte individuell angepasstes Layout, Typographie, etc.

Die Macht des Digitalen: Kommunizieren und Teilen

sports illustrated demonstration tablet touchscreen sharing socializing

Ein weiterer Vorteil des Digitalen sind die umfassenden Möglichkeiten, Informationen mit Freunden und Bekannten zu teilen, selbst zu speichern, weiterzuverwenden (Blogs, etc.), usw. Hier in einem Beispiel aus dem Sports Illustrated Tablet Video.

Nun aber genug der Vorrede, hier das Video:

Wired Magazine auf's Ipad und Tablet

In einem sehr solide gemachten Video demonstriert die Kooperation von Adobe und dem Wired Magazine, in welche Richtung sich Magazine entwickeln können. Zum Beispiel auf einem touchscreen Tablet.

Weg vom statischen Print hin zum interaktiven Screen

Das renomierte Wired Magazine, bereits im Print Bereich ein Vorreiter in Sachen Innovation und kreatives Design versucht nun auch in den neuen digitalen Medien interessante Wege zu gehen.

Zu diesen neuen Medien zählen das neue Ipad, das Iphone, Tablets, Touchscreens aber auch klassische Notebooks und PCs. Die Idee ist es hierbei nicht, einfach nur das, was im Print bereits vorhanden ist, einfach ins Digitale zu übertragen sondern neue Möglichkeiten der Interaktion zu bieten.

Sei es durch das Einbetten von Videos, die Möglichkeit, (auch Werbe-) Produkte durch Rotation von verschiedenen Seiten zu betrachten aber auch durch soziale Features, wie z.B. Twittern oder in Facebook posten.

Wirklich bahnbrechend Neues gibt es hier nicht zu sehen und sicherlich ist dies auch für Wired zunächst ein Schritt ins digitale Medium, jedoch ist die Präsentation wahrlich sehr gelungen. Vor allen Dingen die touchscreen Experience scheint sehr angenehm und gut durchdacht zu sein.

Am Rande: Ipad und Adobe Air

Nach dem es den großen Aufschrei in der Web Community über die Entscheidung von Apple gab, im Ipad kein Flash zu unterstützen, scheint sich nun für Adobe doch ein Weg ins Ipad zu bahnen. So sollen laut t3n unter anderem auch Adobe Air Applikationen auf unterschiedlichsten Plattformen, darunter auch das Iphone OS, lauffähig gemacht werden.

[via www.t3n.de]

Zweistil: Liegend und normal Fahrrad fahren

Mein Triathlonrad würde ich für folgendes Gefährt sicherlich nicht aufgeben. Aber so ein Liegerad, mit dem man auch in der Stadt fahren kann, weil höher als die Autos scheint eine wahrlich interessante Lösung:

zweistil liegefahrrad und normal in einem

Umschalten geht sogar während des Fahrens. Hier ein Video mit einem Prototypen:

[via www.core77.com]

Du entscheidest, welche Information dir wichtig ist

In einer sehr gelungenen und knappen Präsentation zeigt Jeffrey Veen, was eine gute Visualisierung von Information ausmacht und wie wichtig es geworden ist, dem Nutzer Möglichkeiten der interaktiven Anpassung der Visualisierung zu geben.

In Zeiten von Unmengen von Daten, die das Internet als Publikationsmedium mit sich bringt, wird es immer wichtiger, diese Daten sinnvoll und klar veständlich darzustellen.

Große Herausforderung: Google Analytics

Veen, der als Designer an dem herausfordenden Tool Google Analytics (Webseiten-Statistik und Analyse) mitgearbeitet kennt die Probleme, die große Datenmengen mit sich bringen.

Daher legt er den Fokus vor allen Dingen auf partizipatorisches Design: Design, bei dem der Nutzer entscheiden kann, welche Daten in welchem Zusammenhang für ihn wichtig sind. Und somit spielerisch inhaltliche Zusammenhänge erkennen kann.

Hier das Video:

Slap Widgets: Besseres Feedback für Touchscreens

Dies scheint das Jahr des Touchscreens zu werden: Von Touchscreen gesteuerten Spielen bei Ubisoft, über die Natürlichkeit von Multitouchscreens bei multitouch-barcelona, Zukunftsfantasien mit "Microsoft Sustainability" bis hin zu Touchscreens in Tastaturen bei Asus. Alles hat es schon gegeben.

Nun hat die RWTH Aachen mit Slap Widgets ein Toolset entwickelt, dass die Interaktion mit Touchscreens verbessern soll.

Feedback: Das große Problem der Touchscreen-Technologie

Touchscreens scheinen viele gängige Interaktionsprobleme lösen zu können und viele neue Einsatzbereiche und Möglichkeiten zu eröffnen. Daher wird deren Verbreitung und Weiterentwicklung massiv auch von Größen wie Microsoft vorangetrieben. Mit Windows 7 kommt schließlich ein voll Touchscreen taugliches Betriebssystem auf dem Markt. Mit Microsoft Surface soll die Entwicklung noch weiter vorangetrieben werden.

Das zentrale Usability-Problem jedoch bei der Interaktion mit klassischen Touchscreens ist das mangelnde Feedback. Beim Bedienen des Interface wird eben nur eine flache Fläche berührt, die weder nachgibt, noch "Klick" macht oder ein- bzw. ausrastet.

Viele Hersteller versuchen daher "künstliche" Feedback-Mechanismen einzubauen, so wie Vibration, Farbwechsel oder Geräusche.

Die Usability-Selbststudie: Handy mit Touchscreen

Von der Touchscreen-Technologie sehr fasziniert, besitze ich seit 2 Monaten nun ein Touchscreen-Handy. Und tatsächlich hat sich das mangelnde Feedback und die mangelnde sensorische Ausdifferenzierung des Interfaces als Problem erwiesen.

Da die Tasten nur zu sehen und nicht zu fühlen sind, ist man beim Tippen von Texten stets darauf angewiesen, auf die Tasten zu schauen und nicht etwa auf den Text. Wie etwa bei einer normalen Tastatur, wenn man der 10-Finger-Schreib-Technik fähig ist. Da die Tasten der echten Tastatur eine drei-dimensionale Form haben, nachgeben und ein Geräusch machen, sind sie einfach und intuitiv zu bedienen, geben nach und machen ein Geräusch. Als Nutzer weiß man, ob man die richtige Taste getroffen hat oder nicht.

Auftritt: Slap Widgets - Touchscreen Interface Werkzeuge

slap widget touchscreen interface feedback verbesserung einfaches modul

Um das Feedback in der Interaktion mit Touchscreens zu verbessern haben die Forscher zunächst drei Tools entwickelt, die einfach auf den Touchscreen gelegt werden. Diese Module sind transparent und aus Silikon, so dass das Licht vom Touchscreen hindurchscheint.

slap widget drehrad modul touchscreen interface

Der Touchscreen erkennt die Module und beleuchtet sie auf verschiedene Arten und Weisen. Derzeit gibt es ein einfaches 3 Knöpfe Modul, eine frei belegbare Tastatur und ein Drehrad.

slap widget touchscreen interface tastatur keyboard

Die Interaktion mit dem Touchscreen erfolgt wie bei normalen Touchscreens. Der wesentliche und massive Vorteil ist jedoch, dass es sich bei Slap Widgets um "reale" Interface-Bausteine handelt. Sie geben als physisch nach, lassen sich drehen und drücken und erzeugen damit ein solides und intuitives Feedback.

Das nun folgende Präsentationsvideo erklärt die Technik und zeigt ein paar schöne Beispiele:

[via www.core77.com]

Die Zukunft der Interface-Gestaltung: Blend 3, WPF und Silverlight

Erst vor kurzem habe ich einen Artikel zu einem sehr intuitiv zu bedienenden Multitouch Interface geschrieben.

Was uns Designer natürlich mehr interessiert, ist wie kann ich so etwas bauen?

Neue Möglichkeiten und Features in Blend

Microsofts Tool für Designer, um WPF und Silverlight Anwendungen zu gestalten, heißt Blend. Und hat seit dem letzten Jahr anscheinend große Schritte in Richtung unterhaltsame, intuitiv zu bedienende, interaktions-reiche Anwendungen gemacht.

In der Präsentation von Peter Blois, einem Produkt Manager im Microsoft Blend Team, stellt dieser neue Features in Blend 3 vor. Die Demonstration fand im Rahmen der MIX09 in Las Vegas statt.

blend 3 neue features demo mix09 silverlight wpf

So wurde die Palette an Auslösern (Trigger) und Aktionen (Actions) deutlich ausgebaut. Es gibt nun z.B. Interaktionsmöglichkeiten wie:

Objekte verfügen über eine komplette Physik

  • Objekte können Gravität ausgesetzt sein
  • haben eine Art eigene Masse (beim ziehen und schieben)
  • können sich magnetisch Anziehen
  • Objekte stoßen sich gegenseitig ab

Ausblick auf das neue Windows 7

Das Interessante bei den neuen Features ist tatsächlich, dass sie sich in die neuen Touch-Kapazitäten des kommenden Windows Betriebssystems einpassen. So wird ja das neue Windows komplett für Touchscreen-Bedienung vorbereitet sein. Und eine komplette Physik ist ja eine der wirklich coolen Anwendungsfälle für Touchscreens.

Hier geht es zu dem Video der Präsentation. Sehr sehenswert.

Die Zukunft des Interface: Multitouch überall

Multitouch, touch-screens, Interaktion mit den Händen ohne weitere Geräte sind in aller Munde. Und ich habe schon so einige Artikel darüber geschrieben.

Guten Touch - Die Realität von Touchscreens

multitouch touchscreen touch screen multitouch-barcelona paint

Um so mehr war ich erstaunt, wie lebensnah und authentisch das folgende Video von multitouch-barcelona.com mit dem Titel "Guten Touch" auf mich wirkte. Auch wenn die "Microsoft Sustainability" Studie sehr beeindruckend war, so wirkte sie noch weit entfernt und an einigen Stellen sogar überstyled.

Gar nicht so in der Präsentation die nun folgt. Vielmehr dominieren Spielspaß, Leichtigkeit und Experimentierfreude. Und alle Bewegungen scheinen völlig intuitiv und natürlich zu sein. Sei es beim Interagieren mit den Bällen oder dem Ausschütten eines zuvor gezeichneten Gefäßes.

Ich auf alle Fälle, freue mich darauf :)

[via www.fubiz.net]

Computer im Keyboard: ASUS Eee Keyboard PC

Mit einem kleinen Touchscreen ausgestattet, präsentiert ASUS auf CeBit ein vollwertigen Computer im Eee Keyboard PC. Und das alles im Format einer standard-Tastatur.

Interessantes Konzept, vor allen Dingen für Multimedia-Anwendungen über den grossen Flatscreen daheim. Und durch den kleinen Touchscreen auch stets ohne grossen Monitor bedienbar. Und das scheinbar auch noch kabellos im Akku-Betrieb.

[via www.umpcportal.com]

Ausblick in die Zukunft: Video - Microsoft Sustainability

Mit Microsoft Surface und der Integration der Multitouch-Technologie in Windows 7 ist Microsoft definitiv auf einem innovativen Weg. Innovation braucht aber stets auch ein Ziel:

Nun ist mit dem Video "Microsoft Sustainability" ein sehr ansehnlicher Ausblick ins Jahr 2019 vorgestellt wurden, der hoffen lässt, dass es nicht noch 10 Jahr dauern möge...

Multitouch und Flexibilität durch mobile Geräte

Zentraler Bestandteil der Vision scheinen die Interaktion per Multitouch sein und vielfältig nutzbare mobile Endgeräte. Das zusammenklappbare Handy, dass lediglich nur aus dem Bildschirm zu bestehen scheint, ist wahrlich atemberaubend schön und praktisch.

microsoft sustainability multi-touch interface

mobile microsoft sustainability zusammensteckbares handy multitool multitouch

Feature: Nahtlose Integration

Ein weiteres Augenmerk haben die Visionäre auf das Verstecken der Hardware gelegt. So scheinen sich alle Interaktionsflächen nahtlose in ihre Umgebung einzufügen und somit so gut wie gar nicht aufzufallen. Man arbeitet nicht mehr am Gerät sondern man arbeitet einfach.

Auch der Transfer von Informationen geschieht völlig integriert und scheinbar per Geisterhand.

microsoft sustainability nahtlose integration touchscreen multitouch bildschirm

Fazit zur Zukunft unserer Welt

Sicherlich sind einige der Details und Ideen in dem Microsoft Sustainability Video nicht praktikabel oder werden sich nicht durchsetzen. Für Innovations- und Zielsetzungszwecke halte ich es jedoch für eine sehr gelungene und glaubhafte und dadurch inspirierende Vision dessen, was da noch auf uns zukommt.

[via www.fubiz.com]

Siftables: Neue Interaktionsmöglichkeiten mit Bauklötzen

Die grundlegende Idee kommt von einem Spielzeug, das wir alle kennen: Bauklötze. David Merill zeigt nun, wie man mit dem Prinzip Holzbaustein intelligente Interaktionstools erstellen kann.

Die Siftables, die Merill auf der TED Konferenz vorgestellt hat, sind kleine Computer mit besonderen Sensoren. Sie wissen, was für ein Siftable angrenzt, in welche Richtung sie gehoben werden und vieles mehr.