Oder Text markieren und Enter drücken…

User Interaction Details

Tags
Backlinks
» Tags: "User Interaction Details" is tagged as
» Backlinks: These Wikipages link to "User Interaction Details"

Apple Dateimarkierung

Angelika Weirather, Julia Kurz 

Dateimarkierung

Dateimarkierung2     Dateimarkierung1
 
Die Apple Dateimarkierung ist eine hilfreiche Anwendung um Dateien sichtbar zu hierachiesieren.

 

 

iTunes Lautstärkenregler

Angelika Weirather, Julia Kurz

Lautstaerkeregler1
 
Lautstaerkeregler2

Wenn man in iTunes den Lautstärkernegler von leise nach laut stellt, so wird der Weg, den der Regler zurückgelegt hat, dunkel eingefärbt.

 

 

Klick Zustandsänderung

Angelika Weirather, Julia Kurz

 Zustandsaenderung
 
Zustandsaenderung2
 

Wenn man auf einem Mac von einem geöffneten Dateifenster auf den Schreibtisch klickt so ändert sich die Farbe von grau nach hellgrau.

 

 

 

iTunes Trackliste

Angelika Weirather, Julia Kurz

 itunes
 
itunes2
 

Bei iTunes wird beim Abspielen des Tracks in der Trackliste selbst die Auswahl markiert und je nachdem mit Hilfe eines Pause-, oder Playsymbols markiert. 

 

 

 

Tabs in Chrome

Christian Böhme, Lukas Buhl

Chrome
 

Öffnet man in Google Chrome einen neuen Tab kann man links und/oder rechts blind auf einen großen Balken drücken welcher den Nutzer zu seinen Apps beziehungsweise meistbesuchten Seiten führt.

 

 

 

Desktop Vorschau

Christian Böhme, Lukas Buhl

vorschau
 
Unter Windows befindet sich in der rechten unteren Ecke ein Vorschaubutton. Verweilt man auf ihm sieht man durch die geöffneten Fenster hindurch und sieht auf den Desktop drückt man den Schalter minimieren sich sämtliche Programme.
 
 
 
 

Reddit

Christian Böhme, Lukas Buhl

reddit
 
Auf der selbst ernannten "frontpage of the internet" Website Reddit, findet man die Hauptnavigation klein und übersichtlich, nach Popularität geordnet an der oberen Kante des inneren Browserfensters. Links davon befindet sich die eigene Lesezeichensammlung
des Besuchers falls dieser einen Account bei Reddit besitzt. Sonst zeigt dieses drop-down-Menü die Unterforen welche an der Kante aufgeführt sind in vertikaler Form.
 
 
 


Scrollen bei Windows

Christian Böhme, Lukas Buhl

scrollen
 
Drückt man das Scrollrad unter Windows erhält man einen 2-Achsen Cursor, der wie ein Joystick funktioniert und so müheloses Scrollen, auch seitwärts und diagonal ermöglicht.
 
 
 
 
 

X - Button

Christian Böhme, Lukas Buhl 

button
 
Der Schließenbutton unter Windows (ab Vista) befindet sich in der rechten oberen Ecke und kann blind getroffen werden.
 
 
 
 
 

Google Chrome Up- und Download Kreis

Jakob Bolay, Florence Zacharias, Marlene Menk 

download
 
upload
 
Lädt man etwas im Google Chrome herunter, wird im dazugehörigen Tab ein blauer Kreis angezeigt, welcher sich im Uhrzeigersinn dreht. Lädt man etwas hoch, so wird der Kreis grau und dreht sich gegen den Uhrzeigersinn.
 
 
 
 
 

Firefox Tab wechseln

Jakob Bolay, Florence Zacharias, Marlene Menk

tab
 
Wenn man im Firefox einen neuen Tab öffnet und den Anfang der Adresse des schon geöffneten Tabs eingibt, schlägt Firefox den Wechsel zu dem selbigem Tab vor anstatt die Seite erneut zu laden.
 
 
 
 
 

Windows 7 Taskleiste - geöffnete Programme

Jakob Bolay, Florence Zacharias, Marlene Menk

win2
 
In der Windows 7 Taskleiste werden die Icons der Programme unterschiedlich gehighlightet.
Ist ein Programm nicht geöffnet, hat das Icon kein Highlighting. Ist ein Programm geöffnet aber nicht aktiv, so bekommt es eine Umrandung. Ist das Programm geöffnet und aktiv, wird die Umrandung zusätzlich weiss hinterlegt.
 
 
 
 
 

Windows 7 Downloadprogress

Jakob Bolay, Florence Zacharias, Marlene Menk

win
 
In der Windows 7 Taskleiste werden Downloads und andere rechenintensive Operationen
in der Taskleiste mit einem grünen Fortschrittsbalken angezeigt.
 
 
 
 
 

Google+ Feedback

Jakob Bolay, Florence Zacharias, Marlene Menk

