Weiterentwicklung Website HSLU I - UX Team (Fokus Struktur und Inhalt der Webseite)

AI Quick Summary

Basierend auf den Bachelorarbeiten von Nico Iseli und Jan Kalbermatter soll die Website für das UX Research Team der HSLU weiterentwickelt werden. Die Website wurde mit dem CMS Prismic mit NextJS/React umgesetzt. Das Ziel kann gemeinsam mit dem UX-Team noch klar definiert werden. Je nach Interesse und Kompetenzen kann ein Fokus auf Design, technische Implementation oder inhaltliche Überarbeitung gesetzt werden. Ausgangslage und ProblemstellungBasierend auf den Bachelorarbeiten von Nico Iseli und Jan Kalbermatter soll ein Teil der Website für das UX Research Team der HSLU weiterentwickelt werden. Die Website wurde mit dem CMS Prismic mit NextJS/React umgesetzt. Die Website besteht aus verschiedenen Teilen, die umfangreichsten Bereiche sind die Folgenden: Einerseits wurde das Vorgehensmodell ISO 9241 Teil 210 von Nico Iseli untersucht und erweitert, und deren Prozesse und Methoden werden auf der Website beschrieben. Andererseits werden auch Forschungsprojekte oder Projekte aus der Lehre vorgestellt, bei welchen die jeweiligen Prozesse und Methoden angewendet wurden und deshalb an einem Beispiel erklärt werden können.Ziel der Arbeit und erwartete ResultateDas Ziel dieser Arbeit ist die Umsetzung und wenn möglich Fertigstellung der Webseite des UX-Teams. Hier geht’s um den Rahmen, die genutzten Terminologien und die zielgruppengerechten Inhalte. Wie müssen wir kommunizieren, um das Angebot so zu platzieren, dass die Kunden keine Hürden haben und uns ‘die Bude einrennen’? Es geht ganz grundsätzlich darum, herauszufinden was auf die Webseite muss und wie wir es verkaufen. Was brauchen Auftraggeber, was Studierende, was andere Hochschulen, was Projektpartner aus dem UX-Umfeld? Das Ziel kann gemeinsam mit dem UX-Team in einem initialen Workshop noch klar definiert werden. Klärung: Wer ist das UX-Team und wer will es sein (Branding)?Klärung: Was will das UX-Team mit der Webseite? Wer sieht das UX-Team als Nutzniesser der Webseite?Klärung und Priorisierung der ZielgruppenWas will/wollen die ZG auf unserer Webseite? Klärung und Priorisierung der Szenarien anhand der definierten ZielgruppenKleine Konkurrenzanalyse – was machen andere? Was funktioniert dort?Umsetzung der Szenarien inkl. Überarbeitung des aktuellen Design und allenfalls Anpassung/Erweiterung des Frontends (prismic/NextJS).Was macht die Webseite attraktiv? Inhalte, Soziale Patterns, Interaktionen, Studibeteiligung… ? Ein attraktiver Aspekt der Webseite soll z.B. der Projekt-Evaluator sein.Inhalte ansprechender gestalten unter Einbezug von Text/Quotes/Bild/Videos und tbd.Tests der Szenarien mit den ZG/Personas -> Befunde und EmpfehlungenDie Webseite beherbergt auch den Projekt-Evaluator. Absprachen zu Schnittstellen mit Fabio Stecher (BAA Projekt Evaluator) und dem UX-Team sind gewünscht und nötig.Alle Projektverantwortlichen sollen Webseiten-Inhalte im CMS selbst erfassen. Dazu braucht es allenfalls eine Anleitung. Auf der Webseite sollen für alle Inhalte min 2 Beispiele sichtbar sein, damit Tests durchgeführt werden können. Die Inhalte kommen vom UX-Team.Gewünschte Methoden, VorgehenFolgende Methoden und Vorgehensweisen werden verwendet: (Der/die Studierende wählt die geeigneten Methoden in Absprache mit der Betreuungsperson)Iteratives VorgehenISO 9241 Teil 210 bzw. das Unterrichts-Script UEDE wird als grundlegendes Vorgehensmodell verwendet (der Studierende wählt passende Methoden begründet aus dem Methodenkatalog aus):BAK-Analyse Fragen ausgewählt zu je Benutzer, Aufgaben und Kontext und beantwortet -> Design ChallengeQualitative Interviews mit den ZG-VertreternBildung von Benutzergruppen -> Affinity Mapping -> PersonasUser Journey für primäre,… Persona -> Pains, Gains, Jobs, ExperienceScope, Vision -> Ideenfindung für Anpassungen / NeuerungenEntwürfe / Anpassungen Interaction DesignReview mit Experten aus UX-Teamx Iterationen Prototyping-Usability-Walkthtroughs und Auswertung mit ZielgruppenIST- und Sollanalyse mit Hilfe der identifizierten StakeholderEinarbeitung in die bestehende Situation und Tools und SzenarienInitialer Workshop mit dem Team zu den bestehenden Szenarien und Zielen aus Sicht des UX-TeamsKonkurrenzanalyse (andere Hochschulen, UX-Agenturen, Innovations-Agenturen, …)Qualitative Interviews mit pro ZG min. 4 potenziellen Nutzern sind zu führen. Hierbei sollte der Fokus auf ihre konkreten Bedürfnisse bei der Nutzung der Webseite gelegt werden.Analyse und Anpassung der Szenarien gemäss Interviews. Anreicherung der Inhalte mit Bildern, Quotes und Videos.Es sollen mindestens zwei Prototypen erarbeitet und jeweils mit potenziellen Nutzern aus den priorisierten Zielgruppen (UX-Team, Studierenden, Externen Kunden) getestet (pro Iteration min. 4 Personen) werden.Hoher Miteinbezug des UX-Teams Kreativität, Varianten, InnovationBei der Zielsetzung, bei der Wahl des Fokus sowie beim Vorgehen selbst können sich Studierende selbst einbringen, kreative Lösungen suchen und verschiedene Varianten erarbeiten.

