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

How to find my file

In dem Kurs „End of File“, bei Prof. Boris Müller, ging es um die zentrale Fragestellung, wie das Dokumenten-Management der Zukunft aussehen und funktionieren könnte. Dafür haben wir uns zu Anfang den Finder und MacOS angeschaut, Diskussionen über die Ordner Metapher geführt, wissenschaftliche Paper analysiert und schließlich einen Prototyp gebaut.

Aufbau des Kurses

Der Kurs fand fast vollständig in Präsenz an der Fachhochschule statt und bot damit im Kontrast zu den vorherigen Semestern endlich wieder persönlichen Kontakt zu den anderen Studierenden. 

Beim ersten Termin sollten wir auf einem ausgedruckten Screenshot des Finders eine Funktion rein zeichnen, die es so noch nicht gibt, welche wir aber selber gerne hätten und nutzen würden. Anschließend wurden alle Skizzen an die Wand geheftet und jeder stellte seine/ihre Idee vor.

Am zweiten Termin wurden wir in Gruppen aufgeteilt, um physische unterschiedliche Unterlagen, Dokumente, ... etc., die man mitbringen sollte zu sortieren. Damit sollten man erste Muster beim Sortieren erkennen, wodurch sich auch interessante Diskussionen ergeben haben, da jeder/jede andere Ansätze einbrachte.

Weitere Teile des Kurses sahen es vor, sich mit wissenschaftlichen Paper zu beschäftigen und für die Endaufgabe einen konzeptionellen Prototyp zu bauen. Eine besondere und lehrreiche Ergänzung waren die Besuche von Alexander Käßner (Designer bei Sktech) und Philipp Steinacher (Designer bei Microsoft). Bei letzterem haben wir auch eine Zwischenpräsentation zu unserem Prototyp gegeben, was interessantes Feedback mit sich brachte.

Aufgaben im Kurs

Paper zusammenfassen & präsentieren

Die erste größere Aufgabe, mit der wir uns befassen sollten, ging darum, ein zugeteiltes wissenschaftliches Paper zu lesen, analysieren und anhand einer visuell starken Präsentation wiederzugeben. Unsere Paper mit dem Namen „Lab Notes“, von Alexander Obenauer, zeichnet ein Bild eines modularen Betriebssystems, welches sich dem User anpasst oder individuelle Anpassungen ermöglicht. Das Hauptaugenmerk liegt darin, dass Programme nicht mehr als isolierte Systeme fungieren.

Hier gehts zu den Lab Notes

1.png1.png
2.png2.png
3.png3.png
4.png4.png
5.png5.png
6.png6.png
7.png7.png
8.png8.png
9.png9.png
10.png10.png

Konzept für neue Anwendung

Unsere zweite und letzte Aufgabe war auch der Abschluss des Kurses. Anhand des gewonnenen Wissens und der Auseinandersetzung mit Ordnerstrukturen, File Managern und generell der Ordner Metapher sollten wir uns eine Anwendung ausdenken und konzipieren. Diese Anwendung könnte eine Erweiterung des bestehenden Finders sein, eine Neugestaltung des Finders mit Zusatzfunktionen oder auch eine komplette Neuinterpretation des Ordnermanagements.

Bildschirmfoto 2022-05-05 um 10.44.pngBildschirmfoto 2022-05-05 um 10.44.png

Wir haben uns relativ schnell von der klassischen Finder Idee wegbewegt und das Web Add On „My Mind“ als Inspiration vorgenommen. Die Idee ist, dass man Webseiten, Bilder, Notizen usw. in eine Art Stream reinwirft, wo alle Einträge chronologisch von oben bis unten angeordnet sind. Möchte man nun eine ganz bestimmte Seite wieder finden, muss man nicht runterscrollen und suchen, sondern einfach den Namen oder Eigenschaften in das oben befindliche Suchfeld eintippen. Durch Metadaten und Machine Learning findet My Mind so sehr schnell und simpel das gesuchte Ergebnis. Einen ähnlichen Ansatz wollten wir in unserer Idee ebenfalls einbauen, keine komplexe Suche mit vielen Filtern, sondern eine intuitive und schnelle Ergebnisbeschaffung.

Fragestellung und Prozess

2.png2.png

↑ In unserem Alltag haben wir beobachtet, dass wir Dokumente an ganz vielen versch. Orten gespeichert haben, oft bedingt durch die Art der Speicherung – Lokal oder in der Cloud. Dann nutzen wir Programme oder Services, die Dokumente auf ihre ganz eigene Weise organisieren – z.B. über die Weboberfläche bei Google Docs oder Figma. Und um geteilte Dokumente wiederzufinden, benötigt es schon einiges an Erinnerungsvermögen, um das Medium zu finden, über das das Dokument geteilt wurde, z.B. Mail oder WeTransfer.

Das Problem war also ein veraltetes File-Management, welches aktuelle Themen wie Kollaboration und Cloud Services nicht ausreichend beachtete. Wir wollten einen zentralen Ort, an dem alle Dateien liegen, aber ohne Ordner und mit so wenig Organisation wie möglich.

Erste Wireframes

D.pngD.png
G.pngG.png
H.pngH.png

↑ In den ersten Wireframes haben wir grob unsere Vorstellungen visualisiert und daher auch viel vom macOS Finder übernommen, um auch einfach eine Grundlage für Diskussionen und weitere Überlegungen zu haben. Für die Präsentation im Kurs wollten wir auch die Funktionsweise der Tag-Suche andeuten, die in unserem Konzept eine sehr große Rolle spielen soll.

Konzept Suchfunktion und Exploration von Nodes

3.png3.png
Cd.pngCd.png
X.pngX.png

