Deutsche Basketball Bund App Redesign

The Redesign of the App for the German Baksetball Association
The addaption of the Deutscher basketball bund app to the user needs

The goal of the project, in the subject Application Design, was to prepare an app of choice, which has a high potential. I saw this in the selected app in the fact that it includes all amateur leagues in Germany. However, it does not meet the requirements of the users. Therefore, the app had to be redesigned and adapted to the user group and their needs.

The design of a visual communication help for people with a hearing impairment

Das Ziel des Semesterprojektes in dem Fach "Application Design" war es, eine App unserer Wahl aufzubereiten, um mehr Potential zu schaffen. Das Aufbaupotential der ausgewählten App liegt darin, dass sämtliche Amateurligen in Deutschland umfasst werden. Jedoch wird diese App den Ansprüchen der Nutzer nicht gerecht. Somit strebten wir an, die App neu zu gestalten und an die Nutzergruppe und deren Bedürfnisse anzupassen.

The original

We decided to redesign the Deutsche Basketball Bund app, which at first impression seems tedious to use and not very appealing. The original app shows that it has a very deep information architecture and an inconclusive design.

Wir haben uns für ein Redesign der Deutschen Basketball Bund App entschieden, die auf den ersten Blick langwierig in der Bedienung und wenig ansprechend erscheint. Die originale App zeigt, dass diese eine sehr tiefe Informationsarchitektur und ein unschlüssiges Design aufweist.

Personalized Homescreen

The homescreen can be personalized with selected favorites to give the user a quick overview and minimize the number of clicks to the desired information.​​​​​​​

Der Homescreen ist mit ausgewählten Favoriten personalisierbar, um den User einen schnellen Überblick zu verschaffen und die Klickzahl zur gewünschten Information zu minimalisieren.

Search function

A quick navigation, for example the search of a club, is given with the pull-down search bar. Here you can specify the search query with filters. This was also the most requested feature of the users.

Eine schnelle Navigation, wie beispielsweise das Suchen eines Vereins, ist mit der herunterziehbaren Suchleiste gegeben. Hier kann man die Suchanfrage mit Filtern konkretisieren. Dies war das am meisten gewünschte Feature der Nutzer.

League selection process

The league selection process had previously been very troublesome. The list views were very monotone and long. We have now simplified this with visualizations and a division of the process. The layout of the lists were adapted hierarchically to the level of each league and displayed in a structure. In addition, we used a map of Germany for the country of origin and illustrations for the gender selection to counteract the monotony and increase intuition.

Der Ligaauswahl-Prozess hatte sich zuvor sehr mühselig gestaltet. Die Listenansichten waren sehr monoton und lang. Dies haben wir nun durch Visualisierungen und einer Aufteilung des Prozesses vereinfacht. Das Layout der Listen wurde hierarchisch an die Höhe der jeweiligen Liga angepasst und in einem Gefüge dargestellt. Außerdem wurde für die Herkunft des Landes mit einer Karte Deutschlands und für die Geschlecht-Auswahl mit Illustrationen gearbeitet, um der Monotonie entgegenzuwirken und die Intuition zu steigern.

Statistics and deeper insights

Users were missing information such as detailed statistics and rankings, which are available on the DBB website but not in the app. We have implemented these in the game statistics and table. These are sortable and also filterable by category. Data graphics offer direct comparisons and a visual supplement to the data.

Den Nutzern fehlten Informationen wie detaillierte Statistiken und Rankings, welche auf der Webseite des DBB aufrufbar sind, jedoch nicht in der App. Diese haben wir in die Spielstatistiken und Tabellen implementiert. Diese sind sortierbar und auch nach Kategorien filterbar. Datengrafiken bieten hierbei direkte Vergleiche und eine visuelle Ergänzung zu den Daten.

Ticketshop

The ticket option was previously only available for World Cup and European Championship matches. Bundesliga tickets could only be purchased through third-party sellers. To create a complete app and closed system for basketball fans, we implemented the option to buy tickets and also access them, such as at the stadium. The semantics of ticket forms were also used digitally in our app. Herewith we replace material ticket forms made of paper.

Die Ticketoption war bislang nur für die Weltmeisterschaft- und Europameisterschaft verfügbar. Bundesliga-Tickets konnten nur durch Drittanbieter erworben werden. Um eine komplette App und ein geschlossenes System für Basketballfans zu gestalten, haben wir die Option Tickets zu kaufen und diese auch aufzurufen, wie beispielsweise am Stadion, implementiert. Die Semantik von Ticketformen wurde auch digitalisiert in unserer App verwendet. Hiermit ersetzen wir materielle Ticketkarten aus Papier.