T-Online.de aus dem Jahre 1997

T-Online.de 2012

Nach längerer Pause möchte ich die Rubrik “Web-Oldies” etwas beleben. Diesmal möchte ich T-Online.de aus dem Jahre 1997 mit der heutigen Seite aus dem Jahr 2012 vergleichen. Also 15 Jahre Unterschied in Sachen Webdesign. Sofort fällt auf, dass die 1997er Seite gegenüber der heutigen blass und leer wirkt. Auf den 2. Blick gefällt mir die Seite vor 15 Jahren wesentlich mehr als die heutige. Es nicht gerade so, dass sie gestalterisch viel zu bieten hat. Aber sie ist im Gegensatz zu vielen heutigen Websites (vor allem T-Online.de) wenigstens bedienbar. Man kann sich klar und deutlich orientieren. Es gibt eine zentrale Position für die Navigation. Heute herrscht hingegen absolute kognitive Überlastung (cognitive overload). 15 Jahre Unterschied: Normalerweise sollte sich die Usability verbessern. Bei T-Online nicht.

Ich habe mir die Mühe gemacht alle Links im sichtbaren Bereich zu zählen.

• T-Online.de 1997: 18 Links
• T-Online.de 2012 81 Links

Weil mir die Zeit zu schade war, alle Links der Startseite von 2012 zu zählen, habe ich dies per Software getan.
T-Online 2012 über 500 Hyperlinks auf einer Seite
Das Arbeitsgedächtnis ist hier völlig überfordert. Es folgen Stress und Frust. Der Nutzer ist bekanntlich wieder schnell weg.
Viele Studien belegen, dass er sowieso nicht mehr als 0:30 Sekunden für eine Seite aufbringt. Seiten mit schlechter Bedienbarkeit schon in wenigen Sekunden verlässt.
15 Jahre Webdesign und es wurde schlimmer mit der Usability:

• Die Darstellung von Inhalt und Text folgt keiner Struktur oder klaren Linie.
• Es gibt keine Priorisierung der Inhalte mit Abständen oder unterschiedlichen Größen
• Alles wirkt wie bei einer schlechten Collage zusammengewürfelt
• Im Vergleich zur 15 Jahren älteren Seite ist keine Navigationsstruktur erkennbar.  (Es gibt im oberen und rechten Bereich 2 Menüs)
• Werbung ist nicht vom eigentlichen Inhalt zu unterscheiden.

“Weniger ist mehr” klingt sehr abgedroschen und allseits bekannt, ist aber doch bei vielen nicht angekommen.

Seit diesem Montag ist ‘The Diary‘ nun als iPad im App Store verfügbar. Bei der neuen iPad Tagebuch App, von der Keksbox initiiert, ging es darum eine App gemeinschaftlich in einem kreativen Team ohne Budget oder Auftraggeber an einem Wochenende fertig zu stellen.
Für die Entwicklung bin ich mit den sieben weiteren Berliner Jungs im September 2011 nach Lychen gefahren. Dort haben sich die Nerds für ein Wochenende eingeschlossen und an der App gebastelt. Das Konzept entstand als Gemeinschaftswerk und die App wird jetzt den Nutzerwünschen nach erweitert. Seid gespannt…es kommen weitere Updates von uns auf Euch zu

MyGigs ist die neue App von tapwork.

Du findest Konzerte und Locations sowohl in der unmittelbaren iPhone-Umgebung als auch in zusätzlichen, von euch ausgewählten Städten.

Außerdem kannst du direkt nach Konzerten von Bands auf deinem iPhone/iPod suchen. Oder auch Locations nach Konzerten durchsuchen.

Bist du neu in einer Stadt? Dann kannst du dir alle Locations oder Clubs in einer Liste oder auf einer Karte anzeigen lassen.
Du kennst die Band, die heute Abend spielt, noch nicht? Dann solltest du diese mit der Youtube Funktion Probehören, um sie vorher kennenzulernen.

Mit nur einem Tap erfährst du gleich, welche Veranstaltungen dort stattfinden.

Funktionen
★ Schnelle Suche von Konzerten und Festivals deiner Umgebung oder anderen Stadt weltweit
★ Konzertsuche von Bands in deiner iPod Library
★ Anzeige von Locations, Clubs und Konzerthallen in der Umgebung oder in beliebigen Städten
★ Anzeige aller Konzerte auf einer Karte
★ Probehören von Bands via Youtube
★ Weiterleiten von Events per E-Mail
★ Speichern von Events als Favorit

myGigs iOS App Website
App Store

