1. Grundideen

Wir hatten am Anfang eine Menge Ideen und einige von ihnen waren Apps rund um Hobbys, Putzen, Essen zubereiten, das Entdecken neuer Orte und Ähnliches. Die Apps, die wir ausführlicher ausgearbeitet haben, sind Apps für Hobbys, die Bibliotheksapp für Studenten und das Entdecken neuer Orte.

2. Kurzbeschreibung Projekt

Unser Projekt umfasst eine Anwendung zur Hobbysuche, inklusive der Möglichkeit, Materialien in der Umgebung zu finden und Vereine in der Stadt zu unterstützen, Menschen mit ähnlichen Hobbys zu treffen und sich aktiv in der Kommune einzubringen. Mit dieser App wollten wir nicht nur neue Hobbys finden, sondern auch lokale Geschäfte und Gruppen/Vereine unterstützen, was unserer Meinung nach sehr wichtig ist in einer Stadt.

3. Zielformulierung (what, how, why)

Screenshot (713).png

4. Eingrenzung der Zielgruppe, Sinus-Milieu

Wir haben versucht, anhand der Aufteilung in Klein- und Großstädte unterschiedliche Zielgruppen zu finden.

Screenshot (714).png

5. Recherche, Inhalte, Daten und Quellen

Link zu dem Miro-Board:

https://miro.com/app/board/uXjVNVb9wtM=/

6. Interviews

Screenshot (729).png

7. Personas

Paul

Alice

8. User Stories

9. User Journeys

10. Vollständige Funktionsbeschreibung

11. Funktionsbewertung

Screenshot (341).png

12. Wireframes

Paper Prototyping:

Link Figma File: https://www.figma.com/file/T8HpYY73TiizfIT0tkNJbQ/Hobby-Wireframes?type=design&node-id=254-2488&mode=design&t=StXtFjzXQHq5B7dN-0

13. Click-Through/Prototyping

Paper Prototyping:

14. Usability Fragebogen/Testing/Korrektur

15. Moodboard

1. Bunt

Screenshot (351).png

2. Schlichter mit einer effektvollen Farbe

Screenshot (419).png

3. Farbverläufe mit Piktogrammen

Screenshot (434).png

16. Designvarianten

17. Finales Design

18. Prototyping

Link Prototype Figma:

https://www.figma.com/proto/T8HpYY73TiizfIT0tkNJbQ/Hobby-Wireframes?type=design&node-id=372-4804&t=StXtFjzXQHq5B7dN-0&scaling=scale-down&page-id=254%3A2488&starting-point-node-id=372%3A6461

Screenshot (549).png

19. Testing/Korrektur

20. Styleguide

Frame 26086159.png

21. Screencast + PDF Präsentation

Link: https://youtu.be/AGQIQ0ls7dU

Link Prototype Figma:

https://www.figma.com/proto/T8HpYY73TiizfIT0tkNJbQ/Hobby-Wireframes?type=design&node-id=372-4804&t=StXtFjzXQHq5B7dN-0&scaling=scale-down&page-id=254%3A2488&starting-point-node-id=372%3A6461

22. Präsentationsvideo

23. Gutes und Schlechtes UX Beispiel

24. Methodenreferat - Atomic Design