Project Idea Metadata

• Project Idea Name: Weiterentwicklung Website HSLU I - UX Team (Fokus Struktur und Inhalt der Webseite)
• Date: 11/28/2022 8:15:29 AM
• Administrators:
  • Melissa Beck

Project Idea Description

Ausgangslage und Problemstellung

Basierend auf den Bachelorarbeiten von Nico Iseli und Jan Kalbermatter soll ein Teil der Website für das UX Research Team der HSLU weiterentwickelt werden. Die Website wurde mit dem CMS Prismic mit NextJS/React umgesetzt. Die Website besteht aus verschiedenen Teilen, die umfangreichsten Bereiche sind die Folgenden: Einerseits wurde das Vorgehensmodell ISO 9241 Teil 210 von Nico Iseli untersucht und erweitert, und deren Prozesse und Methoden werden auf der Website beschrieben. Andererseits werden auch Forschungsprojekte oder Projekte aus der Lehre vorgestellt, bei welchen die jeweiligen Prozesse und Methoden angewendet wurden und deshalb an einem Beispiel erklärt werden können.

Ziel der Arbeit und erwartete Resultate

Das Ziel dieser Arbeit ist die Umsetzung und wenn möglich Fertigstellung der Webseite des UX-Teams.

Hier geht’s um den Rahmen, die genutzten Terminologien und die zielgruppengerechten Inhalte. Wie müssen wir kommunizieren, um das Angebot so zu platzieren, dass die Kunden keine Hürden haben und uns ‘die Bude einrennen’? Es geht ganz grundsätzlich darum, herauszufinden was auf die Webseite muss und wie wir es verkaufen. Was brauchen Auftraggeber, was Studierende, was andere Hochschulen, was Projektpartner aus dem UX-Umfeld?

• Das Ziel kann gemeinsam mit dem UX-Team in einem initialen Workshop noch klar definiert werden.

