Kostenlose Beratung 0800 5770577 Mo. - Fr. von 8 bis 17 Uhr kostenfrei aus allen Netzen.

Webseitenoptimierung mit UI/UX

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
    Montag bis Freitag von 08:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
  • Dauer: 8 Wochen

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

Fragebogen


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.

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.

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

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.

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.

 

Alle Lehrgänge 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 Ihrer 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.