Der Mac ist eigentlich bekannt für seine gute User Experience. Bei Lion ist Apple seiner Linie nicht ganz so treu geblieben. Das automatische Öffnen von Dateien beim Programmstart kann schon nerven, wenn man beim Verlassen 10 PDFs offen gelassen hatte. Diese Dateien werden direkt beim nächsten Start des Programms wieder geöffnet und überladen den Desktop mit ungewünschten Dateien.

Diese Funktion kann in den Einstellungen unter Allgemein deaktiviert werden. Einfach den Haken entfernen und schon startet das Programm beim Start frisch und aufgeräumt

PunchScrollView hosted on github is a ScrollView framework for iOS (iPhone, iPad and iPod Touch) which works like the Apple UITableView

• Easy and fast implementation, almost like the UITableView
• Perfect for photo slideshows or many text pages
• Use the benefits of the NSIndexPath like you might know it from the UITableView
• Easy setup in combination with Core Data
• Helpful methods, i.e. jump or scroll to a desired page
• Avoid boilerplate code
• Save lots of memory with the use of dequeuing

The following code shows a simple scrollview with 3 sections and 3 pages

- (NSInteger)numberOfSectionsInPunchScrollView:(PunchScrollView *)scrollView
{
	return 3;
}
 
- (NSInteger)punchscrollView:(PunchScrollView *)scrollView numberOfPagesInSection:(NSInteger)section
{
	return 3;
}
 
- (UIView*)punchScrollView:(PunchScrollView*)scrollView viewForPageAtIndexPath:(NSIndexPath *)indexPath
{
	ExamplePageView *page = (ExamplePageView*)[scrollView dequeueRecycledPage];
	if (page == nil)
	{
		page = [[[ExamplePageView alloc] initWithFrame:self.view.bounds] autorelease];
	}
 
	page.titleLabel.text = [NSString stringWithFormat:@"Page %d in section %d", indexPath.row, indexPath.section];
 
	return page;
}

Recently I added UIViewController support to PunchScrollView. Just return a UIViewController and PunchScrollView will handle the caching and lazy loading itself
The following example demonstrates a simple usage with UIViewController

- (NSInteger)punchscrollView:(PunchScrollView *)scrollView numberOfPagesInSection:(NSInteger)section
{
	return 3;
}
 
- (UIViewController*)punchScrollView:(PunchScrollView *)scrollView controllerForPageAtIndexPath:(NSIndexPath *)indexPath
{
    return [self.childViewControllers objectAtIndex:indexPath.row];
}

For those folks, who are interested in the details, here we go with the properties, methods, delegate & datasource methods

or just go directly to github to clone PunchScrollView

Properties

Set the DataSource for PunchScrollView

id punchDataSource;

Set the Delegate for PunchScrollView

id punchDelegate;

Set the padding between pages . Default is 10pt

CGFloat pagePadding;

Set a Vertical or Horizontal Direction of the scrolling

PunchScrollViewDirection direction;

Get the current visible Page

UIView *currentPage;

Get the first Page

UIView *firstPage;

Get the last Page

UIView *lastPage;

Get the current visible indexPath

NSIndexPath *currentIndexPath;

Get the last indexPath of the Scroll Suite

NSIndexPath *lastIndexPath;

Returns all UIViewController hold by the PunchScrollView

 NSArray *pageController;

Initializer

- (id)init;
- (id)initWithFrame:(CGRect)aFrame;

Methods

Using recycled Pages, instead of allocating new pages
This Method returns a UIView which is in the Queue

- (UIView *)dequeueRecycledPage;

Refresh the ScrollView and its pages

- (void)reloadData;

This Method returns an UIView for a given indexPath

- (UIView*)pageForIndexPath:(NSIndexPath*)indexPath;

Scroll to a specified indexPath, can be animated, if set to YES

- (void)scrollToIndexPath:(NSIndexPath*)indexPath animated:(BOOL)animated;

Scroll to the next page, can be animated, if set to YES

- (void)scrollToNextPage:(BOOL)animated;

Scroll to the previous page, can be animated, if set to YES

- (void)scrollToPreviousPage:(BOOL)animated;

PunchScrollView Delegate Methods

Will be called if the scrollview changes the page

- (void)punchScrollView:(PunchScrollView*)scrollView pageChanged:(NSIndexPath*)indexPath;

PunchScrollView DataSource Methods

Set the number of sections (optional, default is 1, if not implemented)

- (NSInteger)numberOfSectionsInPunchScrollView:(PunchScrollView *)scrollView;

Set the number of pages in the specified section

- (NSInteger)punchscrollView:(PunchScrollView *)scrollView numberOfPagesInSection:(NSInteger)section;

Return the page for a specified indexPath

- (UIView*)punchScrollView:(PunchScrollView*)scrollView viewForPageAtIndexPath:(NSIndexPath *)indexPath;

Return a UIViewController for the indexPath (optional)

