Aufgrund meiner jahrelangen Tätigkeit als Nachhilfelehrerin, habe ich beschlossen einen Lehrfilm zu drehen. Durch mein brainstorming (pdf, 561 KB) kam ich auf die Idee, die vier Konstruktionssätze zu verfilmen.

Das storyboard (pdf, 2,395 KB) war ziemlich viel Arbeitsaufwand, da ich jeden einzelnen Schritt der vier Konstruktionen einzeln zu zeichnen hatte.

Nach einigem Zeichnen der Plakte, konnte der Film gedreht werden.

Das Schneiden des Filmes ging relativ einfach. Ich benutzte dazu den "Windows Movie Maker".

Dazu einige Bilder des Prozesses: filmausschnitt (jpg, 756 KB) berblick (gif, 625 KB) zeitachse (gif, 131 KB)

1) Zielsetzung & Zielpublikum
a. Zielgruppe
b. Erwartungen der Nutzer
c. Absichtserklärung
d. Ziele

2) Interface-Design
a. Informationsarchitektur
i. Strukturform
ii. Aufbau
b. Navigationen
c. Inhaltsseiten
d. Wordling
e. Starseite
f. MultiMedia
g. Interaktionsdesign

3) Screen-Design
a. Layout
b. Typografie
c. Schrift
d. Farben / Farbverläufe
e. Icons
f. Frafiken
g. Fotos
h. Formate
i. Tabellen
j. Einheitlichkeit


1) Zielsetzung & Zielpublikum
a. Zielgruppe
Zielgruppen sind Schüler aller Schulstufen, auch jene, die nicht bei mir Nachhilfeunterricht nehmen und Eltern von meinen Nachhilfeschülern.
b. Erwartungen der Nutzer
Die Nutzer erhalten einen einmaligen Service. Antworten auf mathematische Fragen bzw. Lösungsvorschläge für Probleme bei den Hausübungen seitens der Schule oder des Nachhilfeunterrichts.
c. Absichtserklärung
Meine Absicht hinter der Idee ist es, dass Schüler nach öfteren erfolglosem Probieren einer Rechenaufgabe, diese online stellen können, wo sie von mir beantwortet wird. Entweder mit Tipps für den richtigen Lösungsweg oder aber mit konkreten Lösungsvorschlägen. Je nachdem wie akut das Problem ist.
Zusätzlich stelle ich theoretische Zusammenfassungen von Schulkapiteln zur Verfügung, die optisch ansprechend und übersichtlich sind, um das Verständnis eines Lerninhaltes zu unterstützen.
d. Ziele
Mein Ziel ist es Schülern und Eltern zu helfen, wenn sie Probleme haben. Weiter ist es eine Serviceleistung, die bei meinen Nachhilfestunden inkludiert ist und derzeit noch keine internetbasierte Umsetzung hat. Zurzeit rufen mich Eltern oder Schüler an bzw. schreiben mir ein E-Mail mit der Angabe der Aufgabe. Ich rechne die Aufgabe am Zettel, scanne ihn anschließend ein und maile dem Schüler/der Schülerin oder den Eltern zurück. Dieses aufwendige Verfahren möchte ich durch die Blog-Gestaltung etwas reduzieren.
Die theoretischen Zusammenfassungen biete ich im pdf Format an, da ich sehr oft während der Stunden diese mit der Hand gestalte, um eine Übersicht über das Kapitel zu geben. Somit muss ich in Zukunft keine Zusammenfassungen mehr vielfach verfassen, da ich sie den Schülern ausdrucken kann bzw. die Eltern auch von zuhause aus Zugang haben, um ihre Kinder beim Lernen zu unterstützen.
nach oben

