Webseitenoptimierung mit UI/UX

Name: Webseitenoptimierung mit UI/UX
Availability: InStock

Kostenlos für Dich

durch Förderung

Nach der Vermittlung von Basiswissen im Webdesign und in CMS führt der Kurs in die Konzeption von User Interfaces ein. Die User Experience spielt bei der Webseitenentwicklung eine zentrale Rolle für den Erfolg. Du erfährst, wie Künstliche Intelligenz im Beruf eingesetzt wird.

Abschlussart: Zertifikat „Basiswissen Webdesign und CMS“
Zertifikat „UI/UX-Design“
Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
Unterrichtszeiten: Vollzeit
Dauer: 8 Wochen

Lehrgangsinhalte

Basiswissen Webdesign und CMS

Grundlagen Webdesign HTML5 und CSS3 mit Adobe Dreamweaver und Notepad++ (ca. 12 Tage)

Einführung in das Thema

Einführung in Entwicklungsumgebungen (Notepad++ und Dreamweaver)

Bestandteile einer Internetseite

Suchmaschinenfreundliche Grundstruktur von HTML5

Code-Guideline und Namenskonventionen

Aufbau HTML-Tags und Attribute

Hyperlinks (relativer, absoluter Dateipfad, interne, externe Links)

Listen, Images, Tabellen, Formulare

Formatierung mit CSS3 (Cascading Style Sheets)

Feste und responsive (flexible) Webseiten

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen

Planung und Strukturierung von Websites (ca. 2 Tage)

Konzeptablauf, Ressourcenplanung, Monetarisierung

Konzeption, Seiten- und Strukturaufbau einer Website/eines Webprojektes

Bildmaterial vorbereiten (Größen, Zuschnitt, weboptimiert speichern)

Rechtliche Fragen (Impressum, Datenschutz, Haftungsausschluss)

Grundlagen CMS mit Wordpress (ca. 3 Tage)

Dashboard (Benutzeroberfläche) von Wordpress

Benutzerverwaltung und Profil (passwortgeschützte Bereiche und Rechtemanagement)

Medienverwaltung

Kommentare

Seiten und Beiträge anlegen und bearbeiten

Visueller- und Text-Editor

Veröffentlichung

Designbereich: Menüs, Widgets, CSS-Editor, Theme-Beispiel

Downloads bereitstellen

Theoretisches zu Updates

Projektarbeit (ca. 3 Tage)

Zur Reflexion und Festigung der gelernten Inhalte

Präsentation der Projektergebnisse

UI/UX-Design

Allgemeine Einführung in die Thematik (ca. 1 Tag)

UX, Usability, UI, Mental model, Human factors

Prinzipien der nutzerzentrierten Gestaltung

ISO 9241-210/HCD

Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme

HCD: Analyse – Verstehen und Festlegen des Nutzungskontextes (ca. 3 Tage)

Personae

Empathy Map

Customer Journey

Web Analytics

Fokusgruppen

Fragebogens

HCD: Spezifizieren der Nutzungsanforderung (ca. 1 Tag)

Szenariomodell

Aufgabenmodell

Kontextinterviews

Tagebuchstudien

Teilnehmende Beobachtung

HCD: Erzeugen von Gestaltungslösungen um Nutzungsanforderung zu erfüllen (ca. 1 Tag)

Richtlinien und Normen: 7 Dialogprinzipien der ISO 9241-110

10 Prinzipien des User Interface Designs nach Jakob Nielsen

Visuelle Wahrnehmung, Gesetzmäßigkeiten

HCD-Gestaltungslösungen: Taxonomie Informationsarchitektur & Navigationskonzepte (ca. 3 Tage)

Flow Chart

User Flow

Informationsarchitektur

Micro Informationsarchitektur

Conversion-Strategie

Navigationskonzepte

Sitemap

Card Sorting: Planung, Vorbereitung, Durchführung und Auswertung

Überblick agiles Projektmanagement (ca. 1 Tag)

Wasserfall-Modell vs. Agile

Einblick in agiles Management nach der Scrum-Methode

Epic, User Story und Task

Design Sprint Methode

HCD-Gestaltungslösungen: User Interface Design (ca. 1 Tag)

Styleguide, UI KITs, Pattern Library & Design System

UI Komponenten/Elemente & Formular

Farben, Schrift und Typografie im UI, Icons

Atomic Design

Mobile first Design

HCD-Gestaltungslösungen: Entwurfstechniken mit Figma & XD Adobe (ca. 2 Tage)

Figma vs. Adobe XD

