|
Redesign v2004 - ESL v3.0
Im September 2000 wurde die erste Version der Electronic Sports League online gestellt, im Dezember 2001 folgte die zweite Version. Letztes Jahr im August wurde das Design erneuert, so wie ihr es bis dato kanntet. Der Zeitpunkt passt also - ihr seht vor euch die neue ESL v3.0.
Im Gegensatz zum letzten Facelifting ist das v2004 Redesign wesentlich größer ausgefallen. Die ersten Ideen und Konzepte wurden bereits Anfang des Jahres geboren, im März begannen die Programmierung und die grafischen Arbeiten. Dies hat sich über die ganzen letzten Monate hin erstreckt, mal intensiver, mal mussten andere Projekte dazwischen geschoben werden. Doch nun ist es vollbracht, die ESL erstrahlt in einem vollständig neuem Gewand mit vielen neuen Features.

Das Grundkonzept - Die Ziele

Einfache und übersichtliche Navigation
Bisher gab es drei verschiedene Menüs: links, oben und rechts. Für neue User war es ziemlich schwer sich in dieser Masse von Menüpunkten zurecht zufinden. Selbst erfahrene User mussten immer wieder suchen, bis sie den gewünschten Link gefunden hatten.
Nun gibt es nur noch ein Menü auf der linken Seite. Egal was ihr sucht, ihr findet es dort. Da die ESL aber sehr viele mögliche Ziele hat, haben wir den Schritt gewagt auf fortgeschrittene Möglichkeiten des Webdesigns zu setzen: Ein interaktives Menü mit Untermenüs, welche aufklappen, sobald der Mauszeiger über sie fährt. Dies erfordert Javascript, welches ihr auf jeden Fall in eurem Browser aktiviert lassen müsst - dies sollte aber bei der absoluten Mehrheit der Nutzer der Fall sein.

Features besser dargestellt
Features wie das Forum, der Support, ESL TV und andere sind in der alten Version etwas untergegangen. Spätestens wenn Dinge wie Wettsystem und Transfermarkt hinzukommen, brauchen diese Tools eine bessere Möglichkeit sich zu präsentieren.
Daher finden sich all diese Features mit einem schicken Icon auf der Startseite wieder, zusammen mit einem kurzen Infotext.

Einführung der Spiel-Ebene
Seit ESL 2.0 gab es nur noch zwei verschiedene Ebenen: die Länder- und die Ligaebene. Da die Länderebene aber inzwischen bei Weitem nicht mehr ausreichte um alle Informationen übersichtlich zu präsentieren, gibt es nun eine neue Ebene: Die Spiel-Ebene. Diese neuen Startseiten bieten den vollen Überblick zum jeweiligen Spiel, z.B. /de/cs/ oder /de/doom3/. Alle Ligen des Spieles, alle News, alle Topdownloads und vieles mehr.

Einfachere und bessere Einbindung von Skins
Technisch möglich waren verschiedene Skins schon immer, allerdings sind wir nie über einen alternativen Alibi-Skin hinausgekommen. Die Gründe hierfür waren vielseitig, wurden jedoch nun beseitigt. Direkt zum Start von 3.0 können die Premium Mitglieder bereits zwischen fünf Skins wählen. Um die Skins noch unterschiedlicher zu gestalten, werden bald auch andere Hintergrundfarben möglich sein.
Dazu wurde ein Skin-SDK vorbereitet, welches in ein paar Wochen zum Download bereit gestellt wird. Dieses besteht aus Photoshop Dateien, HTML Code und Anleitungen, mit denen User eigene Skins erstellen und einsenden können. Details dazu folgen bald.
Welcher Skin der Standard-Skin werden soll, ist auch noch nicht final entschieden, wir werden diesen innerhalb der nächsten Wochen ein wenig rotieren.

Größere grafische Identifikation in den Sektionen
Die Spieler sollen sich in ihrem Bereich heimischer fühlen, daher wurde die Fläche der sektions-abhängigen Grafiken stark vergrößert. So merkt man nicht nur sofort wo man ist, es sieht auch noch super aus.

Die Ebenen

Wie bereits erwähnt gibt es die neue Spiel-Ebene. Bisher waren die verschiedenen Ebenen der ESL nahezu identisch, nun hat jede Ebene ihre spezielle Aufgabe. Sie wurden alle komplett überarbeitet und neu gestaltet.

