Manual Screendesign

Page 1


ALLGEMEINES01

Daten

<

2

Interaktives Informationsarchiv „BananaVie“ Interfacedesign Andreas Hammel Studiengang Grafik- Design 5 Semester 2014 DIPLOMA Private Hochschulgesellschaft Dozent: David Sickinger


Selbstständigkeitserklärung Ich erkläre hiermit, dass ich die vorliegende Arbeit selbstständig und ohne Benutzung anderer als der angegebenen Hilfsmittel angefertigt habe; die aus fremden Quellen (einschließlich elektronischer Quellen und dem Internet) direkt oder indirekt übernommenen Gedanken sind ausnahmslos als solche kenntlich gemacht. Die Arbeit wurde bisher weder im Inland noch im Ausland in gleicher oder ähnlicher Form einer anderen Prüfungsstelle vorgelegt und auch noch nicht physisch oder elektronisch veröffentlicht.

>

Nußloch, 10.04.2014, Andreas Hammel

3


KONZEPT02

Das Konzept

<

Das allgemein gehaltene Thema der Website soll das Wetten, sowie der damit verbundene Austausch von Informationen (komprimiertes Wissen, experimentelles Wissen, Unterhaltung) der Community sein. Der Unterhaltungsaspekt Jedem Nutzer soll die Möglichkeit gegeben sein, eine Wette online zu stellen oder bei einer bestehenden Wette mit zu wetten. Es kann auf alles gewettet werden (z.B. Oma mit dem schnellsten Rollator). Je verrückter, umso besser.

4

Wetteinsätze können Taten (welche wiederum zu Wetten führen: trauen oder nicht trauen, Glatze oder ähnliches) oder Credits sein (eine digitale Währung, welche mit echtem Geld bezahlt oder bei der auch echtes Geld gewonnen werden kann: PayPal, Überweisung, etc.) Der Wissensaspekt Die möglichen Rubriken/ angebotenen Wetten bestimmen die Zielgruppe.


Die an den Wettvorgang oder Wettvorgängen ähnlicher Form angehängten Informationen sollen aufklären und informieren.

Der redaktionelle Part Überwachung, Kontrolle, Management

Der Sozialaspekt Nutzer mit gemeinsamen Interessen sollen die Möglichkeit der Kommunikation haben und gegenseitig in Kontakt treten können. Soziale Bindungen können entstehen.

Unterhaltungsaspekt Nutzer A stellt eine Wette online Inhalt der Wette „wie viele Hunde können in 5 min geschoren werden?“ Redaktion greift ein, Wette wird nicht online gestellt.

Beispiel

>

Der kommerzielle Aspekt Passende Werbung kann geschaltet werden.

5


KONZEPT02

<

Nutzer A überarbeitet seine Idee und stellt eine neue Wette rein: „wie viele Bananen können in einer Minute geschält werden?“. Nutzer B hat folgende Optionen: 1. Als Teil der Wette mitmachen 2. Neutral Wette verfolgen 3. Wetten mit Credits 4. Wetten mit Wettbeteiligung (wenn verloren, dann…) Wissensaspekt (Informationsoption bei der laufenden Wette)

6

Interessantes über die Banane Interessantes über die menschliche Haptik Interessantes über den geschichtlichen Hintergrund der Frucht etc. Sozialaspekt Nutzer B entscheidet sich für das Mitmachen an der Wette und lernt zwangsläufig Nutzer A kennen.


Kommerzieller Aspekt Werbebanner Chiquita, Wegbeschreibung zum nächsten EDEKA, um Bananen für die Wette zu kaufen etc.

>

Redaktioneller Part Genehmigt die Wette, überprüft die Durchführung, knüpft Verbindungen zu potenziellen Kunden, etc

7


NAME03 Namensfindung

<

8

1. WWWetten 2. The BETer community 3. Gambler 4. WorlWideBet 5. BetDuell 6. ZockBlog 7. Be BETer 8. BETman 9. Breaking BET 10. Lets BET 11. The Contest 12. The BETtle 13. BETunited 14. Banana BETtle 15. Bet Banana 16. Banana BET 17. BananaVie


>

9


LOGO04

Banana + Vie = BananaVie

<

10

Banana / Dschungel & Affen / verrückt, ausgeflippt, ungewöhnlich Vie / engl. Wetteifern


>

11


WEBSITE05 Landingpage Nach dem Aufruf von www.bananavie.com gelang der Benutzer auf die Landingpage.

