Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

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

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Registrieren Einloggen
Impressum Kontakt Datenschutz Barrierefreiheit
Hobby Scout

Hobby Scout

 

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.

Screenshot (669).png
©Anastasija Jovanovic
Screenshot (669).pngScreenshot (669).png
Screenshot (670).pngScreenshot (670).png
Screenshot (671).pngScreenshot (671).png
Screenshot (672).pngScreenshot (672).png
Screenshot (673).pngScreenshot (673).png

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
©Anastasija Jovanovic
Screenshot (713).pngScreenshot (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
©Anastasija Jovanovic
Screenshot (714).pngScreenshot (714).png

5. Recherche, Inhalte, Daten und Quellen

Link zu dem Miro-Board:

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

PDF Aufgabe Gruppe 30.10.pdf
©Anastasija Jovanovic
Aufgabe Gruppe 30.10.pdf PDF Aufgabe Gruppe 30.10.pdf

Screenshot (660).png
©Anastasija Jovanovic
Screenshot (660).pngScreenshot (660).png
Screenshot (663).pngScreenshot (663).png
Screenshot (661).pngScreenshot (661).png
Screenshot (662).pngScreenshot (662).png
Screenshot (664).pngScreenshot (664).png
Screenshot (665).pngScreenshot (665).png
Screenshot (666).pngScreenshot (666).png
Screenshot (668).pngScreenshot (668).png
Screenshot (667).pngScreenshot (667).png

6. Interviews

Screenshot (729).png
©Anastasija Jovanovic
Screenshot (729).pngScreenshot (729).png

Screenshot (715).png
©Anastasija Jovanovic
Screenshot (715).pngScreenshot (715).png
Screenshot (717).pngScreenshot (717).png
Screenshot (716).pngScreenshot (716).png
Screenshot (718).pngScreenshot (718).png
Screenshot (719).pngScreenshot (719).png
Screenshot (720).pngScreenshot (720).png
Screenshot (721).pngScreenshot (721).png
Screenshot (723).pngScreenshot (723).png
Screenshot (722).pngScreenshot (722).png
Screenshot (724).pngScreenshot (724).png
Screenshot (725).pngScreenshot (725).png
Screenshot (726).pngScreenshot (726).png
Screenshot (727).pngScreenshot (727).png
Screenshot (728).pngScreenshot (728).png

7. Personas

Paul

Bildschirmfoto 2023-12-18 um 10.02.24.png
©Sebastian Wengler
Bildschirmfoto 2023-12-18 um 10.02.24.pngBildschirmfoto 2023-12-18 um 10.02.24.png
Bildschirmfoto 2023-12-18 um 10.04.36.pngBildschirmfoto 2023-12-18 um 10.04.36.png
Bildschirmfoto 2023-12-18 um 10.02.37.pngBildschirmfoto 2023-12-18 um 10.02.37.png
Bildschirmfoto 2023-12-18 um 10.03.26.pngBildschirmfoto 2023-12-18 um 10.03.26.png
Bildschirmfoto 2023-12-18 um 10.02.55.pngBildschirmfoto 2023-12-18 um 10.02.55.png

Alice

Bildschirmfoto 2023-12-18 um 10.03.54.png
©Sebastian Wengler
Bildschirmfoto 2023-12-18 um 10.03.54.pngBildschirmfoto 2023-12-18 um 10.03.54.png
Bildschirmfoto 2023-12-18 um 10.04.28.pngBildschirmfoto 2023-12-18 um 10.04.28.png
Bildschirmfoto 2023-12-18 um 10.04.08.pngBildschirmfoto 2023-12-18 um 10.04.08.png
Bildschirmfoto 2023-12-18 um 10.03.38.pngBildschirmfoto 2023-12-18 um 10.03.38.png
Bildschirmfoto 2023-12-18 um 10.04.19.pngBildschirmfoto 2023-12-18 um 10.04.19.png

8. User Stories

Bildschirmfoto 2023-12-18 um 10.05.09.png
©Sebastian Wengler
Bildschirmfoto 2023-12-18 um 10.05.09.pngBildschirmfoto 2023-12-18 um 10.05.09.png
Bildschirmfoto 2023-12-18 um 10.04.58.pngBildschirmfoto 2023-12-18 um 10.04.58.png

9. User Journeys

Bildschirmfoto 2023-12-18 um 10.05.40.png
©Sebastian Wengler
Bildschirmfoto 2023-12-18 um 10.05.40.pngBildschirmfoto 2023-12-18 um 10.05.40.png
Bildschirmfoto 2023-12-18 um 10.05.53.pngBildschirmfoto 2023-12-18 um 10.05.53.png
Bildschirmfoto 2023-12-18 um 10.06.02.pngBildschirmfoto 2023-12-18 um 10.06.02.png
Bildschirmfoto 2023-12-18 um 10.05.22.pngBildschirmfoto 2023-12-18 um 10.05.22.png
Bildschirmfoto 2023-12-18 um 10.06.10.pngBildschirmfoto 2023-12-18 um 10.06.10.png

10. Vollständige Funktionsbeschreibung

Screenshot (342).png
©Anastasija Jovanovic
Screenshot (342).pngScreenshot (342).png
Screenshot (344).pngScreenshot (344).png
Screenshot (343).pngScreenshot (343).png
Screenshot (347).pngScreenshot (347).png

11. Funktionsbewertung

Screenshot (341).png
©Anastasija Jovanovic
Screenshot (341).pngScreenshot (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

broj 1.jpg
©Anastasija Jovanovic
broj 1.jpgbroj 1.jpg
broj 3.jpgbroj 3.jpg
broj 2.jpgbroj 2.jpg
broj 4.jpgbroj 4.jpg
Userstory 2 broj 1.jpgUserstory 2 broj 1.jpg
userstory 3 broj 1.jpguserstory 3 broj 1.jpg
userstory 3 broj 2.jpguserstory 3 broj 2.jpg

Bildschirmfoto 2023-12-18 um 12.17.35.png
©Sebastian Wengler
Bildschirmfoto 2023-12-18 um 12.17.35.pngBildschirmfoto 2023-12-18 um 12.17.35.png
Bildschirmfoto 2023-12-18 um 12.17.42.pngBildschirmfoto 2023-12-18 um 12.17.42.png
Bildschirmfoto 2023-12-18 um 12.17.53.pngBildschirmfoto 2023-12-18 um 12.17.53.png
Bildschirmfoto 2023-12-18 um 12.18.03.pngBildschirmfoto 2023-12-18 um 12.18.03.png
Bildschirmfoto 2023-12-18 um 12.18.11.pngBildschirmfoto 2023-12-18 um 12.18.11.png
Bildschirmfoto 2023-12-18 um 12.18.20.pngBildschirmfoto 2023-12-18 um 12.18.20.png
Bildschirmfoto 2023-12-18 um 12.18.37.pngBildschirmfoto 2023-12-18 um 12.18.37.png
Bildschirmfoto 2023-12-18 um 12.18.53.pngBildschirmfoto 2023-12-18 um 12.18.53.png
Bildschirmfoto 2023-12-18 um 12.18.58.pngBildschirmfoto 2023-12-18 um 12.18.58.png
Bildschirmfoto 2023-12-18 um 12.19.04.pngBildschirmfoto 2023-12-18 um 12.19.04.png
Bildschirmfoto 2023-12-18 um 12.19.09.pngBildschirmfoto 2023-12-18 um 12.19.09.png
Bildschirmfoto 2023-12-18 um 12.19.16.pngBildschirmfoto 2023-12-18 um 12.19.16.png

13. Click-Through/Prototyping

Paper Prototyping:

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg
©Sebastian Wengler
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-sddefault.jpg

14. Usability Fragebogen/Testing/Korrektur

Screenshot (348).png
©Anastasija Jovanovic
Screenshot (348).pngScreenshot (348).png
Screenshot (350).pngScreenshot (350).png
Screenshot (349).pngScreenshot (349).png

15. Moodboard

1. Bunt

Screenshot (351).png
©Anastasija Jovanovic
Screenshot (351).pngScreenshot (351).png

2. Schlichter mit einer effektvollen Farbe

Screenshot (419).png
©Anastasija Jovanovic
Screenshot (419).pngScreenshot (419).png

3. Farbverläufe mit Piktogrammen

Screenshot (434).png
©Anastasija Jovanovic
Screenshot (434).pngScreenshot (434).png

16. Designvarianten

Screenshot 2024-01-15 093923.jpg
©Anastasija Jovanovic
Screenshot 2024-01-15 093923.jpgScreenshot 2024-01-15 093923.jpg
Screenshot 2024-01-15 093947.jpgScreenshot 2024-01-15 093947.jpg
Screenshot 2024-01-15 093747.jpgScreenshot 2024-01-15 093747.jpg
Screenshot 2024-01-15 094020.jpgScreenshot 2024-01-15 094020.jpg
Screenshot 2024-01-15 094055.jpgScreenshot 2024-01-15 094055.jpg
Screenshot 2024-01-15 094039.jpgScreenshot 2024-01-15 094039.jpg

Screenshot 2024-01-15 094211.jpg
©Anastasija Jovanovic
Screenshot 2024-01-15 094211.jpgScreenshot 2024-01-15 094211.jpg
Screenshot 2024-01-15 094138.jpgScreenshot 2024-01-15 094138.jpg
Screenshot 2024-01-15 093842.jpgScreenshot 2024-01-15 093842.jpg
Screenshot 2024-01-15 094233.jpgScreenshot 2024-01-15 094233.jpg
Screenshot 2024-01-15 094122.jpgScreenshot 2024-01-15 094122.jpg

17. Finales Design

Screenshot (451).png
©Anastasija Jovanovic
Screenshot (451).pngScreenshot (451).png
Screenshot (452).pngScreenshot (452).png
Screenshot (453).pngScreenshot (453).png
Screenshot (502).pngScreenshot (502).png
Screenshot (501).pngScreenshot (501).png
Screenshot (499).pngScreenshot (499).png
Screenshot (500).pngScreenshot (500).png
Screenshot (521).pngScreenshot (521).png
Screenshot (530).pngScreenshot (530).png
Screenshot (531).pngScreenshot (531).png
Screenshot (532).pngScreenshot (532).png
Screenshot (533).pngScreenshot (533).png
Screenshot (534).pngScreenshot (534).png
Screenshot (535).pngScreenshot (535).png
Screenshot (536).pngScreenshot (536).png
Screenshot (537).pngScreenshot (537).png
Screenshot (538).pngScreenshot (538).png
Screenshot (540).pngScreenshot (540).png
Screenshot (539).pngScreenshot (539).png
Screenshot (541).pngScreenshot (541).png
Screenshot (542).pngScreenshot (542).png
Screenshot (543).pngScreenshot (543).png
Screenshot (544).pngScreenshot (544).png
Screenshot (545).pngScreenshot (545).png
Screenshot (546).pngScreenshot (546).png
Screenshot (547).pngScreenshot (547).png

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
©Anastasija Jovanovic
Screenshot (549).pngScreenshot (549).png

19. Testing/Korrektur

20. Styleguide

Frame 26086159.png
©Anastasija Jovanovic
Frame 26086159.pngFrame 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

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg
©Anastasija Jovanovic
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg

PDF Abschlusspräsentation.pdf
©Anastasija Jovanovic
Abschlusspräsentation.pdf PDF Abschlusspräsentation.pdf

22. Präsentationsvideo

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg
©Anastasija Jovanovic
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg

23. Gutes und Schlechtes UX Beispiel

PDF Paypal.pdf
©/Users/sebastianwengler/Desktop/SchlechtesUXBeispiel.pdf
Paypal.pdf PDF Paypal.pdf

PDF SchlechtesUXBeispiel.pdf
©Sebastian Wengler
SchlechtesUXBeispiel.pdf PDF SchlechtesUXBeispiel.pdf

24. Methodenreferat - Atomic Design

PDF Atomic Design_compressed.pdf
©Sebastian Wengler
Atomic Design_compressed.pdf PDF Atomic Design_compressed.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

User Experience Design (KD3)

Entstehungszeitraum

Wintersemester 2023 / 2024