- (UIViewController*)punchScrollView:(PunchScrollView*)scrollView controllerForPageAtIndexPath:(NSIndexPath *)indexPath;

Set the number of pages to be loaded lazy and kept in the cache (optional), Default is 0

- (NSInteger)numberOfLazyLoadingPages;

Wie schon im letzten Jahr besucht tapwork. die Apple WWDC. Dieses Mal ist schon vorher klar, was die Schwerpunkte sein werden: Mac OSX 7 “Lion”, iOS5 und die iCloud. Während Lion schon teilweise bekannt ist, sieht das bei iOS5 hingegen anders aus. Hier gibt es nur Gerüchte und eine lange Wunschliste.

Rechtzeitig zur Apple WWDC2011 entwickeln wir nun Apps für Apple iOS (iPhone, iPod & iPad) und Android unter dem Namen tapwork. Bei Smartphones oder Tablets mit Berühr-Bildschirmen (Touchscreens) kann schlecht das Wort “klicken” angewandt werden. Deshalb wird hier immer “tap” (dt. = tippen) verwendet. Daher kommt der neue Name tapwork. Frisch und aufgeräumt soll die neue Website tapwork.de daherkommen. Wir verzichten auf  lange Sätze oder Marketing-Floskeln und legen mehr Wert auf den Inhalt und die Referenzen. Die Apps haben es vorgemacht: Reduzieren & Reduzieren bis auf das Wesentliche. Als dezenten Farbton haben wir uns für grün entschieden und als Logo dient ein Druckpunkt.

Seit der Einführung des iPads im April 2010 wurden schon einige Medien/Magazin Apps mit teils sehr unterschiedlichen Bedienkonzepten entwickelt. Es ist Zeit die Usability und User Experience der Apps heuristisch näher zu betrachten. Gleichzeitig bieten die Bewertungen im App Store günstige und schnelle Möglichkeiten sich die Meinungen der Nutzer einzuholen. Früher wurde dafür in der Marktforschung viel Geld ausgegeben. Die Entwickler sollten dafür dankbar sein und mehr auf die Meinungen der Nutzer hören, um die Bedienung und Inhalte der Apps weiter zu verbessern.

Download der gesamten Untersuchung

Häufige Kritikpunkte:

• Oft wird eine lästige Hilfe für die Bedienung benötigt. Stellen Sie sich vor: Jeder Verlag hat eine andere Leserichtung für die Bücher. Damit Sie die nächste Seite öffnen können, müssten Sie in einer gleichförmigen Bewegung an der Seite kurz ziehen. Das Buch wäre auf diese Weise nie so erfolgreich geworden.
• Viele Apps bieten keine offline Verfügbarkeit.
• Mangelnde Konsistenz (=> Mehr Stress) innerhalb der Apps. Die Navigation und Orientierung erschließen sich oft nicht sofort. Der Nutzer muss bei jeder App immer etwas neues lernen und merken -> Stress als Folge
• Fehlendes kognitives mentales Modell. (=> Mehr Frust) Es wird wenig auf die Gewohnheiten der Nutzer eingegangen. Statt selbstbeschreibenden Laschen/Buttons werden Zwei-Finger-Gesten zum Öffnen des Menüs. In der realen Welt gelten versteckte Funktionen als Schlösser oder Kindersicherungen. Statt Bekanntes (z.B. Buttons) einzusetzen, werden oft Techniken für wichtige Interaktionen verwendet, die aus Sicht der Entwickler als sinnvoll erachtet werden, weil sie einfach zu implementieren sind oder in der Geek-Welt als cool gelten.
• Zu selten nutzen Apps die neuen Interaktionsmöglichkeiten beim iPad voll aus. Die Bedienung ist im Vergleich zum herkömmlichen PC dank der Fingerbedienung viel direkter. Z. B. ist das Scrollen mit der Maus anstrengender als eine leichte Fingerbewegung beim iPad. Beide Interaktionen erzielen mit unterschiedlichem Aufwand das gleiche Ergebnis. Insgesamt möchte sich der Nutzer sich so wenig wie möglich Aufwand betreiben oder wenig physisch arbeiten. (vgl. Fitt‘s Law : Dieses Gesetz ist zwar alt, aber immer noch zutreffend)
• Zu selten wird der Inhalt durch multimediale Inhalte ergänzt, z.B. interaktive Statistiken (z.B. weltweite Armut) oder technische Erläuterungen (z.B. Automotor)
• Der Aufbau einer App ist oft einer Website zu ähnlich -> Wozu wird dann eine App benötigt? Nur wenige Apps nutzen auch Metaphern oder Techniken aus der offline Print-Welt. (z.B. lineares Lesen)

Download der gesamten Untersuchung

Link zum Artikel

