Usability- und Interaktions-Design

Die JLU plant einen Relaunch ihrer Website und hat dafür ein Projekt gestartet. Im Rahmen der vorliegenden Ausschreibung soll externe Unterstützung für die Bereiche technische Umsetzung und User Experience (UX) beauftragt werden. Diese beiden Bereiche werden dabei als separate Lose ausgeschrieben. Im Projekt bildet Content (Redaktionskonzept und Inhalt) den dritten Bereich ab. Dieser wird vom Projektteam der JLU abgedeckt. Für das Relaunch-Projekt ist eine Laufzeit von vier Jahren geplant. Die Ausschreibung erfolgt in zwei Losen: •Los 1: Usability- und Interaktions-Design •Los 2: Technische Implementierung (Block A), Hosting und Betrieb (Block B) Los 1: Usability- und Interaktions-Design Entwicklung Corporate Design (Web) •Auf Basis des bereits bestehenden Corporate Design Konzepts und der vorhandenen Assets und Artefakte •Auf Basis von Layoutvorschlägen, die im Rahmen von Vorstellungen (Pitch, Durchführung von JLU-internen Workshops, etc. - jeweils in deutscher Sprache: Sprachlevel C2 - GER) vor JLU-Gremien abgenommen wurde Erarbeitung Styleguides Web •Definition von Farben, Typografie, Bildstil, Icons und anderen visuellen Elementen in Abstimmung mit der Auftraggeberin. •Erstellung eines umfassenden Styleguides für die Webseite. •Auf Anlage 3 dieser Leistungsbeschreibung ("Corporate Design - Styleguide für Print-Produkte") wird als Orientierung verwiesen. Erstellung von Wireframes und Prototypen •Entwicklung von low-fidelity Wireframes zur Strukturierung der Seiten. •Erstellung von interaktiven Prototypen zur Visualisierung des Nutzerflusses und der Interaktionen. Gestaltung von Seiten-Templates, Building Blocks, etc. Seitentypen •Startseite, •unterschiedliche Übersichtseiten-Typen (u. a. für Gesamtuniversität, Fachbereiche, Institute, Zentren, Dezernate, Stabsabteilungen, Studiengänge und Forschungsprojekte) •Contentseiten (auch mit dynamischer Inhaltseinbindung) •Termindarstellungen •News-Elemente •Personenseiten •Landingpage •Formulare •Bildergalerien, gegebenenfalls mit Downloadfunktion •Fehlermeldungsseiten •sowie weitere Seitentypen Die Entwicklung erfolgt gemeinsam mit der Auftraggeberin im Rahmen interner Workshops in deutscher Sprache entsprechend GER-Sprachniveau C2). Zentrale Design-Elemente •Header und Footer: Gestaltung der oberen und unteren Bereiche der Seiten. •Navigation: Design der Haupt- und Unternavigation in enger Abstimmung mit einem durch die JLU zu erstellenden Content-Konzept. •Call-to-Actions (CTAs): Erstellung von auffälligen und effektiven CTAs. •Content-Bereiche: Gestaltung der Hauptinhaltbereiche der Seiten oFlexible Text-Medien-Kombinationen oFlexible Darstellung von Medien oTeaser-Elemente oStrukturierte und übersichtliche Darstellung größerer (Text-)Inhalte •Gestaltung eines Darstellungsformats für komplexe Daten und Strukturen in Form von Schaubildern oder Diagrammen (z. B. als Alternative zu Tabellen), wobei Barrierefreiheit als übergreifender Gestaltungsaspekt besonders zu berücksichtigen ist. Responsiveness (unter dem Aspekt "Mobile First") Breakpoints •Definition von Breakpoints für verschiedene Bildschirmgrößen (zum Beispiel Desktop, Tablet, Mobil). Adaptive Layouts •Erstellung von adaptiven Layouts, die sich an die verschiedenen Bildschirmgrößen anpassen. Touch-Friendly Elements •Anpassung von interaktiven Elementen für die Nutzung auf Touchscreen-Geräten. Interaktionsdesign Entwicklung eines UX-Designs, das sich an den Anforderungen der vielfältigen Zielgruppen der Universität orientiert. Im Fokus stehen hierbei Studieninteressierte sowie hochschul- und forschungspolitische Stakeholder, insbesondere im Zusam-menhang mit der "Exzellenzstrategie des Bundes und der Länder". Benutzerfluss und -pfade (User Journey und Navigation) •Inhaltlicher Aufbau der Navigation- und Seitenstruktur (Einheitlichkeit und Berücksichtigung der Nutzendenperspektive). •Definition der Benutzerflüsse und -pfade durch die Anwendung. Entwicklung zielgruppengerechter Interaktionsmodelle nach Konzeptvorlagen der...