Ausgangsversion
Die Anwendung wurde schnell entwickelt, um Außendienstmitarbeitern ein schnelles Werkzeug zur ersten Raumhallanalyse an die Hand zu geben.
Bestehend aus einem einzigen Screen, lassen sich hier:
- Bilder aus dem Raum hochladen,
- die Raummaße eingeben,
- eine Tonaufnahme aufnehmen,
- per E-Mail an das Akustikbüro schicken.

Analyse
Die App erfüllt den kompletten Aufgabenumfang und ist fast zu einfach, um zu glauben, dass hier eine umfängliche Voranalyse eines Raumes durch das Akustikbüro angefertigt werden kann. Aus den Augen eines Design-Studenten gab es Raum für Verbesserungen, die die Komplexität der Raumanalyse gestalterisch besser darstellen.
Stichpunkt: „Never touch a running system but nothing stops you from sketching something new in Figma“.
Meine Idee
Die App besteht aus vielen grauen Flächen, wo viel Raum für visuelles Leben wäre.
Mit der Hilfe von LottieFiles gibt es die Möglichkeit viele Animationen in Designs ausprobieren und schnell neue Ideen in Prototypen zu entwickeln.


Die App kann funkeln, die Komponenten brauchten Farben und dieses Projekt war ein Ansatz um neue Gestaltungselemente auszuprobieren.
Anstatt nur diesen Screen einer Neugestaltung zu unterziehen, wurde der Prozess auf mehrere Screens verteilt (ich weiß. Über die Nutzertauglichkeit dessen lässt sich diskutieren).
Das Redesign lässt sich in den folgenden Punkten vergleichen:
Ausgangsversion
- Bilder aus dem Raum hochladen
- Maße des Raumes in cm angeben
- Audioaufnahme eines „in die Hände Klatschens“ im Raum aufnehmen
- Per Mail versenden
🎖️ fertig
Das Redesign
- Ladebildschirm mit Logo
- Startbildschirm
- Maße des Raumes in cm angeben
- Bilder aus dem Raum hochladen
- Audioaufnahme eines „in die Hände Klatschens“ im Raum aufnehmen oder hochladen
- eigene E-Mail-Adresse angeben
- Notiz anfügen
- Daten werden „hochgeladen“
🎖️ fertig
Ein paar mehr Schritte und ein paar zusätzlichen Screens geben der App mehr Raum, um mit unterschiedlichen Komponenten zu experimentieren.

Resultat
Angefangen in Adobe XD, in Figma nachgebaut und schließlich an ein paar Ecken weiter designt, hat dieses Projekt ein paar Iterationen erlebt. Das Design ist funktionsfähig, enthält mehr funkelnde Elemente und kleine Animationen.
Figma Prototyp
https://www.figma.com/proto/ITdBf7D6U6sYzvNIUUyrEI/Der-Designraum
Bildquellen
User Interface Screendesigns:
Eigene Darstellung
Mockup:
https://www.minimalmockups.com/mockup/iphone-14-pro-max-mockup-08/
Mockup:
https://www.minimalmockups.com/mockup/iphone-15-pro-max-mockup-03/
Overview Mockup:
https://www.minimalmockups.com/mockup/iphone-14-pro-max-mockup-06/
