Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Lucas Vogel | Basics Interfacedesign 14|2

Lucas Vogel | Basics Interfacedesign 14|2

Eine kurze Beschreibung und Darstellung der Ergebnisse des Kurses Basics Interface betreut bei Prof. Boris Müller. Die hier angezeigten Projekte sind von Lucas Vogel komplett oder als Gruppe gemacht worden.

Bettina bummelt | Digitales Buch

A_bettina_klein_cover.pngA_bettina_klein_cover.png
B_bettina_klein_page2.pngB_bettina_klein_page2.png
C_bettina_klein_page6.pngC_bettina_klein_page6.png
D_bettina_klein_page7.pngD_bettina_klein_page7.png
E_bettina_klein_page8.pngE_bettina_klein_page8.png
F_bettina_klein_page9.pngF_bettina_klein_page9.png
G_bettina_gross_cover.pngG_bettina_gross_cover.png
H_bettina_gross_page1.pngH_bettina_gross_page1.png
I_bettina_gross_page2.pngI_bettina_gross_page2.png
J_bettina_gross_page4.pngJ_bettina_gross_page4.png
K_bettina_gross_end.pngK_bettina_gross_end.png

Die erste Aufgabe des Semesters ging um die visuelle Übersetzung eines Buches in seine digitale Version. Gestaltet müssten drei oder mehr Screens, worauf das Inhalt des digitales Buch sowie die Navigation dargestellt sind. Dieses Projekt war ein Binom Arbeit der ich zusammen mit Nina Tschirner realisiert habe.

Der Auswahl an Bücher war frei, nun wurden Inhaltsreiche Büchern vorgeschlagen, da sie eine bessere Herausforderung und Schwierigkeitsgrad anbieten. Ab der Anfang schon, hatte Nina die Idee ein Kinderbuch für die Aufgabe zu nehmen. Die Idee hat mir gefallen, da ich das Gefühl hatte, dass Kinder viel unerfahrener mit Bücher sind, besonders in ein digitales Format. Ich sah da ebenso eine Möglichkeit, das Lesen von Büchern ein junges Publikum zu erleichtern. Wir nahmen dann das buch Bettina bummelt von Elizabeth Shaw.

Das war eine gute Übung, da es verschiedene Elemente zu gestalten und zu positionieren gab (Text, Navigation, Bilder, Automatische Lektüre). Das Binom Arbeit ist auch flüssig gelaufen und war eine gute Erfahrung.

Didgeridoo | Klangbild

LucasVogelKlangBild.pdf PDF LucasVogelKlangBild.pdf

Die zweite Aufgabe handelte von Klängen und Tönen, die in eine visualisierte und präzise lesbare From übertragen werden sollten. Jeder Ton, jedes Lied oder jede Klangsphäre enthält detaillierte Informationen. Diese Töne kann man analysieren wodurch man erkennen kann wie sie entstanden sind. Allerdings, ging es in dieser Aufgabe nicht um das was man weiss, sondern um das was man fühlt; Dichte, Emotion, Rhythmus, Länge, usw.

Es mussten Töne ausgewählt werden, die am besten nicht illustrativ sind, und die genau in eine Visuelle Form beschreiben.

Ich habe mich für den Klang von einem Didgeridoo Instrument entschieden, da es am Anfang ziemlich monoton kling aber sehr viele Aspekte und Variationen hat. Ich habe mich für eine möglichst minimale Visuelle-Sprache entschieden. Die horizontalen und schrägen (45°) Linien werden benutzt, um die verschieden Aspekte der Töne darzustellen.

Brainstorm App | Graphical user interfaces

00a_StartScreen.png00a_StartScreen.png
00b_StartScreenDelete.png00b_StartScreenDelete.png
00c_StartScreenDeleteConfirm.png00c_StartScreenDeleteConfirm.png
00e_StartScreen_modifiy.png00e_StartScreen_modifiy.png
01a_ProjectView.png01a_ProjectView.png
01b_ProjectView_opening_list-opening.png01b_ProjectView_opening_list-opening.png
01c_ProjectView_list.png01c_ProjectView_list.png
02a_Problem_posts.png02a_Problem_posts.png
02b_Problem_comment.png02b_Problem_comment.png
02d_Problem_photo.png02d_Problem_photo.png
03a_PostIdea.png03a_PostIdea.png
04a_UserProfile.png04a_UserProfile.png
04b_UserProfile_scrolled.png04b_UserProfile_scrolled.png
05a_Programmablauf.png05a_Programmablauf.png

Als dritte Aufgabe wurde uns gebeten, eine iPhone App zu gestalten, die die IOS8 Komponente benutzt und die grafische Richtlinien des Mobiles Betriebsystem respektiert. Die App sollte Designers und Entwickler bei der Entwurf von Ideen unterstützen. Die Aufgabe wurde mit Julian Lucas Wohlleber zusammen gemacht.

Unseres Konzept für die App ist lösungsorientiert. Es heisst, im Gegenteil zu klassische Brainstormings wo versucht wird ein Produkt, eine Idee oder eine neue Funktionalität vom null zu erfinden, werden mit unsere App Lösungen für bestehende Forderungen gefunden. Es werden Projekte angelegt, indem Existierende Probleme, Ziele, Proof-Tests oder ähnlich hinzugefügt und beschrieben werden. Daraufhin werden allein oder in Team Lösungsvorschläge angelegt, die verglichen und bewertet werden. So wird eine Diskussion entstehen, die zu die bestmögliche Ausweg führt.

Tintenstrahldrucker | 1000 Worte

1000Worte-LucasVogel-PrinterProcess.pdf PDF 1000Worte-LucasVogel-PrinterProcess.pdf

Die letzte Aufgabe des Kurses war eine komplexe Sachverhalt möglichst präzis und textfrei in einem Schaubild oder in einen Film zu erklären. Das Thema war frei, müsste aber komplex genug sein, sodass die Beschreibung des Prozesses eine höhere Herausforderung anbietet. Das Projekt habe ich alleine gemacht.

Ich habe mich für das Prozess von eine Tintenstrahldrucker entschieden, da ich immer gerne wissen wollte, wie es genau funktioniert und welche Aufgabe es gleichzeitig erledigt. Das Format ist Quer und hilft der Leser durch Pfeile das Prozess sowie die Wiederholungen zu verstehen, die bis zum fertige Druckergebnis geschehen.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

Basics Interface 14|2

Entstehungszeitraum

Wintersemester 2014 / 2015