Länderebene (z.B. /de/)
Die Startseite der ESL ist nun ein Portal, von dem ihr in die verschiedenen Bereiche der ESL springen könnt. Unterteilt ist diese in News, Spiele und Features. Dazu gibt es noch ein kleines Gimmik, die 60-Minutes-of-Fame, in der jede Stunde zufällig ein Spieler, ein Team und ein Match ausgewählt werden.

Spielebene (z.B. /de/doom3/)
Hier findet sich die komplette Übersicht zu einem speziellen Spiel und deren Ligen. Dazu wollen wir uns hier in Zukunft verstärkt auf die Coverage, die Berichterstattung, konzentrieren sowie auch allgemeine News zum Spiel.

Ligaebene (z.B. /de/cs/5on5/mr12/ladder/)
Auf dieser Ebene sollen die News etwas im Hintergrund gehen, im Vordergrund stehen harte Fakten: Rangliste, Ergebnisse, Spieltermine und alle sonstigen Daten einer Liga bekommen maximalen Platz.

Sonstige Features

Content-Teaser
Durch das Verschieben der Menüs haben wir im rechten Bereich Platz gewonnen. Dieser wird nun durch die sogenannten "Content-Teaser" genutzt. Diese informieren über Inhalte der ESL, die sonst vielleicht von manchem Übersehen würden. Neue Spiele, kleine Regelhinweise oder allgemeine Tipps&Tricks.

Customize Menu
Die Liga-Admins haben die Möglichkeit selber per Webinterface Menüpunkte hinzuzufügen oder zu löschen. Dazu kann z.B. kurzfristig ein Eintrag zum Download eines neuen Patches oder dergleichen gemacht werden.

News Übersicht
Auf /de/news/ findet sich jetzt eine nach Themen gruppierte Newsübersicht. Ob ESL, EPS oder ENC News, der volle Überblick ist garantiert!

Open Matches Box
Bisher wurden für Premium Mitglieder die nächsten offenen Matches an Stelle des Banners angezeigt. Nun kann man auswählen, wo und wieviele Matches man sehen möchte. Über oder unter der Seite oder aber links im Menü. Für die Premium-Mitglieder wird der Werbebanner nun nicht mehr schlicht ausgeblendet, man gewinnt durch die neue Positionierung echten Platz.

ESL Sidebar
Für PowerUser mit vielen Bookmarks, Ligen und Spielen gibt es die Möglichkeit im Browser eine Sidebar hinzuzufügen. In dieser sind alle persönlichen Links direkt verfügbar. Dieses Feature kann von Premium Mitglieder unter "Bookmarks" -> "Bookmarks verwalten" eingestellt werden.

EAS Übersicht
Die ESL Amateur Series haben wie die EPS eine eigene Übersichtseite bekommen, auf der alle EAS aufgelistet werden, zusammen mit allen News dieser Ligen. Außerdem sieht man direkt, welche Preise es gibt.

Nächste ungelesene News
Um wirklich keine News zu verpassen gibt es den neuen "nächste ungelesene News" Link in der Detailansicht einer News. Dabei springt man zur nächsten ungelesenen News der jeweiligen Sektion. Mit wenigen Klicks kann man sich sicher sein nichts zu verpassen!

Abschließend

Eine Menge Text, eine Menge Neuerungen. Für viele wird es eine Phase der Eingewöhnung geben, da sich so manche gewohnten Links geändert haben, doch im Kern ist die ESL immer noch dieselbe. Auf Grund der vielen Änderungen können die alten Skins nicht mehr ausgewählt werden. Das Redesign ist aber noch lange nicht abgeschlossen, es gibt noch hunderte Punkte und Ideen auf der ToDo Liste die noch umgesetzt werden wollen.

Doch nun wünsche ich euch, den Spielern der Electronic Sports League, viel Spaß mit der neuen ESL v3.0!

// Jan-Philipp 'Thefly' Reining
// Head of Electronic Sports League


Update: Sollte auf der linken Seite kein Menü erscheinen, so deaktiviert testweise Euren Werbeblocker und/oder Firewall.
Update 2: Das Problem mit den Werbeblockern ist behoben.
Thefly, Tuesday, 24/08/04 11:49
 
comments (518)
 
 
No comments yet.
 
 
Information:
  • info write comment not allowed
 
  • 3.084 Users Online
  • 4.865.020 Registered Users
  • 2.122.450 Active Users
  • 1.032.210 Teams Total
  • 1.875 Matches Yesterday
  • 22.240.400 Matches Total
  • More stats
Searchtags

Electronic Sports League rendertime: 0.76s (not_cached) host: eslphp13