2) Interface-Design
a. Informationsarchitektur
i. Strukturform
Der Blog baut auf eine hierarchische Struktur auf. Das heißt die Schüler haben einerseits die Möglichkeit im entsprechenden Bereich der jeweiligen Schulstufe ihre Frage zu posten. Andererseits finden sie theoretische Zusammenfassungen von einzelnen Kapiteln, die sie im pdf-Format abrufen können, um sich grundlegend über ein Thema zu informieren und sich einen Grundstock anzueignen.
ii. Aufbau
Es gibt Aktionsbereiche, Informationsbereiche, als auch Inhaltsbereiche. Die Aktionsbereiche definieren sich dadurch, dass Schüler und Eltern Fragen posten, die anschließend von mir behandelt und beantwortet werden.
Diese Lösungsvorschläge finden sich direkt unter den Fragen, die den Inhaltsbereich bilden.
Der Informationsbereich ist jene Liste mit den theoretischen Zusammenfassungen, die alphabetisch geordnet sind und mit einem Link hinterlegt, wo automatisch beim Anklicken das pdf-Dokument geöffnet wird.
b. Navigationen
Da es insgesamt nur zwei Seiten gibt, gibt es keine ausführliche Navigation. Es kann ausschließlich zwischen der „Posting“-Seite und der Seite mit den theoretischen Zusammenfassungen hin und her gewechselt werden. Daher gibt es lediglich zwei Punkte in der Hauptnavigation („Postings“, „Theoriezusammenfassungen“). Subnavigationen werden nicht gebraucht und somit hinfällig.
c. Inhaltsseiten
Wie schon oben beschrieben, ist der Inhaltsbereich durch die Antworten und Lösungsvorschläge der Postings definiert. Gegliedert sind die Inhalte automatisch durch die Postings der Schüler und Eltern, die ihre Fragen in den Bereich der jeweiligen Schulstufe eintragen. Dort werden die Einträge chronologisch geordnet. Das heißt der aktuellste Beitrag steht an oberster Stelle.
d. Wording
Als Standardsprache steht nur Deutsch zur Verfügung und man kann auch nicht zwischen verschiedenen Sprachen hin und her switchen. Die Theoriezusammenfassungen sind immer in einem pdf-Format abgespeichert, wo sich entweder ein mit Computer geschriebenes Blatt befindet oder z.B. bei Konstruktionen ein mit der Hand gestaltetes Dokument.
Die Antworten auf die Postings sind entweder direkt mit einer Erklärung gepostet oder es wird ein Dokument angehängt, wenn Skizzen oder ein Rechenweg Schritt für Schritt durchgerechnet werden muss.
Es kann unter anderem zusätzlich mit einem Link auf eine Theoriezusammenfassung verwiesen werden.
e. Starseite
Die Frontseite ist in zwei Bereiche gegliedert. Links sind insgesamt acht Buttons (4 Schulstufen jeweils für die Unterstufe und für die Oberstufe), wo man durch anklicken zu der „Posting“-Seite kommt und dort die Fragen gepostet werden können.
Rechts sind die Hauptnavigation (siehe oben), die lediglich aus zwei Links besteht, wo man zu den theoretischen Zusammenfassungen wechseln kann und eine chronologische Aufzählung von den aktuellsten Kommentaren, welche die Beantwortung der Fragen sind. Es wird nur der Vorname angegeben, damit das Nachschauen, ob die eigene Frage schon beantwortet worden ist, schneller geht. Sind zwei Vornamen doppelt wird der erste Buchstabe des Nachnamens dazugeschrieben usw.
f. MultiMedia
Es werden derzeit noch keine Filme, Animationen, Sounds oder sonstige MulitMedia Einsätze geplant. Aber es denkbar Animationen für bestimmte Konstruktionen (z.B. Dreiecke) zu entwickeln und später bei den theoretischen Zusammenfassungen einzubauen. Es ist unter anderem möglich diese Animationen mit einem Ton zu hinterlegen, um die Konstruktion auch sprachlich zu erklären.
g. Interaktionsdesign
Ein Interaktionsdesign ist zurzeit noch nicht geplant, da es keine Interaktion für die Schüler und die Eltern auf diesem Blog gibt.
nach oben

3) Screen-Design
a. Layout
Idealerweise orientiert sich die Größe des Fensters an der Auflösung und der Größe des Bildschirms der Benutzer. Zu Beginn wird die Seite so gestaltet, dass die Breite des Fensters auf 900 Pixel festgelegt wird.
Die Liste mit den „aktuellsten Kommentaren“ kann entweder gescrollt werden oder es wird nur eine bestimmte Anzahl angezeigt damit die Liste nicht zulange wird und insgesamt nicht die ganze Seite gescrollt werden muss.
Der Bereich mit den Klassenübersichten der Ober- und Unterstufe ist durch Bilder dargestellt, die mit dem dahinter liegenden Blog verlinkt sind. Dabei beginnt die 1.Klasse der Hauptschule bzw. Gymnasium mit der Ziffer „fünf“ für die 5.Schulstufe. Die 2.Klasse mit der Ziffer „sechs“ für die 6.Schulstufe usw.
b. Schrift
Grundsätzlich kommt nur Arial in der Schriftgröße 11 zum Einsatz. Zum besonderen herausheben von Überschriften variiert die Größe bzw. wird mit Fettdruck, unterstreichen und kursiv gearbeitet.
c. Farben / Farbverläufe
Der Kopfbereich ist ein türkiser Balken mit dem Schriftzug „Fit for school“.
Damit die Seite etwas fröhlicher und aufgelockerter wirkt, verwende ich für die Buttons der verschiedenen Schulstufen Bilder und für die alphabetische Reihenfolge der Theoriezusammenfassungen unterschiedliche Farben pro Buchstabe (z.B. rot für A, blau für B, grün für C usw.)
d. Icons
Sinnbilder in dem Sinn gibt es nicht. Lediglich die Bilder, die die Buttons darstellen, um zu den eigentlichen Blogs zu kommen.
e. Grafiken
Grafiken werden eventuell einmal bei den theoretischen Zusammenfassungen eingesetzt, aber nicht direkt auf der Homepage, sondern nur in den pdf-Dokumenten.
f. Fotos
Bilder und Fotos werden jetzt noch nicht eingeplant, wiederum erst eventuell in den theoretischen Zusammenfassungen.
g. Formate
Auch die Postings werden ausschließlich mit Arial Schriftgröße 11 geschrieben. Somit sind wiederkehrende Abschnitte immer gleich. Antworten auf die Postings werden auf Grund der besseren Lesbarkeit nicht in kursiver Schrift geschrieben.
h. Tabellen
Tabellen sollen in diesem Blog nicht vorkommen.
i. Einheitlichkeit
Da es eigentlich nur drei Seiten gibt (Startseite, Postings + Antworten und Theoriezusammenfassungen), gibt es keine einheitliche Gestaltung. Der Kopfbereich wird gleich aussehen, aber ansonsten werden die Seiten eine unterschiedliche Gestaltung haben. Die Theoriezusammenfassungen werden lediglich in einer alphabetischen Reihenfolge dargestellt.
nach oben

Screendesign:
screendesign (bmp, 1,450 KB)

Neues Screendesign:
neuer entwurf (bmp, 1,622 KB)
Alle Zahlen wurden selbst in Photoshop gestaltet!

Header:
header (jpg, 34 KB)
Diesen Header möchte ich im Blogg integrieren.
Auch dieser wurde im Photoshop selbst gestaltet.

Screendesign + selbstgest. Header:
screendesign3 (bmp, 1,850 KB)