<

12

Dieser Seite ist keine besondere technische Funktionalit채t zugeordnet, sie hat vielmehr eine psychologische Wirkung auf den Besucher und soll beeindrucken, wie Neugier erzeugen. Dies soll neue Nutzer dazu veranlassen, l채nger auf der n채chsten Seite zu verweilen, um herauszufinden was genau angeboten wird.

>


13


WEBSITE05 Startseite Die Startseite bietet dem Benutzer die Möglichkeit sich umzusehen ohne das eine Anmeldung erfolgen muss. Eine Anmeldung oder Registrierung wird dem Nutzer jedoch visuell nahegelegt.

<

Die zwei Auswahlmöglichkeiten „Wissen“ und „Wetten“ sind ab der Startseite durchgängig auf allen Folgeseiten vorhanden. Sie stellen den Hauptinhalt der Seite dar und müssen sowohl für den Gast in einer beschränkten Fassung, wie für das Mitglied mit erweiterten Funktionen zur Verfügung stehen. Die obligatorischen Elemente wie AGBs, Impressum, Datenschutz, Kontakt und Hilfe sind ebenfalls notwendiger Bestandteil aller Folgeseiten.

14

>


15


WEBSITE05 Wissen

<

16

Die Rubrik „Wissen“ soll den Nutzer schnell zu einem gewünschten Informationsvideobeitrag navigieren, welcher einen bestimmten Sachverhalt anhand eines parallel anwählbaren Videoexperimentes in Form einer individuellen Wette darstellt. Durch einen schwarzen Unterstrich wird hier dem Nutzer verdeutlicht, was ausgewählt ist. Das Angebot der Verschlagwortung ist dem Schulsystem entlehnt, sodass eine genaue Orientierung erfolgen kann, um gezielte nach Informationen zu suchen. Ein Suchfeld bietet eine zusätzliche individuelle Eingabemöglichkeit. Im rechten, unteren Bereich ist die aktuelle Auswahl zusätzlich typografisch verdeutlicht.

>


17


WEBSITE05 Wissen > Biologie

<

18

Wählt man einen angebotenen Suchbegriff wie zum Beispiel „Biologie“ aus, so erscheint eine Auswahl von Videobeiträgen, welche in diesem Stadium sowohl „Wettbeiträge“ wie „Wissensbeiträge“ in einem darstellen. Diese sind mit Namen des Autors, mit Titel wie zum Beispiel „Gänseblümchenwettessen“ und einer intern vergebenen Beitragsnummer zur besseren Katalogisierung versehen. Der Besucher kann hier durch Scrollen einen Beitrag wählen. Die Auswahl wird wieder durch einen schwarzen Unterstrich verdeutlicht.

>


19


WEBSITE05 Wissen > Biologie > Beitrag

<

20

Ist ein Beitrag gewählt, erscheint eine Auswahl von zwei Videobeiträgen. Ein Wettbeitrag wird durch ein Würfel-Icon, ein Wissensbeitrag durch einen stilisierten Kopf mit Gehirn dargestellt. Beide Beitrgäge haben einen Bezug zu einander, da der Wissensbeitrag einen bestimmten Sachverhalt des Wettbeitrages wissenschaftlich erklärt. Der Besucher kann hier wählen, ob er den Wettvideobeitrag, den Wissensvideobeitrag oder beides sehen möchte. Hier genügt ein Mausklick auf das gewünschte Video.

>


21


WEBSITE05 Wissen > Biologie > Beitrag Sollte ein Wissensbeitrag nicht zur Verfügung stehen, wird dieser ausgegraut und verkleinert dargestellt. Gleichzeitig rückt der Wettbeitrag in größerer Form in den Vordergrund.

<

22

>


23


WEBSITE05 Wissen > Biologie > Beitrag

<

24

Die Erstellung eines neuen Wissensbeitrages ist nur angemeldeten Usern möglich. Während ein Wissensbeitrag entbehrlich ist, muss ein Wettbeitrag vorhanden sein, welcher von einem Mitglied der Community erklärt werden kann. Die Freischaltung eines Wissensbeitrages erfolgt durch die Redaktion. Stehen mehrere Videos zur Erklärung eines Wettbeitrages zur Verfügung, so entscheidet die Redaktion, welcher am informativsten ist und stellt diesen dann online.

>


25


WEBSITE05 Wetten

<

26