Figma

Die Werkzeugpalette von Figma

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen

Adobe XD

Die Werkzeugpalette von XD

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen

HCD-Evaluierung des Designs gegen die Nutzungsanforderungen – Usability testing (ca. 2 Tage)

Ein Überblick über Usability-Testmethoden Thinking Aloud: Planung, Vorbereitung, Durchführung und Auswertung

(UEQ) User Experience QuestionnaireAttrakDiff

VisAWI – Visual Aesthetics of Websites Inventory

A/B-Testing

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen

Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.

Lehrgangsziel

Wenn du den Lehrgang abgeschlossen hast, verfügst du über fundierte Grundlagenkenntnisse im Bereich Bildbearbeitung, Layout, Webdesign und Content Management Systeme. Du kannst mit den Adobe Programmen Photoshop, InDesign und Dreamweaver arbeiten und kennen das CMS System Wordpress.

Außerdem sind eine überzeugende Usability und gute User Experience die Basis für das Vertrauen der Kundschaft, mit dem Unternehmen in Interaktion zu treten. Dieser Lehrgang vermittelt wichtiges Grundlagenwissen zu den Themen User Experience und User Interface und du lernst entscheidende Richtlinien und Normen für grafische Benutzeroberflächen kennen. Mit den Prototyping Programmen Figma und XD von Adobe bist du in der Lage, interaktive Entwürfe zu erstellen, die mit verschiedenen Methoden getestet und weiterentwickelt werden.

Zielgruppe

Webentwickler:innen, Webdesigner:innen, App-Entwickler:innen, Softwareentwickler:innen, User Interface Designer, Projektleiter:innen, Grafikdesigner:innen, Mediengestalter:innen.

Berufsaussichten

Dein zukünftiger Einsatzbereich kann sowohl im redaktionellen Bereich liegen, aber vor allem auch in der Erstellung von Werbemedien. Die erworbenen Kenntnisse sind branchenübergreifend in allen Medienbereichen nachgefragt. Mit entsprechendem Know-How ist auch die berufliche Selbstständigkeit eine interessante Perspektive.

Mit Fachwissen im Bereich UI und UX verbesserst du deine Chancen als Entwickler:in in Grafik-, Werbe-, Web-, Multimedia- oder Fullservice-Agenturen, aber auch bei Software- und Datenbankanbietern. Kenntnisse im Bereich UI/UX werden in nahezu allen Branchen gefordert.

Unterrichtskonzept

Didaktisches Konzept

Deine Dozierenden sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden dich vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).

Du lernst in effektiven Kleingruppen. Die Kurse bestehen in der Regel aus 6 bis 25 Teilnehmenden. Der allgemeine Unterricht wird in allen Kursmodulen durch zahlreiche praxisbezogene Übungen ergänzt. Die Übungsphase ist ein wichtiger Bestandteil des Unterrichts, denn in dieser Zeit verarbeitest du das neu Erlernte und erlangst Sicherheit und Routine in der Anwendung. Im letzten Abschnitt des Lehrgangs findet eine Projektarbeit, eine Fallstudie oder eine Abschlussprüfung statt.

Virtueller Klassenraum alfaview®

Der Unterricht findet über die moderne Videotechnik alfaview® statt - entweder bequem von zu Hause oder bei uns im Bildungszentrum. Über alfaview® kann sich der gesamte Kurs face-to-face sehen, in lippensynchroner Sprachqualität miteinander kommunizieren und an gemeinsamen Projekten arbeiten. Du kannst selbstverständlich auch deine zugeschalteten Trainer:innen jederzeit live sehen, mit diesen sprechen und du wirst während der gesamten Kursdauer von deinen Dozierenden in Echtzeit unterrichtet. Der Unterricht ist kein E-Learning, sondern echter Live-Präsenzunterricht über Videotechnik.

Fördermöglichkeiten

Die Lehrgänge bei alfatraining werden von der Agentur für Arbeit gefördert und sind nach der Zulassungsverordnung AZAV zertifiziert. Bei der Einreichung eines Bildungsgutscheines oder eines Aktivierungs- und Vermittlungsgutscheines werden in der Regel die gesamten Lehrgangskosten von deiner Förderstelle übernommen.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich. Als Zeitsoldat:in besteht die Möglichkeit, Weiterbildungen über den Berufsförderungsdienst (BFD) zu besuchen. Auch Firmen können ihre Mitarbeiter:innen über eine Förderung der Agentur für Arbeit (Qualifizierungschancengesetz) qualifizieren lassen.