1. Klärung: Wer ist das UX-Team und wer will es sein (Branding)?
2. Klärung: Was will das UX-Team mit der Webseite? Wer sieht das UX-Team als Nutzniesser der Webseite?
3. Klärung und Priorisierung der Zielgruppen
4. Was will/wollen die ZG auf unserer Webseite? Klärung und Priorisierung der Szenarien anhand der definierten Zielgruppen
5. Kleine Konkurrenzanalyse – was machen andere? Was funktioniert dort?
6. Umsetzung der Szenarien inkl. Überarbeitung des aktuellen Design und allenfalls Anpassung/Erweiterung des Frontends (prismic/NextJS).
7. Was macht die Webseite attraktiv? Inhalte, Soziale Patterns, Interaktionen, Studibeteiligung… ? Ein attraktiver Aspekt der Webseite soll z.B. der Projekt-Evaluator sein.
8. Inhalte ansprechender gestalten unter Einbezug von Text/Quotes/Bild/Videos und tbd.
9. Tests der Szenarien mit den ZG/Personas -> Befunde und Empfehlungen
10. Die Webseite beherbergt auch den Projekt-Evaluator. Absprachen zu Schnittstellen mit Fabio Stecher (BAA Projekt Evaluator) und dem UX-Team sind gewünscht und nötig.
11. Alle Projektverantwortlichen sollen Webseiten-Inhalte im CMS selbst erfassen. Dazu braucht es allenfalls eine Anleitung.
12. Auf der Webseite sollen für alle Inhalte min 2 Beispiele sichtbar sein, damit Tests durchgeführt werden können. Die Inhalte kommen vom UX-Team.

Gewünschte Methoden, Vorgehen

Folgende Methoden und Vorgehensweisen werden verwendet: (Der/die Studierende wählt die geeigneten Methoden in Absprache mit der Betreuungsperson)

• Iteratives Vorgehen
• ISO 9241 Teil 210 bzw. das Unterrichts-Script UEDE wird als grundlegendes Vorgehensmodell verwendet (der Studierende wählt passende Methoden begründet aus dem Methodenkatalog aus):
• BAK-Analyse Fragen ausgewählt zu je Benutzer, Aufgaben und Kontext und beantwortet -> Design Challenge
• Qualitative Interviews mit den ZG-Vertretern
• Bildung von Benutzergruppen -> Affinity Mapping -> Personas
• User Journey für primäre,… Persona -> Pains, Gains, Jobs, Experience
• Scope, Vision -> Ideenfindung für Anpassungen / Neuerungen
• Entwürfe / Anpassungen Interaction Design
• Review mit Experten aus UX-Team
• x Iterationen Prototyping-Usability-Walkthtroughs und Auswertung mit Zielgruppen
• IST- und Sollanalyse mit Hilfe der identifizierten Stakeholder
• Einarbeitung in die bestehende Situation und Tools und Szenarien
• Initialer Workshop mit dem Team zu den bestehenden Szenarien und Zielen aus Sicht des UX-Teams
• Konkurrenzanalyse (andere Hochschulen, UX-Agenturen, Innovations-Agenturen, …)
• Qualitative Interviews mit pro ZG min. 4 potenziellen Nutzern sind zu führen. Hierbei sollte der Fokus auf ihre konkreten Bedürfnisse bei der Nutzung der Webseite gelegt werden.
• Analyse und Anpassung der Szenarien gemäss Interviews.
• Anreicherung der Inhalte mit Bildern, Quotes und Videos.
• Es sollen mindestens zwei Prototypen erarbeitet und jeweils mit potenziellen Nutzern aus den priorisierten Zielgruppen (UX-Team, Studierenden, Externen Kunden) getestet (pro Iteration min. 4 Personen) werden.
• Hoher Miteinbezug des UX-Teams

Kreativität, Varianten, Innovation

Bei der Zielsetzung, bei der Wahl des Fokus sowie beim Vorgehen selbst können sich Studierende selbst einbringen, kreative Lösungen suchen und verschiedene Varianten erarbeiten.

Basierend auf den Bachelorarbeiten von Nico Iseli und Jan Kalbermatter soll die Website für das UX Research Team der HSLU weiterentwickelt werden. Die Website wurde mit dem CMS Prismic mit NextJS/React umgesetzt. Das Ziel kann gemeinsam mit dem UX-Team noch klar definiert werden. Je nach Interesse und Kompetenzen kann ein Fokus auf Design, technische Implementation oder inhaltliche Überarbeitung gesetzt werden.