gplusfeedback
 
Will man bei Google+ Feedback geben, so kann man wichtige Details im Screenshot highlighten und Persönliches ausschwärzen.
 
 
 
 
 

Skype Chat Smiley

Jakob Bolay, Florence Zacharias, Marlene Menk

skype
 
skype2
 
skype3
 
Ändert man im Skype die Standartschrift auf die Comic Sans, so wird der lachende Smiley über dem Chateingabefeld zu einem traurigen Smiley. 
 
 
 
 
 
 

Mercedes – AMG

Jonathan Bölz

amgamg2

Mittels eines MouseOver-Effekts lässt sich auf der Website von AMG unter die Motorhaube schauen. Dabei wird die Karosserie des Wagens ausgegraut und der Motor wird sichtbar.

 

 

 

iPhone Erinnerungen 

Jonathan Bölz

app

Die Funktion „Datum“ der von iOS standardisierten App „Erinnerungen“, ermöglicht das Speichern einer Texteingabe. Eine Zeitleiste ermöglicht die schnelle Navigation im Kalender. Bleibt man mit dem Finger über einem bestimmten Datum, erhält man eine vergrößerte Ansicht des ausgewählten Zeitraums. 

 

 

 

Thunderbird Mailsuche

Jonathan Bölz

suche

Gibt man einen Suchbegriff in Mozillas Thunderbird ein, so erhält man eine unübersichtliche Ergebnisliste. Diese Liste lässt sich mit Hilfe eines Zeitstrahls bestehend aus einem Säulendiagramm verfeinern. So wird nicht nur das Datum der e-mail, sondern auch die Anzahl gekonnt visualisiert. 

 

  

 

Mac OS 10.5 Fensterauswahl

Jonathan Bölz

 (Bild!)

Wenn man mehrere Fenster gleichzeitig öffnet, so erweist sich die Bedienung des im Vordergrund liegenden zu den im Hintergrund liegenden als schwierig. Durch die Betätigung der linken und rechten Seitentasten der Mighty Mouse, verschieben sich die Fenster zu einer Auswahl. Das mit dem Curser ausgewählte Fenster bekommt ein blaues Highlight, wogegen alle anderen ausgegraut werden.

 
 
 
 
 
 

Ladebalken - AMG

Jonathan Bölz

amg5amg3amg4amg1

 

 

 

 

 

iPhone Flugzeugmodus

Sandra Holbeck, Florian Staib, Laurens Rinke

flugflug2flug3

Zeigt das deaktivieren des Fluzeugmodus beim IPhone. Das Flugzeug in der linken oberen Ecke fliegt nach rechts weg.

 

 

 

 

OS X Lion Fullscreenmodus

Sandra Holbeck, Florian Staib, Laurens Rinke

2221

Das Beispiel zeigt das Wechseln in den Fullscreenmodus bei OSX Lion. Das Fenster wird beim Skalieren transparent. Der Hintergrund verschwindet nach links aus dem Screen heraus.

 

 

 

OS X Lion

Sandra Holbeck, Florian Staib, Laurens Rinke

blaa

Wenn alle offenen Fenster bei OSX Lion mit einer Geste vom Schreibtisch geschoben werden, erhält der Bildschirmrand eine transparente dunkle Kontur. 

 

 

 

 

OS X Lion Expose

Sandra Holbeck, Florian Staib, Laurens Rinke

dupidu

Wenn man ins Exposé wechselt, wird der Hintergrund ausgeblendet

 

 

 

 

iPhone Scrollen

Sandra Holbeck, Florian Staib, Laurens Rinke

phonephone1phone2

Wenn man ein Menüpunkt weiternavigiert, wird das Menü weitergescrollt, als ob es ein langer streifen wäre. Die Navigationsleiste folgt dabei dem Menü, wird aber durch transparenz aus und eingeblendet.

 

 

 

 

Android

Sandra Holbeck, Florian Staib, Laurens Rinke

androidandroid1android2

Bei Android erscheint oben links das Datum, sobald das Notification Center heruntergezogen wird und so die Uhrzeit auf dem Homescreen bedecken würde.

 
 
 
 
 

Apple Letternauswahl  

Johannes Preibisch, Mathias Beeh

apple
Durch längeres Tastendrücken bei Mac - Letternauswahl wie beim Handy.
 
 
 
 
 
 

Musikplayer

Johannes Preibisch, Mathias Beeh

musik
Schneller Zugang zum Musikplayer bei Smartphones im Lockscreen.
(links Android, Rechts Apple)
 
 
 



YouTube Vorschau  

Johannes Preibisch, Mathias Beeh

vorschau2
Youtube Vorschaubild in Videoladeleiste.
 
 
 
 
 
 

Auto Fill

Johannes Preibisch, Mathias Beeh

