• Start
• Campusphere
• Prozesse
• Allgemein
• Seminare
• Rotationen
• Diplom
• Alumni
• Tutorials
• Ergebnisse
• Diplomarbeiten
• Semesterprojekte

Suche

Bei Dr.Web gibt es ein paar, genauer gesagt acht, Tipps wie man die iPhone Usability einer App erhöht bzw. wie man mit den gewohnten und gegebenen Mitteln die beste UX erreichen kann. Viele Sachen klingen selbstverständlich, aber sicher nochmal interessant sich diese ins Gedächtnis zu rufen, wenn es um die Interface-Gestaltung geht.

• 8 Tipps für bessere iPhone Usability

Kategorien: Allgemein | gespeichert unter Allgemein |

Eine kleine Zusammenstellung der möglichen Wege um “Klickdummys” oder Prototypen von Applikationen herzustellen. Teilweise sehr iPhone lastig aber auch nutzbar für andere Endgeräte.

Fireworks

Wer eine umfangreiche Suite von Adobe sein eigen nennt, hat wahrscheinlich auch Fireworks installiert. Fireworks steht irgendwie immer im Schatten von Photoshop, doch niemand erkennt so richtig, wo Fireworks seine Stärken ausspielen kann. Gerade für das Prototyping von Websites oder Applikationen mit Hoverevents, Dropdowns, Fadern etc. lässt sich Fireworks prima nutzen. Grundsätzlich kann man einfache Prototypen bauen aber auch “High-End” Klickdummys sind kein Problem.

Links zu Fireworks und Prototyping:

• http://www.adobe.com/devnet/fireworks/articles/prototype_iphone_app.html
• http://www.adobe.com/devnet/fireworks/articles/rapid_prototyping.html (unten gibt es en 10 min Video mit ner Übersicht über das Rapid Prototyping in Fireworks)
• http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/ (Videotutorial)
• http://www.adobe.com/devnet/fireworks/articles/rapid_interactive_prototyping.html (Textversion zu Link drüber)
• http://www.lynda.com/home/DisplayCourse.aspx?lpk2=739 (Lynda ist sowas wie Video2Brain, man braucht nen bezahlten Account um den vollen Umfang genießen zu können)
• http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

OmniGraffle

OmniGraffle kann inzwischen auch interaktive Prototypen bauen. Entweder nutzt man diese Funktion innerhalb von OmniGraffle und hat auch die Möglichkeit Ebenen ein- bzw. auszublenden oder man exportiert das “fertige” Produkt als PDF. Die Verlinkungen zu einzelnen Seiten und die HotSpots der Buttons bleiben dabei erhalten. Hiermit hat man eine gute Möglichkeit den Prototypen rumzugeben und man kann sicher sein, dass 90% aller Betrachter auch den vollen Funktionsumfang des Prototypen nutzen kann. Mehr Informationen in den Links:

• http://blog.fuzzymath.com/2010/02/prototyping-with-omnigraffle-showhide-annotations/ (Text Tutorial)
• http://urlgreyhot.com/personal/weblog/creating_prototypes_with_omnigraffle (Video Tutorial)
• http://wireframes.linowski.ca/2010/03/showhide-annotations-omnigraffle-script/

Weitere Tools und Ressourcen

ForeUI scheint auch ziemlich mächtig zu sein, was klickbare Prototypen angeht. Habe es leider noch nicht getestet aber durch die Testversion kann man ja mal versuchen, ob es was ist. Axure ist auch so ein Kandidat, in der Anschaffung ziemlich kostspielig scheint es doch die eierlegende Wollmilchsau für Wireframing etc. zu sein.

Um auf dem iPhone/iPod Touch Größen und Schriften eines Designs zu testen gibt es eine nette App. Mit LiveView fürs iPhone kann man einen Ausschnitt des Mac Desktops auf das iPhone streamen um Schriftgrößen, -arten und Farben zu beurteilen und gegebenenfalls zu ändern. Einfach App auf dem Device installieren und die entsprechende Applikation auf dem Mac installieren.