↑ Deswegen haben wir uns in der nächsten Phase auch verstärkt mit diesem Bereich beschäftigt, versch. Flows und Konzepte der Suchfunktion getestet. Einige Fragen waren z.B. Wie erstelle ich einen neuen Such-Tag? Schreibe ich einfach, was ich suchen möchte oder wähle ich vorher immer eine geeignete Tag-Kategorie, z.B. Software oder Zeit? Wie könnte eine Darstellung aussehen, die sich an den Nodes-Darstellungen in beispielsweise 3D/Render-Programmen orientiert?

Das letzte Bild zeigt den Ansatz von einem flexiblen Ergebnisfeld mit Suchtags außerhalb, um das Ergebnisfeld zu beeinflussen. Diesen Ansatz haben wir dann aber nicht weiter verfolgt, da wir kaum mit dem Nodes-Ansatz vertraut sind/es aktuell selber nicht nutzen oder benötigen, wir aber auf eine kompakte und minimalistische Variante abzielten, die in erster Linie unseren Bedürfnissen folgen soll.

Finaler Entwurf

Einige Überlegungen später, hier der Entwurf zum Zeitpunkt der Präsentation im Sommersemester:

Group 145.pngGroup 145.png

↑ Die wichtigsten Screens und Beispiele eines Flows: Öffnet man Find My File wieder, erscheint ein Welcome-Screen über dem Hauptfenster, mit wichtigen Shortcuts und vergangenen Suchen. Hier kann man direkt filtern, aber auch diese Funktionen wird noch später eingegangen.

Group 146.pngGroup 146.png
Group 147.pngGroup 147.png
Group 148.pngGroup 148.png
Group 149.pngGroup 149.png

↑ (Bild 1) Das ist der Hauptscreen von Find My File, mit einer chronologischen Darstellungen aller Items (Dateien) auf dem Computer, der umfangreichen Suchoption oben sowie die Möglichkeit rechts oben ein neues Item direkt hier zu erstellen. (↑ Bild 2) Über die Suche kann man eine Suchanfrage mit natürlicher Sprache starten, über „Suggestions„ wählt man dann die Eingabe als Tag aus, um mit diesem Tag die Ansicht zu filtern. (↑ Bild 3) Die gesamte Liste wurde nach dem Datum gefiltert, man kann bereits durch die Ergebnisse scrollen oder über die Suche weitere Such-Tags hinzufügen. (↑ Bild 4) Es wurde ein Personen-Tag hinzugefügt, der anzeigt, dass diese Items mit Michelle bearbeitet oder geteilt wurden. Außerdem wurde ein Workload-Tag erstellt, um Items schneller wiederzufinden, an denen sehr lange gearbeitet wurde.

Details

Group 54 1.pngGroup 54 1.png

↑ Von der Gesamtansicht zur Darstellung einzelner Elemente: die Item Card. Jedes Items (Datei) in diesem Stream wird mit der gleichen Architektur dargestellt, dem Vorschaubild, dem Programm, mit dem es geöffnet werden kann, einem Bereich für Kollaboration, Dateiname und weitere Items-spezifische Metadaten. In diesem Beispiel ist es Figma-Webdoc, keine lokal gespeicherte Datei, sondern ein Link, der die Datei in Figma öffnen wird. Wir haben uns aber entscheiden solchen Webdokumente, wie auch bei Miro oder Google Docs, zusammen mit lokalen Dokumenten darzustellen, da der Bereich Lokal und Cloud immer mehr verschwimmt und es ein Punkt in der Zukunft geben wird, wo die Frage nach dem Speicherort nicht mehr so relevant sein wird.

Unter dem Titel gibt es einen Platz für kontextbasierte und/oder Items-spezifische Informationen wie die hier verrichtete Arbeitszeit. In anderen Items Cards gibt es die Quellen eines Items (z.B. aus einer Mail von Person XY oder Webseite), Metadaten einer Videodatei oder Textlänge/Lesezeit eines Papers. Diese für uns relevanten Informationen werden aktuell im Finder gar nicht angezeigt oder wenn, dann versteckt in Untermenüs.

Group 110.pngGroup 110.png

↑ Mit Tippen in Suchleiste oder Klicken öffnet sich auch dieses Panel, welches Vorschläge anhand der Eingabe angezeigt, gespeicherte Connection, also Tag-Kombinationen, die man häufig wieder benutzen möchte – quasi ein Gegenentwurf zum bekannten Ordner-Konzept. Und die meist genutzten Tag-Kombinationen, um eine häufige, noch nicht gespeicherte Suche schneller durchzuführen.

Facts

111.png111.png

↑ Kurze Zusammenfassung, welche Möglichkeiten unser Konzept Find My File ermöglichen würde.

Fazit

Unser Fazit zu diesem Kurs fällt durchweg positiv aus. Es war sehr spannend mal nicht etwas Neues zu machen wie einen Service sich auszudenken und dazu eine Applikation o.ä., sondern ein bestehendes System welches seit Jahrzehnten existiert zu hinterfragen, aus diesem auszubrechen und neu zu gestalten. 

Die heutige Ordnermetapher geht jeden von uns etwas an, sowohl Pro- User als auch normale User. Das manche damit mehr und manche weniger was anfangen können ist ziemlich deutlich und es ist sehr interessant gewesen einen Ansatz zu finden und zu visualisieren der einem persönlich helfen würde. Auch die externen Besuche (Microsoft & Sketch) waren sehr spannend und die Vorlesungen und Diskussionen mit Prof. Boris Müller haben viele neue Sichtweisen geliefert. Sollte dieser Kurs wieder mal angeboten werden kann ich jedem/jede nur naheliegen an ihm teilzunehmen.

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

End of File #Transformation

Entstehungszeitraum

Sommersemester 2022

Keywords