auswahl
Automatische Anmeldeinformationen (Auto Fill), Facebook Accounterkennung bei falschen Passwort, Chrome merkt sich Informationen zum User.
 
 
 
 
 

Drag and Drop

Johannes Preibisch, Mathias Beeh

komisch
Drag&Drop Funktion zeigt Anzahl der gedraggten Dateien an.(links Windows, rechts Mac)
 
 
 
 
 
 
 

Opera Geknickter Tab

Trang-Dai Nguyen, Petra Mitrovic

tab
 
Nicht angesehene Seite bei Opera werden mit einem Knick versehen, so dass der User weiß, dass die Tab noch nicht geöffnet wurde.
 
 
 
 
 
 
 

Windows7 Transparente Fenster

Trang-Dai Nguyen, Petra Mitrovic

transparnez
 
Die Fenster sind transparent, so dass der User erkennen kann, ob oder welche andere Programme geffönet sind.
 
 
 
 
 
 
 

Back To The Top

Trang-Dai Nguyen, Petra Mitrovic

17
 
17a

Über den Button "Top" gelangt der User wieder an den Anfang der Seite. Der Button wird erst beim Runter-Scrollen angezeigt.
 
 
 
 
 
 

Tip

Trang-Dai Nguyen, Petra Mitrovic

14
 
14a
 
Der Tip wird als MouseOver angezeigt, und langsam wieder über die Transparenz ausgeblendet.
 
 
 
 
 
 
 

Details im Bild

Trang-Dai Nguyen, Petra Mitrovic

16a
 
16

Einzelne Details im Bild werden über blinkende Punkte hervorgehoben. Klickt der User auf diese, werden Informationen angezeigt.
 
 
 
 
 
 

Google+ Emoticons

Hanna Weiss, Diana Lerias, Angela Zieme

emoticons
 
Beim Chat in Google+ kann man wie fast überall Smilies mit Punkten und Klammern eingeben, anstatt dass sie direkt als kleines Bild angezeigt werden, läuft eine kurze Animation, wo man die Zeichen sieht, wie sie dich in den Smilie (Bild) verwandeln.
 
 
 
 
 
 

Skilift

Hanna Weiss, Diana Lerias, Angela Zieme

ski
 
ski2
 
ski3
 
Auf der Homepage des Skigebiets Silvretta Montafon, kann man sich die Skilifte und Abfahrten anschauen. Beim Mouse Over eines Liftes fängt dieser an zu fahren und wird zudem farblich hervorgehoben.
 
 
 
 
 
 

Google Maps Satellit

Hanna Weiss, Diana Lerias, Angela Zieme

satellit
 
Auf Google Maps kann man auf ein Satellitenbild umschalten, der dazugehörige Button zeigt schonmal eine Vorschau und zwar immer direkt den Ausschnitt der auch auf der Karte liegt. Das heißt dieser bewegt sich auch interaktiv mit.
 
 
 
 
 
 

YouTube Suche

Hanna Weiss, Diana Lerias, Angela Zieme

suche2
 
suche1
 
Wenn man auf YouTube etwas sucht und ein oder mehrere Buchstaben eingibt, schlägt es einem Links vor. Auf der Startseite geht diese Linkliste bis zu zehn Zeilen lang. Schaut man sich währenddessen aber schon ein Video an, beschränkt sich die Liste auf vier Links, sodass die List nicht das Video verdecken würde.
 
 
 
 
 
 

Menu Display

Julian Heller, Elif Cakir, Gabriela Lopez

..2 
 
..-
 
..9
 
User can choose between 2 posibillities, the text size changes in the article text.
 
 
 
 
 
 

Pop-Out Window

Julian Heller, Elif Cakir, Gabriela Lopez

;p
 
>p

 

The user can choose text size by the slider control function.

 
 
 
 
 
 

Touchscreen Help

Julian Heller, Elif Cakir, Gabriela Lopez

film2
 
film1
 
film
film3
 
Icon indicates the action, it helps the user discover the real image by deleting the picture. (fingertouch) 
 
 
 
 
 
 
 
 
 

Touchscreen

Julian Heller, Elif Cakir, Gabriela Lopez

wasser
wasser2
 
wasser3
Icon indicates the action (fingertouch), show the  user the experience of water ow movement
 
 
 
 
 
 

Picture Preview

Julian Heller, Elif Cakir, Gabriela Lopez

screen1
 
screen12
 
screen123
 
 When the cursor hovers the picture, the user sees the text: "click to zoom". When the user clicks on the text, on the right side, one sees the picture zoomed and the cursor goes wherever one sees different details of the product. In this matter the user has a simultaneous product experience.








Tumblr - Back To The Top

Julian Heller, Elif Cakir, Gabriela Lopez

screen2

screen3

screen

When the cursor is on a post. The posts frame folds like a book page. It gives the user materialistic feeling and he always knows which post he reading right now.







 
 
 

Dieser Ordner hat zur Zeit keinen Inhalt.