flying sparks ein Weblog von Tobias Jordans zu den Themen software designstudium web2.0 webdesign informationsdesign oekologie werbung usability tj video interfacedesign marketing // alle Themen...

Alle Funken für das Thema userinterface:

iPhone-Tastatur-Zoom bei Microsoft Research

Patrick Baudischs Projekte bei Microsoft Research und parc sind insg. alle sehenswert. Eines ist mir jetzt besonders aufgefallen, weil es eine Technik beschreibt, die wir inzwischen alle aus den iPhone-Videos schon kennen: Das Vergrößern von Screenelementen unter dem Finger auf mobilen Geräten.

shift-ms-research

Kurz beschrieben: Möchte man auf einem PDA beispielsweise mit dem Finger ein kleines Element anklicken, wird der Bereich unter dem Finger durch Shift vergrößert und ist somit leichter anzuklicken.

shift-results

Die Ergebnisse: Shift mit Fingernagel-Bedienung und Fingerkuppen-Bedienung verhält sich besser als die vergleichbare Technik mit einem Offset zwischen Finger und Zeiger.

Mehr auf der Projekt-Website und im Video bei YouTube:

PS: Damit haben Herr Vogel und Herr Baudisch auf der CHI 2007 den BEST PAPER AWARD gewonnen (PDF).

[tags]mobile, mobile2.0, touchscreen, research, microsoft, baudisch, pda, hardware, interfacedesign, eingabegeraete[/tags]

Microsofts Multimedia-Multitouch-Screen

Microsoft Surface Logo

Microsoft macht jetzt Multi-Touch! Bisher überhaupt nicht in diesem Bereich erwähnt, taucht Microsoft Surface jetzt in allen möglichen Websites in Text, Bild und Video auf und zeigt sich dabei als alter Hase im Geschäft, der seit 2001 (Menüpunkt „Origins") an Produkten forscht, die die Shops der Zukunft ausstatten sollen.

Eine der Beispiel-Shop-Anwendung, die im Video (unten) gezeigt werde, ist für T-Mobile-Shops konzipiert und zeigen, wie schön man zukünftig Handys vergleichen, kaufen und mit Zusatzfunktionen füllen kann…

Der große Unterschied zu den übrigen Multitouch-Displays ist, dass Microsoft (immernoch) mit Kameras und Projektor arbeitet, daher nur „touch-controlled" und nicht „touch-sensitive" ist, dafür aber noch dieses Jahr (Vista-WPF-basierte) Produkte in die Geschäfte bringen möchte…

Ein paar Links:

Im Interface Design und Usability Blog-Artikel gibt es alle erwähnten Videos direkt als YoutTube/GoogleVideo-Filme zu sehen.

Zwei gute Videos:

Ein paar Bilder:

Microsoft Surface Fotos Microsoft Surface Spiele Microsoft Surface T-Mobile (USA)

Office12: Interface-Blog-Inhaltsverzeichnis und Interface-Lizenz

Seit inzwischen mehr als einem Jahr hat Jensen Harris und seine Gastautoren in dem schon oft oft erwähnten und zitierten Office 12-Interface-Blog über 200 Artikel zur Entwicklung des neuen Office Interface geschrieben.

Jetzt hat er all diese Beiträge in Form eines thematischen Inhaltsverzeichnisses gruppiert: „The Office 2007 UI Bible".


Wer durch diese Artikel oder die Bedienung von Office 2007 überzeugt ist, das neue UI würde auch seiner Applikation gut tun, kann jetzt bei Microsoft eine kostenlose Lizenz bekommen!

Es geht dabei um all die Innovationen, die Harris beschreibt: Das Ribbon, Super Tooltips, Mini Toolbar etc.

Microsoft stellt damit das Ergebnis von langwieriger Forschung und Entwicklung kostenlos zur Verfügung und geht damit konsequent den neuen, offeneren Weg mit seiner Office-Software umzugehen, weiter. (Beispielsweise auch zu sehen am neuen, offenen XML-Datenformat und dem Umgang mit Unternehmensblogs.)

Gleichzeitig besteht so die Chance, die neuen Bedienungsparadigmen von Office12 bald auch in gleicher Qualität in anderer Software wiederzufinden. Denn grundsätzlich ist die Lizenz kostenlos und für alle Software und Betriebssysteme (ausser office-artigen Programmen).

Aber es gibt eine wichtige Einschränkung, die ich für enorm wichtig halte:
Die Lizenznehmer müssen sich an die Office-UI-Guidelines halten! Darin beschreibt das Team ausführlich, wie sich die UI-Elemente in bestimmten Situationen zu verhalten haben. Harris vergleicht das im Channel-9-Video mit der Human Computer Interaction-Dokumentation von Apple.

Das erste Preview-Dokument dieser Guidelines (PDF) zeigt, das eine solche Dokumentation wirklich nötig ist. Die vielen guten Details, die das Office-Team eingebaut hat, müssen auch in anderen Anwendungen genau so funktionieren…

Mehr:

Update: Wenn man sich mit seinem MS-Passport-Account zur Evaulation der Office-Licence anmeldet, kann man die komplette UI-Dokumentation downloaden. Ein sehr interessantes 118-Seiten-PDF.
Leider stellt MS es nicht direkt öffentlich online sondern verbietet dies sogar. Das hat dann leider nichts mehr mit der oben erwähnten und von Harris gepriesenen, öffentlich zugänglichen Apple-Dokumentation zu tun…

Multi-Touch-Screen — Geschichte, Zukunft, neues Video

Es gibt ein neues Video des Multitouch-Screens von Jefferson Han.

FastCompany.com stellt es zusammen mit einem sehr guten Artikel „Can't Touch This" vor.

Schön zusammengetragen, stellt Adam L. Penenberg für FastCompany Han's* Lebensgeschichte und die Entwicklung seines Multitouch-Screens vor.

Dabei muss ich die zeitlichen Angaben aus meinem letzten Multitouch-Post korrigieren: Erst war die TED-Präsentation, dann das YouTube-/Perceptive Pixel-Video. Jedoch wurde die TED-Präsentationen erst als 2. veröffentlicht.

Neben dieser Firmen- und Entwicklungsgeschichte von Han und Perceptive Pixel ist auch interessant, welche Mitbewerber, Künstler und Professoren sonst noch so im Multitouch-Umfeld forschen.

Ich hoffe nur, es gibt schon bald bezahlbare Konsumenten-Screens :-).

