---
title: Responsive oder slide-basiertes Design? Das ist hier die Frage!
description: Responsive Design ist in aller Munde und wird immer mehr zur Voraussetzung für Digital Learning. Aber wie unterscheidet es sich zum klassischeren slide-basierten Design?
image: https://blog.learnchamp.com/hubfs/image-png-Sep-07-2020-09-52-11-23-AM.png
---

[Zum Hauptinhalt springen](https://blog.learnchamp.com/responsive-vs-slide-basiertes-design#main)[Zum Footer springen](https://blog.learnchamp.com/responsive-vs-slide-basiertes-design#footer)

[![LearnChamp Logo – Innovativer Anbieter für digitales Lernen und Lerntechnologien.](https://blog.learnchamp.com/hs-fs/hubfs/Logo_petrol.png?width=243&height=25&name=Logo_petrol.png "LearnChamp Logo – Innovativer Anbieter für digitales Lernen und Lerntechnologien.")](https://www.learnchamp.com)

- [Unser Ansatz](https://www.learnchamp.com/amazing-learning-experience)
- [Über uns](https://www.learnchamp.com/learnchamp)
- Leistungen 
    - [Learning Content](https://www.learnchamp.com/amazing-learning-content)
    - [Learning Technologies](https://www.learnchamp.com/amazing-learning-technologies)
    - [Komplettlösung für KMU](https://www.learnchamp.com/ready-to-use-platform-and-authoring)
    - [Digital Learning Academy](https://www.digitallearningacademy.at/)
- [Referenzen](https://blog.learnchamp.com/topic/referenzen)
- [Blog](https://blog.learnchamp.com/)
- [Kontakt](https://www.learnchamp.com/kontakt)

- [Unser Ansatz](https://www.learnchamp.com/amazing-learning-experience)
- [Über uns](https://www.learnchamp.com/learnchamp)
- Leistungen 
    - [Learning Content](https://www.learnchamp.com/amazing-learning-content)
    - [Learning Technologies](https://www.learnchamp.com/amazing-learning-technologies)
    - [Komplettlösung für KMU](https://www.learnchamp.com/ready-to-use-platform-and-authoring)
    - [Digital Learning Academy](https://www.digitallearningacademy.at/)
- [Referenzen](https://blog.learnchamp.com/topic/referenzen)
- [Blog](https://blog.learnchamp.com/)
- [Kontakt](https://www.learnchamp.com/kontakt)

# Responsive oder slide-basiertes Design? Das ist hier die Frage!

28.09.2020

Eva N.

Sie haben vielleicht auch in Ihrem Unternehmen schon den Begriff „responsive“ aufgeschnappt. Auch für Ihre E-Learning Projekte ist dieser Begriff von enormer Bedeutung. 

**Aber was ist der Unterschied?**

Mit E-Learning Kursen verbinden viele eine PowerPoint-artige Darstellung. Das nennt sich auch **seitenbasiert/slidebasiert**. Hier können Lernende horizontal **vor und zurück navigieren** und auf einer Timeline werden automatisch Elemente wie Audio und Grafiken gestartet. Solche E-Learning Kurse können nur **skalierbar** erstellt werden.  

Skalierbar bedeutet, dass alle Objekte in Ihrem Kurs je nach Platz auf Ihrem Bildschirm nur vergrößert oder verkleinert werden. Das Design wird aber für eine festgelegte Größe entworfen. Ist eine andere Bildschirmdarstellung gewünscht, muss der Kurs mehrfach erstellt und gewartet werden. 

![](https://blog.learnchamp.com/hubfs/image-png-Sep-07-2020-09-52-11-23-AM.png)

Ist es Ihnen wichtig, dass Ihre E-Learning Kurs auch **responsive** funktionieren, wird ein vertikales **Scrolling Design** entworfen. Responsive bedeutet, dass sich Ihre Inhalte **an den Bildschirm anpassen**. Das Design wird so programmiert, dass dasselbe Layout auf verschiedene Bildschirmgrößen „reagiert“. Somit muss ein E-Learning Kurs nur einmal erstellt werden und Inhalte werden ohne Zusatzaufwand auf unterschiedlichen Endgeräten ansprechend dargestellt. 

![](https://blog.learnchamp.com/hubfs/image-png-Sep-07-2020-09-52-20-78-AM.png)

 

**Welches Autorentool kann was?** 

Skalierbare Designs können beispielsweise mit [Articulate Storyline](https://articulate.com/p/storyline-3) oder [Adobe Captivate](https://www.adobe.com/at/products/captivate.html) umgesetzt werden. Ein Vorteil dieses Tools sind die vielfältigen inhaltlichen Einsatzmöglichkeiten. Es können beispielsweise komplexe Inhalte wie ausgefeilte Szenarien und Gamification-Ansätze realisiert werden. Mehr Information zu solchen komplexen und spielerischen Lernelementen erhalten Sie im [Blog Post Gamification](https://blog.learnchamp.com/gamification-im-digital-learning?hsLang=de) im Learning Design.  

Für responsive Designs eignen sich beispielsweise die Autorentools [Evolve](https://www.evolveauthoring.com/)und [Adapt](https://www.adaptlearning.org/). Das moderne Design dieser Tools kennen Ihre Lernenden auch aus dem privaten Umfeld beim Surfen im Internet oder durch ihr Mobiltelefon. Das Lernen wird also durch eine flexible Anwendung unterstützt und passt sich automatisch wirklich an jeden Bildschirm an.  

 

Sie wissen noch nicht genau, welches Format sich besser für Ihr E-Learning Projekt eignet oder möchten mehr zu diesem Thema erfahren? Unser Team steht Ihnen dazu gerne [zur Verfügung](mailto:hellovienna@learnchamp.com).

#### Tags

- [Responsive Learning](https://blog.learnchamp.com/topic/responsive-learning),
- [Digital Learning](https://blog.learnchamp.com/topic/digital-learning)

![](https://blog.learnchamp.com/hubfs/Rebranding%202019/Icons/Icons_Leiste_rechts_lable.svg)

- [Digital Learning (81)](https://blog.learnchamp.com/topic/digital-learning)
- [Totara (47)](https://blog.learnchamp.com/topic/totara)
- [Referenzen (33)](https://blog.learnchamp.com/topic/referenzen)
- [LMS (29)](https://blog.learnchamp.com/topic/lms)
- [Event (19)](https://blog.learnchamp.com/topic/event)
- [Responsive Learning (15)](https://blog.learnchamp.com/topic/responsive-learning)
- [Learning Design (12)](https://blog.learnchamp.com/topic/learning-design)
- [LearnChamp on Tour (11)](https://blog.learnchamp.com/topic/learnchamp-on-tour)
- [Trends (11)](https://blog.learnchamp.com/topic/trends)
- [News (7)](https://blog.learnchamp.com/topic/news)
- [Template Services (7)](https://blog.learnchamp.com/topic/template-services)
- [Digital Learning Academy (6)](https://blog.learnchamp.com/topic/digital-learning-academy)
- [LXP (5)](https://blog.learnchamp.com/topic/lxp)
- [Autorentools (4)](https://blog.learnchamp.com/topic/autorentools)
- [Gamification (4)](https://blog.learnchamp.com/topic/gamification)
- [Video (3)](https://blog.learnchamp.com/topic/video)
- [Support (2)](https://blog.learnchamp.com/topic/support)
- [Totara Learn (2)](https://blog.learnchamp.com/topic/totara-learn)
- [xAPI (2)](https://blog.learnchamp.com/topic/xapi)
- [Ready-to-use (1)](https://blog.learnchamp.com/topic/ready-to-use)
- [TXP (1)](https://blog.learnchamp.com/topic/txp)
- [Virtual Reality (1)](https://blog.learnchamp.com/topic/virtual-reality)

alle anzeigen

[![](https://blog.learnchamp.com/hubfs/Rebranding%202019/Icons/Icons_Leiste_rechts_pfeil_nach_oben.svg)](https://blog.learnchamp.com/responsive-vs-slide-basiertes-design#top)

![](https://blog.learnchamp.com/hubfs/Rebranding%202019/Bubble/Amazing_Bubble_and_Logo.svg)

- [Über uns](https://www.learnchamp.com/learnchamp)
- [Amazing Learning Experience](https://www.learnchamp.com/amazing-learning-experience)
- [Learning Content](https://www.learnchamp.com/amazing-learning-content)
- [Learning Technologies](https://www.learnchamp.com/amazing-learning-technologies)
- [Komplettlösung für KMU](https://www.learnchamp.com/ready-to-use-platform-and-authoring)
- [Digital Learning Academy](https://www.digitallearningacademy.at/)
- [Blog](https://blog.learnchamp.com)

- [Jobs](https://www.learnchamp.com/jobs)
- [Kontakt](https://www.learnchamp.com/kontakt)
- [Portfolio](https://www.learnchamp.com/portfolio)
- [ISO-Zertifizierung](https://www.learnchamp.com/iso-zertifizierung)
- [Datenschutz](https://www.learnchamp.com/datenschutz)
- [Impressum](https://www.learnchamp.com/impressum)

Währinger Straße 3/9 | A-1090 Wien

Tel: +43-1-9081323-0 | Fax: +43-1-9081323-99

E-Mail: [hellovienna@learnchamp.com](mailto:hellovienna@learnchamp.com)

- [![vimeo](https://blog.learnchamp.com/hubfs/Vimeo.png)](https://vimeo.com/showcase/10342447)
- [![linkedin](https://blog.learnchamp.com/hubfs/LinkedIn.png)](https://de.linkedin.com/company/learnchamp)
- [![facebook](https://blog.learnchamp.com/hubfs/Facebook.png)](https://www.facebook.com/learnchamp)

Copyright © 2001 - 2026  
 LearnChamp Consulting GmbH & Co KG

```json
{
  "@context" : "https://schema.org",
  "@type" : "Blog",
  "description" : "Aktuelle Themen rund um E-Learning, Learning Management Systeme (LMS), Learning Experience, Content-Entwicklung und digitale Lerntrends.",
  "mainEntityOfPage" : {
    "@id" : "https://blog.learnchamp.com/",
    "@type" : "WebPage"
  },
  "name" : "LearnChamp Blog",
  "url" : "https://blog.learnchamp.com/"
}
```