Features

Die Kernfunktionen von Upwork umfassen unter anderem:

• Talentsuche: Gezielte Suche nach passenden Fachkräften
• Kostenübersicht: Transparente Darstellung der anfallenden Kosten
• Veröffentlichung von Jobausschreibungen und Bewerberübersicht: Möglichkeiten zur Stellenausschreibung und Übersicht über Bewerber
• Erstellung von Jobs mit variablen Anforderungen: Flexible Job-Erstellung mit verschiedenen Abrechnungsmodellen (Fixpreis, Stundenbasis, Meilensteine), inklusive Funktionen wie Dokumentenupload, Chat-Kommunikation, Zeiterfassung usw.
• Zahlungsprozess: Abwicklung der Bezahlung
• Chatfunktion: Direkte Kommunikation zwischen Freiberuflern und Auftraggebern

Analyse

Während der anfänglichen Analyse von Upwork wurde deutlich, dass unterschiedliche Navigationsansätze für die Web- und die Mobile-App-Version verwendet wurden. Dies ist zum Teil auf die Differenz der Bildschirmgrößen zurückzuführen, jedoch stellte mich dies vor die Herausforderung, die grundlegende Bedienung und Anordnung der verschiedenen Informationsblöcke neu zu überdenken.

Besondere Aufmerksamkeit galt dabei dem Dashboard sowie den einzelnen Übersichtsseiten für Jobs. Hier war es von zentraler Bedeutung, eine höhere Informationsdichte zu erreichen und den Nutzern einen Überblick über aktuelle Kosten, ausstehende Aufgaben (Todos) und laufende Projekte zu verschaffen. Diese Informationen waren auf den offiziellen Plattformen jeweils in den Rubriken „Jobpostings“ und „Reports“ versteckt.

Nach zahlreichen Experimenten kristallisierte sich heraus, dass die folgende Menüstruktur die logischste und benutzerfreundlichste Lösung darstellt:

• Home / Dashboard: Dies bildet den Einstieg in die App und bietet dem Nutzer eine Übersicht über alle Projekte, Ausschreibungen sowie Chatnachrichten.
• Talents: Hier können Nutzer mithilfe verschiedener Filter und Kriterien nach Dienstleistern suchen.
• Contracts: Diese Sektion präsentiert dem Nutzer alle laufenden Jobs sowie sämtliche relevante Informationen dazu.
• Postings: Unter „Postings“ kann der Nutzer neue Ausschreibungen veröffentlichen und findet eine Übersicht über bereits aktive Ausschreibungen samt zugehöriger Chats.
• Inbox: Diese Funktion ermöglicht es dem Nutzer, mit Dienstleistern in Kontakt zu treten, unabhängig von einer konkreten Ausschreibung oder einem aktiven Job.

Design

An dieser Stelle betrachten wir einen Vergleich zwischen den Dashboards der aktuellen Mobile App und der neu gestalteten Mac App. Im Gegensatz zur Mobile App werden in der Mac App sämtliche wichtige Informationen auf einen Blick präsentiert. Kosten, Status der verschiedenen Jobs, Chatnachrichten sowie Aktualisierungen für Jobpostings sind dabei in logisch strukturierten Abschnitten angeordnet.

Im „Contracts“-Bereich erhält der Nutzer eine Auflistung der aktiven sowie inaktiven Jobs. Bei Auswahl eines spezifischen Jobs werden alle relevanten Informationen zu diesem präsentiert.

Dies beinhaltet eine Zusammenfassung der wöchentlichen Kosten, ausstehende Aufgaben (Todos) sowie aktuelle Daten. Zusätzlich findet sich hier der zugehörige Chatverlauf.

Diese Ansicht bietet dem Nutzer eine umfassende Übersicht über sämtliche Informationen, Zeitverläufe und Details zu dem jeweiligen Job.

Unter dem Menüpunkt „Postings“, findet der User seine Jobausschreibungen und zugehörige Informationen.

Figma Prototype

Fazit

Zusammenfassend war die Auseinandersetzung mit UX/UI im Verlauf dieses Projekts äußerst lehrreich und inspirierend. Die Gelegenheit, von der Entwicklung klassischer Benutzeroberflächen bis hin zur Gestaltung einer nativen Mac App zu lernen, hat mir wertvolle Einblicke in dieses Bereich verschafft. Diese Erfahrung hat nicht nur meine gestalterischen Fähigkeiten verbessert, sondern mir auch eine tiefere Wertschätzung für nutzerzentriertes Design vermittelt. Die gewonnenen Erkenntnisse werden zweifellos meine berufliche Entwicklung bereichern und ich freue mich darauf, sie in künftigen Projekten anzuwenden.