-
Certificates: Certificate "Basic knowledge of web design and CMS"
Certificate "UI/UX Design" -
Examination: Practical project work with final presentations
-
Teaching Times: Full-timeMonday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
-
Language of Instruction: German
-
Duration: 8 Weeks
Basic knowledge of web design and CMS
Basics of web design HTML5 and CSS3 with Adobe Dreamweaver and Notepad++ (approx. 12 days)
Introduction to the topic
Introduction to development environments (Notepad++ and Dreamweaver)
Components of a website
Search engine friendly basic structure of HTML5
Code guideline and naming conventions
Structure of HTML tags and attributes
Hyperlinks (relative, absolute file path, internal, external links)
Lists, images, tables, forms
Formatting with CSS3 (Cascading Style Sheets)
Fixed and responsive (flexible) websites
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies
and possible applications in the professional environment
Planning and structuring websites (approx. 2 days)
Concept process, resource planning, monetization
Concept, page and structure design of a website/web project
Preparing image material (sizes, cropping, web-optimized storage)
Legal issues (imprint, data protection, disclaimer)
Basics CMS with Wordpress (approx. 3 days)
Dashboard (user interface) of WordPress
User management and profile (password-protected areas and rights management)
Media management
Comments management
Creating and editing pages and posts
Visual and text editor
Publishing
Design area: menus, widgets, CSS editor, theme example
Providing downloads
Theoretical information on updates
Project work (approx. 3 days)
To reflect on and consolidate the content learned
Presentation of the project results
UI/UX design
General introduction to the topic (approx. 1 day)
UX, usability, UI, mental model, human factors
Principles of user-centered design
ISO 9241-210/HCD
Process for designing usable interactive systems
HCD: Analysis - Understanding and defining the context of use (approx. 3 days)
Personae
Empathy map
Customer Journey
Web analytics
Focus groups
Questionnaire
HCD: Specifying the usage requirement (approx. 1 day)
Scenario model
Task model
Context interviews
Diary studies
Participant observation
HCD: Creating design solutions to meet usage requirements (approx. 1 day)
Guidelines and standards: 7 dialog principles of ISO 9241-110
10 principles of user interface design according to Jakob Nielsen
Visual perception, regularities
HCD design solutions: Taxonomy Information Architecture & Navigation Concepts (approx. 3 days)
Flow Chart
User Flow
Information Architecture
Micro information architecture
Conversion strategy
Navigation concepts
Sitemap
Card Sorting: Planning, preparation, implementation and evaluation
Overview of agile project management (approx. 1 day)
Waterfall model vs. agile
Insight into agile management according to the Scrum method
Epic, user story and task
Design sprint method
HCD design solutions: User Interface Design (approx. 1 day)
Styleguide, UI KITs, Pattern Library & Design System
UI components/elements & form
Colors, font and typography in the UI, icons
Atomic design
Mobile first design
HCD design solutions: Design techniques with Figma & XD Adobe (approx. 2 days)
Figma vs. Adobe XD
Figma
The Figma tool range
Workflow
UI components
Responsive design
Scribbles, wireframes
Interactive prototypes
Adobe XD
The XD tool palette
Workflow
UI components
Responsive Design
Scribbles, wireframes
Interactive prototypes
HCD evaluation of the design against the user requirements - usability testing (approx. 2 days)
An overview of usability testing methods Thinking Aloud: planning, preparation, implementation and evaluation
(UEQ) User Experience QuestionnaireAttrakDiff
VisAWI - Visual Aesthetics of Websites Inventory
A/B testing
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies and possible applications in the professional environment
Project work (approx. 5 days)
To consolidate the content learned
Presentation of the project results
Changes are possible. The course content is updated regularly.
Once you have completed the course, you will have a sound basic knowledge of image editing, layout, web design and content management systems. You can work with the Adobe programs Photoshop, InDesign and Dreamweaver and are familiar with the CMS system Wordpress.
In addition, convincing usability and a good user experience are the basis for customers' trust in interacting with the company. This course provides important basic knowledge on the topics of user experience and user interface and you will learn about key guidelines and standards for graphical user interfaces. Using the prototyping programs Figma and XD from Adobe, you will be able to create interactive designs that are tested and further developed using various methods.
Web developers, web designers, app developers, software developers, user interface designers, project managers, graphic designers, media designers.
Your future area of work can be in the editorial field, but above all in the creation of advertising media. The skills you acquire are in demand across all media sectors. With the appropriate know-how, self-employment is also an interesting prospect.
With specialist knowledge in UI and UX, you will improve your chances as a developer in graphics, advertising, web, multimedia or full-service agencies, as well as with software and database providers. Knowledge in the field of UI/UX is required in almost all industries.
Didactic concept
Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).
You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.
Virtual classroom alfaview®
Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.
The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).