*) Denglisch ist hier besser lesbar :).

Update 07-03-20 via Fabian: Ein Video das zeigt einen Ansatz, wie ein Interfacedesign speziell für Multitouchscreens aussehen könnte

Update 07-03-21 via infostetics: Jeff Han wird direkt interviewt und zeigt, was sein bisher größter Multitouchscreen kann. Ich finde: Das aufschlussreichste und natürlichste Video bisher.

Interface für den 100$-Laptop

Die Idee des „One Laptop Per Child" (OLPC) hat mich schon vor einem Jahr fasziniert. Seit dem habe ich immer wieder Zeitungsartikel und Berichte gesehen.

Dass das Projekt weiter geht und an Popularität und Durchsetzungskraft gewinnt, konnte mir dann zuletzt Nicholas Negroponte selbst in seinem 18-Minuten-Vortrag während der TED-Talks erzählen.

Und jetzt wurde der nächste Realisierungsschritt eingeleitet: Man beginnt am UserInterface zu arbeiten.

Wie schon bei der Hardware und dem OLPC-Gedanken insgesamt geht Negroponte auch bei der Bedieneroberfläche radikal vor, löst sich von allem Bekannten und versucht eine optimale Lösung für seine Zielgruppe zu finden.

Das Ergebnis sieht zur Zeit so aus:

olpc interface

Als ich dieses Interface zu erst sah, dachte ich: schade, dass Jef Raskin nicht mehr lebt, das wäre seine Chance sein Interface-Konzept voran zu bringen.

Außerdem glaube ich, dass sein Archy-System an einigen Stellen besser funktioniert(e) als der aktuelle OLPC-Software-Prototyp.

Aber ich möchte an dieser Stelle gar keine Usability-Review schreiben, sondern einfach auf weitere Quellen verlinken. Eines ist Negropontes System nämlich sicher: Wert beachtet zu werden…

to be continued

[tag]olpc, ngo, laptop, hardware, software, interfacedesign, betriebssystem, tedtalk, video, raskin, user-interface[/tag]

Scrybe / Animation im Kalender

Ein aussagekräftiges Sneak-Peek-Video über einen Online-Kalender mit Namen Scrybe , der diesem eigentlich abgedroschenen Thema einige interessante Funktionen und Sichtweisen hinzufügt.

Insbesondere die gezielt und geschickt eingesetzten Animationen und Transitions lassen den Arbeitsablauf angenehm flüssig erscheinen.

Oliver Wrede schreibt im Seminarblog Continuity:
Was in dem Video im Bezug auf »Continuity« eine Verbindung darstellt ist, dass die Autoren von iScrybe zum einen die Integration des Tools mit alltäglichen Arbeitsweisen suchen (Vermeidung von Medienbrüchen) und zum anderen sehr viel Wert darauf legen, dass die Software Kontext zu den einzelnen Informationen bieten kann (Zusammenhänge erkennbar machen, indem Wechsel der »Views« durch Übergänge erkennbar gemacht werden).

[via Tamim / Oliver]

[tag]continuity, video, flow, kalender, webapplikation, interfacedesign, ui[/tag]

2. Multi-Touch Interaction-Video

Anfang des Jahres ging es wie ein Lauffeuer durch die Bloggosphäre und obwohl diese Metapher gut zu flyingsparks gepasst hätte, habe ich mir das x-te me-too-Post gespart.

Jetzt gibt Tamim mir mit seinem Hinweis auf dieses inzwischen auch wieder 2 Monate alte zweite Video der Multi-Touch Interaction Research von Jeff Han: Auf TED-Talk gibt er eine kommentiere Live-Präsentation.

Wer das erste Video kennt, sieht visuell nicht viel Neues, hört aber, was Jeff Han dazu zu sagen hat und erlebt ihn persönlich an seinem genialen Touchscreen…


(Auch direkt auf der TED-Talk-Website)

PS: Die TED-Talks erweisen sich überhaupt als ziemlich interessant.

Via Interface Design und Usability Blog:

Und schon wieder ein MultiTouch-Interface. Dieses allerdings mal nicht von Jeff Han, sondern von Daniel Lüthi und Christian Iten. Wie die Namen schon ahnen lassen, handelt es sich hierbei um zwei Schweizer genauer gesagt, zwei Studenten vom Interaction Design Studiengang der Hochschule für Gestaltung und Kunst in Zürich.

Das Besondere: Im Gegensatz zu Han’s Konzept, können bei diesem Interface jedoch noch real existierende Objekte mit einbezogen werden. Im Video gut zu sehen: Ein frei platzierbarer Drehknopf, mit dem sehr effektiv Menüpunkte ausgewählt werden können.