Die Rubrik „Wetten“ soll den Nutzer, genau wie bei einem Wissensbeitrag, schnell zu einem gewünschten Wettbeitrag navigieren. Auch hier erfolgt die Verdeutlichung der Auswahl durch einen schwarzen Unterstrich. Die Verschlagwortung ist in diesem Fall den Wettmöglichkeiten angepasst. Auch hier bietet ein Suchfeld eine zusätzliche, individuelle Eingabemöglichkeit um den Suchvorgang zu erleichtern.

>


27


WEBSITE05 Wetten > Kurzwetten

<

28

Wählt man hier einen angebotenen Suchbegriff wie zum Beispiel „Kurzwetten“ aus, so erscheint wieder eine Auswahl von Videobeiträgen, welche in diesem Stadium sowohl „Wettbeiträge“ wie „Wissensbeiträge“ in einem darstellen. Ebenfalls sind diese mit Namen des Autors, Titel und einer internen Beitragsnummer versehen. Erneut kann der Besucher hier durch Scrollen einen Beitrag wählen.

>


29


WEBSITE05 Wetten > Kurzwetten > Beitrag

<

30

Bei der Auswahl des gewünschten Videos erscheint nur ein Wettvideobeitrag. Um sich von der Rubrik „Wissen“ abzugrenzen und zugleich den Focus auf die Wette zu lenken, ist hier die Möglichkeit der Information weniger aufdringlich durch das Informations-Icon in der oberen rechten Ecke erkennbar.

>


31


WEBSITE05 Wetten > Kurzwetten > Beitrag Ist kein Informationsvideo vorhanden, so wird das Informations-Icon in der oberen rechten Ecke ausgegraut dargestellt.

<

32

>


33


WEBSITE05 Registrierung

<

34

Durch die angaben von Geschlecht, Vorund Nachname, E-Mmail, Passwort und Nickname, in diesem Fall als „VieName“ bezeichnet, kann sich der Besucher registrieren, um alle Funktionen der Website nutzen zu können.

>


35


WEBSITE05 Home

<

36

Nach der Registrierung erfolgt die Weiterleitung auf die Startseite mit den freigeschalteten, erweiterten Funktionen. Dabei wird die Möglichkeit zur Registrierung oder Anmeldung in der oberen rechten Ecke der Website durch die Auswahl „Abmeldung“ ersetzt.

>


37


WEBSITE05 Credits

<

38

Durch die Auswahl der neuen Funktion „Credits“ erscheint eine Übersicht zur kommerziellen Nutzung der Seite. Ein digitales Guthaben kann durch den Kauf einer im Handel erhältlichen „BananaVieCard“ aufgeladen und für Wettvorgänge genutzt werden. Eine Auszahlung des Gewinnes erfolgt ebenfalls über die Karte, ähnlich einer Bankkarte. Die Übersicht informiert über das aktuelle Guthaben, Wetteinsätze, Gewinn und Verlust des Nutzers.

>


39


WEBSITE05 Eigene Wetten Hier besteht die Möglichkeit eigene Wettbeiträge zu verwalten. Die nötigen Informationen werden neben dem Videobeitrag angezeigt und geben Auskunft über Wetteinsätze und die Dauer der Wette.

<

40

>


41


WEBSITE05 Eigene Beiträge Es können eigene Wissensbeiträge erstellt werden. Alle vom User bereits onlinegestellten und der Redaktion geprüften Beiträge stehen dabei neben dem Videovorschaufeld zur Verfügung.

<

42

>


VIDEO

43


WEBSITE05 Friends & Comments

<

44

Mit betstehenden Mitgliedern kann Freundschaft geschlossen werden. Dabei besteht die MĂśglichkeit eines Nachrichtenaustausches. Durch ein Scroll-DownMenĂź kann zwischen den Nachrichten und Freunden gewechselt werden.

>


45


WEBSITE05 Hilfe > Infografik > Erklärung der Website Unter der Rubrik „Hilfe“ erklären Infografiken aus ausgewählten Icons die Funktion der Website...

<

46

>


47


WEBSITE05 Hilfe > Infografik > Erkl채rung zur Rubrik > Wissen die Funktion zum Ansehen der Wissensbeitr채ge,...

<

48

>


49


WEBSITE05 Hilfe > Infografik > Erkl채rung zur Rubrik > Wetten und die Funktion der Wettvorg채nge.

<

50

>


51


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.