Etwas verspätet ist newsLokal 3.0 mit grafischen Optimierungen für das iPhone 4 Retina Display erschienen. Das komplette Interface erscheint nun deutlich schärfer und kontrastreicher als mit dem herkömmlichen Display.

Die Zulassung wurde am 17. September gestartet.  Jedoch wurde die App wegen der Verwendung von privaten APIs (lediglich die Signatur der Methode war einer von Apple gleich) 1x abgewiesen. Nach Anpassung der Methode, wurde
newsLokal 3.0 schließlich am Sonntag im App Store veröffentlicht.
Apple lässt sich anscheinend wieder viel Zeit bei der Zulassung von Apps. Der Prozess dauerte nun gut 4 Wochen inkl. einer Ablehnung.

Weitere Infos auf der Website von newsLokal bei  iphonework.de oder direkt im App Store.

Was schon längst überfällig war, ist nun am 1. Oktober geschehen. Die Deutsche Bahn hat den Ticket Automaten ein komplett neues Interface spendiert.
Erster Eindruck: Die Usability hat deutlich gewonnen. Es ist der neuen UI anzumerken, dass diesmal User Experience Design unternommen wurde und nicht mehr der Entwickler gleichzeitig auch Gestalter war.
Einzelne Schritte sind sehr klar und reduziert gestaltet.
Aufgrund eines Zeitmangels war keine heuristische Bewertung möglich.
Den Massen am Hauptbahnhof Hannover wären diese tollen Usability Methoden in Anbetracht der Länge auch schwer erklärbar gewesen.
Aber: Der schwache Kontrast und der weiße Hintergrund fielen sofort auf und trübt den guten Gesamteindruck. Bei Sonneneinfall sind die Elemente schwer zu erkennen. Für Menschen mit Sehproblemen ist dies natürlich ein gravierendes Hindernis.

In der aktuellen Ausgabe der Stiftung Warentest werden Multimediahandys und sogenannte Smartphones untersucht.
Dabei natürlich ist auch das Apple iPhone 4. In den USA hat der Consumer Report schon zuvor eine Kaufempfehlung aufgrund des Antennenproblems für das neue iPhone zurückgezogen.Wie entscheidet die deutsche Stiftung Warentest? Um es kurz zu machen: iPhone auf Platz 3 mit der Note 2,3
Aber interessant ist ja viel mehr, wie dieses Ergebnis zu Stande kommt.
Die teilweise fehlerhaften Durchführungen und Aussagen führen ein Ergebnisse zusammen, die starke Zweifel  an professionellen Testdurchführungen bei der StiWa aufkommen lassen.
Meine Anmerkungen

• Fehlende App Erweiterungen: Wer Smartphones testet, MUSS mögliche Softwareerweiterungen – Apps ist das Stichwort – mit in die Untersuchung einbeziehen. Ohne App Store und kluge Erweiterungen darf sich das Telefon auch nicht “Smart” nennen. Ein Fahrrad ist auch nicht gleich ein Motorrad, nur weil es zwei Räder hat.
• Kamera: Entgegen der StiWa Aussage hat das iPhone 4 ein Blitzlicht
• Usability (Bedienbarkeit) kann und darf niemals mit einem Wert pauschal bewertet werden. Jedem Usability Spezialisten sträuben sich die Haare bei solch einer inhaltsleeren Usability Untersuchung. Usability ist hauptsächlich qualitativ zu bewerten. Unklar ist vor allem: Wie wurde die Bedienbarkeit getestet? Heuristisch, Empirisch, Fragenbogen oder beides? Wer waren die Probanden? Wie viele Probanden waren es? usw usw?
• Die User Expierence wurde gar nicht getestet. Gerade bei Smartphones mit vielen Möglichkeit ein wichtiges Kriterium
• Antennenproblem “Antennagate“ – Es wird zu einem Problem, wenn man sich Mühe beim Halten gibt und schon einen sehr schwachen Empfang hat.Viel schwerwiegender ist aber das Problem, dass die Handy-Netze nicht mehr genügend Kapazität für den gestiegenen Datenbedarf bieten. In jedem Fußballstadion oder auf Plätzen mit Menschenansammlungen kann man die mobile Datenfunktion des iPhones vergessen. Es kommt nicht einmal langsam, sondern gar nichts mehr an. Die Netze brechen zusammen.
• Der Preis wurde beim iPhone 4 aufgrund der Providerbindung mit 925 Euro angegeben. Zwar wurde erwähnt, dass sich dieser Preis inklusive der T-Mobile Grundgebühren zusammensetzt. Dennoch wird so auf den ersten Blick ein irreführendes Bild geschaffen.

Diese Fehler zeugen von unprofessioneller Arbeitsweise und Methodik. Die Stiftung Warentest verliert so an Glaubwürdigkeit.