Wer noch weitere Informationen, Links, Tools oder Fragen hat: in die Kommentare!

Kategorien: Allgemein | Tags: axure, fireworks, foreui, iphone, liveview, mockup, omnigraffle, prototypes, wireframe gespeichert unter Allgemein |

Jakob Nielsen hat das iPad unter die Lupe genommen und in seiner Alertbox Ergebnisse veröffentlicht:

Summary:
iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems.

Außerdem gibt es einen Report als PDF von der Norman/Nielsen Group. Normalerweise kosten diese Reports ziemlich viel Geld, aber der hier ist gratis. Also unbedingt zugreifen.

Kategorien: Design, Trends | Tags: ipad, tablet, testing, usability gespeichert unter Design, Trends |

Auf Flowtown.com gibt es einige Diagramme über die Nutzung von Mobiltelefonen bei Teenagern (die Daten beziehen sich auf den Markt in den USA):

[Mehr bei flowtown.com]

Kategorien: Trends | gespeichert unter Trends |

Phil Gyford hat mit diversen Geräten einen Schreibtest gemacht und die Zeit zur Eingabe eines Textes mit ca. 220 Worten gestoppt. Das iPhone und das Palm Treo schnitten dabei leicht besser ab als Papier und Stift!

Kategorien: Allgemein | gespeichert unter Allgemein |

Gerrit van Aaken war so freundlich und hat eine Übersicht aktueller Tablet-Computer und Surfpads gemacht. Nicht sehr detailliert und umfangreich, aber gut als Momentaufnahme für weitere Recherchen.

iPad

WePad

joojoo

Android Pad

HP Slate

Kategorien: Trends | Tags: ipad, surfpad, tablet gespeichert unter Trends |

Bin beim herumsurfen auf einige sehr interessante Artikel zum Thema “mobile Typo” gestoßen, die ich euch nicht vorenthalten möchte:

• Mobile Typography Guidelines
• Typography for Mobile Devices
• Fonts for prototyping mobile UIs
• AIGA: The Design of the QUALCOMM Sans Font Family

Kategorien: Design | Tags: grafik, typografie gespeichert unter Design |

Mit einem neuen Patent zeigt Apple, wie die Zukunft des Multitouch aussehen könnte: Statt mit zwei, sollen Touchscreens künftig mit drei, vier oder fünf Fingern bedient werden. Dafür müssten die Nutzer allerdings viele neue Gesten lernen.

Kann sich das durchsetzen? Vielleicht. Beherrscht man alle Gesten, ist es sicher ein großes Vergnügen auf diese Art einen Computer zu steuern. Andererseits ist es schwer vorstellbar, dass die Mehrheit der Nutzer bereit ist, all diese Gesten zu lernen. Vielleicht müssten Ärzte dann auch völlig neue Krankheitsbilder behandeln. Denn wie Muskeln, Sehnen und Knochen auf diese Arbeitsweise reagieren, ist noch völlig unbekannt.

• —> Artikel bei n-tv.de
• —> Beschreibung des Patents bei Patently Apple

Kategorien: Allgemein | Tags: apple, gesture, multitouch gespeichert unter Allgemein |

Ein sehr interessanter Vortrag bei TED über das Nutzungsverhalten von mobiler Kommunikation in der dritten Welt.

Interessantes Beispiel aus Uganda:

In Uganda ist der durchschnittliche Einwohner viel zu arm, um ein normales Bankkonto zu besitzen. Wer hätte Gedacht, dass in Uganda Prepaid-Guthaben für Prepaid-Handys dazu benutzt werden, um sich Geld über weite Entfernungen zu schicken.

Nokia researcher Jan Chipchase’s investigation into the ways we interact with technology has led him from the villages of Uganda to the insides of our pockets. He’s made some unexpected discoveries along the way.

Kategorien: Allgemein, Trends | Tags: ted gespeichert unter Allgemein, Trends |

Various sets of gestural icons, omnigraffle stencils sets and interaction posters can be found at: LukeW | Touch Gesture Diagrams

Kategorien: Allgemein | gespeichert unter Allgemein |