<commit_before><!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Das ist IG: Interaktionsgestaltung studieren an der HfG Schwäbisch Gmünd</title>
   
   <meta name="description" content="interaktionsgestaltung.io ist eine unabhängige Informationsseite über Studium und Studentenleben an der Hochschule für Gestaltung in Schwäbisch Gmünd.">
   <meta name="keywords" content="Interaktionsgestaltung, Interaktion, Interface, User Experience, User Interface, IxD, UI, Design, Gestaltung, Schwäbisch Gmünd, studieren, Studium, HfG Schwäbisch Gmünd">
   <meta name="author" content="<NAME>, <NAME>">

   <meta name="apple-mobile-web-app-title"  content="Interaktionsgestaltung.io">
   <link rel="icon" href="http://ig.hfg-gmuend.de/favicon.png"/>
   <link href="_assets/img/apple-touch-icon.png" rel="apple-touch-icon">
   
<!--                                                    
                                                        __      
                                                       /\ \_
     __  __  __     __       __  __  __     __      ___\ \ ,_\    __  __    ___   __  __  
    /\ \/\ \/\ \  /'__`\    /\ \/\ \/\ \  /'__`\  /' _ `\ \ \/   /\ \/\ \  / __`\/\ \/\ \ 
    \ \ \_/ \_/ \/\  __/    \ \ \_/ \_/ \/\ \L\.\_/\ \/\ \ \ \_  \ \ \_\ \/\ \L\ \ \ \_\ \
     \ \___x___/'\ \____\    \ \___x___/'\ \__/.\_\ \_\ \_\ \__\  \/`____ \ \____/\ \____/
      \/__//__/   \/____/     \/__//__/   \/__/\/_/\/_/\/_/\/__/   `/___/> \/___/  \/___/ 
                                                                      /\___/ 
                                                                      \/__/ 
-->


      
   <link rel="stylesheet" href="_assets/css/reset.css"/>
   <link href='http://fonts.googleapis.com/css?family=Lato:100,400,700,400italic' rel='stylesheet' type='text/css'>
	 <link rel="stylesheet" href="_assets/css/site.css" />
   <link rel="stylesheet" href="_assets/css/eyecandy.css" />

</head>

<body>

  <header id="header">
  		<div id="slideshow">
  			<div class="slide activeSlide" style="background-image: url(img/cover_barbeque.jpg);" data-link="#studentenleben">Studentenleben</div>
  			<div class="slide" style="background-image: url(img/cover_medienlabor.jpg);" data-link="#einrichtungen">Medienlabor</div>
  			<div class="slide" style="background-image: url(img/cover_wal.jpg);" data-link="#freizeit-und-nachtleben">Erstiparty</div>
  			<div class="slide" style="background-image: url(img/cover_vorlesung.jpg);" data-link="#was-ist-interaktionsgestaltung">Vorlesung</div>
  			<div class="slide" style="background-image: url(img/cover_exil.jpg);" data-link="#studentenleben">Studentenkneipe</div>
  			<div class="slide" style="background-image: url(img/cover_tess.jpg);" data-link="#was-ist-interaktionsgestaltung">Interface</div>
  			<div class="slide" style="background-image: url(img/cover_gmuend.jpg);" data-link="#studentenleben">Schwäbisch Gmünd</div>
  			<div class="slide" style="background-image: url(img/cover_movingtypes.jpg);" data-link="#was-ist-interaktionsgestaltung">Ausstellung</div>
  			
  			
  			<div id="that-is">Das ist <a href="#">Studentenleben</a>.</div>
  		</div>
  		
  		
  		<div id="caption">
  			<h2>Interaktionsgestaltung studieren</h2>
  			<p>
  				interaktionsgestaltung.io ist eine unabhängige Informationsseite über Studium und Studentenleben an der Hochschule für Gestaltung in Schwäbisch Gmünd. <a href="#studium">Scroll&nbsp;'runter&nbsp;für&nbsp;mehr</a>
  			</p>
  		</div>
  		
  		<menu>
  			<h1><a href="#header">interaktionsgestaltung.io</a></h1>
  			<ul>
  				<li id="menu_studium" class="mmenu active"><a href="#studium"><span>Studium</span></a>
  					<ul class="dropdown">
  						<li><a href="#was-ist-interaktionsgestaltung">Was ist Interaktionsgestaltung?</a></li>
  						<li><a href="#worum-gehts-im-studium">Worum geht's im Studium?</a></li>
  						<li><a href="#projekte">Projekte</a></li>
  						<li><a href="#nach-dem-studium">Nach dem Studium</a></li>
  					</ul>
  				</li>
  				<li id="menu_studentenleben" class="mmenu"><a href="#studentenleben"><span>Studentenleben</span></a>
  					<ul class="dropdown">
  						<li><a href="#leben-und-wohnen">Leben und Wohnen in Gmünd</a></li>
  						<li><a href="#freizeit-und-nachtleben">Freizeit und Nachtleben</a></li>
  					</ul>
  				</li>
  				<li  id="menu_hochschule" class="mmenu"><a href="#hochschule"><span>Hochschule</span></a>
  					<ul class="dropdown">
  						<li><a href="#gebaeude">Gebäude</a></li>
  						<li><a href="#einrichtungen">Einrichtungen</a></li>
  						<li><a href="#engagement">Engagement mit Format</a></li>
  						<li><a href="#was-ist-schon-perfekt">Was ist schon perfekt?</a></li>
  					</ul>
  				</li>
  				<li  id="menu_bewerbung"  class="mmenu"><a href="#bewerbung"><span>Bewerbung</span></a>
  				</li>
  				<li id="menu_kontakt" class="rightalign mmenu">
            <a href="#kontakt"><span>Noch Fragen?</span></a>
          </li>
  			</ul>
  		</menu>
  		
  	</header>
	
   
   
   <main>
      <section id="studium">
         
                  <article id="was-ist-interaktionsgestaltung">
                     <div class="text">
                      <h3>Studium</h3>
                        <p>
                           Vielleicht hast du schon einmal von Interface-, Interaction- oder User Experience Design gehört. Genau darum handelt es sich beim Studienfach Interaktionsgestaltung (IG).
                        </p>
                        <blockquote>
                           Kennst du eine richtig gute App? <br/>Dann war wohl ein Interaktionsgestalter daran beteiligt.
                        </blockquote>
                        <p>
                        	Unsere Aufgabe ist, den Umgang mit Produkten und Software, neuen Technologien oder interaktiven Ausstellungs-Exponaten angenehm zu gestalten. 
                        </p>
                        
                        
                        <p>
                        	Gute Interaktionsgestaltung fällt meist nicht auf, schlechte dafür umso mehr.
                        </p>
                        
                        <p>
                        	Schonmal am Bahnautomat verzweifelt oder der Oma vor dir dabei zugesehen? Hier gibt es jede Menge Potenzial für bessere Gestaltung.
                        </p>
                      
                        
                     </div>
                     <div class="eyecandy">
                     	<p>           
                       <figure class="full">
                         <a href="#" class="footnote left">01</a>
                         <img src="img/studium_tess.jpg" alt="Tess Fluglotsenarbeitsplatz" />
                         <figcaption>In unserem Studiengang geht es nicht nur um spaßige Apps. Wir kümmern uns auch um komplexe Interfaces, bei deinen ein Bedienfehler über Leben und Tod entscheiden kann. Hier zum Beispiel ein neu gestalteter Fluglotsenarbeitsplatz.</figcaption>
                       </figure>
                       
                       <figure class="two-thirds shift-left">
                           <a href="#" class="footnote left">02</a>
                           <img src="img/studium_stufenlos.jpg" alt="Stufenlos" />
                         </figure> 
                       
                         <figure class="half shift-right shift-up-quattro shift-half">
                           <a href="#" class="footnote right">03</a>
                           <img src="img/studium_installation.jpg" alt="Ziemlich geile Installation" />
                           <figcaption>Ein Ausstellungsexponat</figcaption>
                         </figure>
                        </p>
                     </div>
                  </article>
         
                  <article id="worum-gehts-im-studium">
                     <div class="text">
                     		<h4>Was ist Interaktionsgestaltung?</h4>
                           <p>
                          Interaktionsgestaltung ist eine junge Designdisziplin. Sie besteht aus Bereichen der Kommunikations- und Produktgestaltung aber auch aus angrenzenden Disziplinen wie Psychologie oder Mechatronik. 
                        </p>
         
                        <blockquote>Wir sind keine Programmierer.<br>
                          Das können andere besser.
                        </blockquote>
      
                         <p>
                           Bei Interaktionsgestaltung geht es um das drum herum von Technologie: Wie "fühlt" sich eine gute App an? Wie werden wir in Zukunft mit Computern interagieren? <br>
                           Oder auch ganz einfach: wie bringe ich Kindern besser Rechnen bei?
                        </p>
         
                        <p>
                           Aktuelles gibt's auf:
                        </p>
      
                        <p>
                          <a class="link_facebook" href="https://www.facebook.com/pages/HFG-Gmuend-Interaktionsgestaltung/94877853915?fref=ts">IG</a>
                          <a class="link_facebook" href="https://www.facebook.com/hochschule.gestaltung">HfG bei Facebook</a>
                          <a class="link_hfg" href="http://www.hfg-gmuend.de">Hochschulwebsite</a>
                          <div class="float_breaker"></div>
                         </p>
      
                        <p>
                           Und detaillierte Informationen zum Studium an der HfG findest du im <a href="http://www.hfg-gmuend.de/studienfuehrer.html">Studienführer</a>.
                        </p>
         
         
                     </div>
         
                     <div class="eyecandy">	
                     	<p>
                        
                        <commit_msg>removed broken link to 'Studienführer'<commit_after><!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Das ist IG: Interaktionsgestaltung studieren an der HfG Schwäbisch Gmünd</title>
   
   <meta name="description" content="interaktionsgestaltung.io ist eine unabhängige Informationsseite über Studium und Studentenleben an der Hochschule für Gestaltung in Schwäbisch Gmünd.">
   <meta name="keywords" content="Interaktionsgestaltung, Interaktion, Interface, User Experience, User Interface, IxD, UI, Design, Gestaltung, Schwäbisch Gmünd, studieren, Studium, HfG Schwäbisch Gmünd">
   <meta name="author" content="<NAME>, <NAME>">

   <meta name="apple-mobile-web-app-title"  content="Interaktionsgestaltung.io">
   <link rel="icon" href="http://ig.hfg-gmuend.de/favicon.png"/>
   <link href="_assets/img/apple-touch-icon.png" rel="apple-touch-icon">
   
<!--                                                    
                                                        __      
                                                       /\ \_
     __  __  __     __       __  __  __     __      ___\ \ ,_\    __  __    ___   __  __  
    /\ \/\ \/\ \  /'__`\    /\ \/\ \/\ \  /'__`\  /' _ `\ \ \/   /\ \/\ \  / __`\/\ \/\ \ 
    \ \ \_/ \_/ \/\  __/    \ \ \_/ \_/ \/\ \L\.\_/\ \/\ \ \ \_  \ \ \_\ \/\ \L\ \ \ \_\ \
     \ \___x___/'\ \____\    \ \___x___/'\ \__/.\_\ \_\ \_\ \__\  \/`____ \ \____/\ \____/
      \/__//__/   \/____/     \/__//__/   \/__/\/_/\/_/\/_/\/__/   `/___/> \/___/  \/___/ 
                                                                      /\___/ 
                                                                      \/__/ 
-->


      
   <link rel="stylesheet" href="_assets/css/reset.css"/>
   <link href='http://fonts.googleapis.com/css?family=Lato:100,400,700,400italic' rel='stylesheet' type='text/css'>
	 <link rel="stylesheet" href="_assets/css/site.css" />
   <link rel="stylesheet" href="_assets/css/eyecandy.css" />

</head>

<body>

  <header id="header">
  		<div id="slideshow">
  			<div class="slide activeSlide" style="background-image: url(img/cover_barbeque.jpg);" data-link="#studentenleben">Studentenleben</div>
  			<div class="slide" style="background-image: url(img/cover_medienlabor.jpg);" data-link="#einrichtungen">Medienlabor</div>
  			<div class="slide" style="background-image: url(img/cover_wal.jpg);" data-link="#freizeit-und-nachtleben">Erstiparty</div>
  			<div class="slide" style="background-image: url(img/cover_vorlesung.jpg);" data-link="#was-ist-interaktionsgestaltung">Vorlesung</div>
  			<div class="slide" style="background-image: url(img/cover_exil.jpg);" data-link="#studentenleben">Studentenkneipe</div>
  			<div class="slide" style="background-image: url(img/cover_tess.jpg);" data-link="#was-ist-interaktionsgestaltung">Interface</div>
  			<div class="slide" style="background-image: url(img/cover_gmuend.jpg);" data-link="#studentenleben">Schwäbisch Gmünd</div>
  			<div class="slide" style="background-image: url(img/cover_movingtypes.jpg);" data-link="#was-ist-interaktionsgestaltung">Ausstellung</div>
  			
  			
  			<div id="that-is">Das ist <a href="#">Studentenleben</a>.</div>
  		</div>
  		
  		
  		<div id="caption">
  			<h2>Interaktionsgestaltung studieren</h2>
  			<p>
  				interaktionsgestaltung.io ist eine unabhängige Informationsseite über Studium und Studentenleben an der Hochschule für Gestaltung in Schwäbisch Gmünd. <a href="#studium">Scroll&nbsp;'runter&nbsp;für&nbsp;mehr</a>
  			</p>
  		</div>
  		
  		<menu>
  			<h1><a href="#header">interaktionsgestaltung.io</a></h1>
  			<ul>
  				<li id="menu_studium" class="mmenu active"><a href="#studium"><span>Studium</span></a>
  					<ul class="dropdown">
  						<li><a href="#was-ist-interaktionsgestaltung">Was ist Interaktionsgestaltung?</a></li>
  						<li><a href="#worum-gehts-im-studium">Worum geht's im Studium?</a></li>
  						<li><a href="#projekte">Projekte</a></li>
  						<li><a href="#nach-dem-studium">Nach dem Studium</a></li>
  					</ul>
  				</li>
  				<li id="menu_studentenleben" class="mmenu"><a href="#studentenleben"><span>Studentenleben</span></a>
  					<ul class="dropdown">
  						<li><a href="#leben-und-wohnen">Leben und Wohnen in Gmünd</a></li>
  						<li><a href="#freizeit-und-nachtleben">Freizeit und Nachtleben</a></li>
  					</ul>
  				</li>
  				<li  id="menu_hochschule" class="mmenu"><a href="#hochschule"><span>Hochschule</span></a>
  					<ul class="dropdown">
  						<li><a href="#gebaeude">Gebäude</a></li>
  						<li><a href="#einrichtungen">Einrichtungen</a></li>
  						<li><a href="#engagement">Engagement mit Format</a></li>
  						<li><a href="#was-ist-schon-perfekt">Was ist schon perfekt?</a></li>
  					</ul>
  				</li>
  				<li  id="menu_bewerbung"  class="mmenu"><a href="#bewerbung"><span>Bewerbung</span></a>
  				</li>
  				<li id="menu_kontakt" class="rightalign mmenu">
            <a href="#kontakt"><span>Noch Fragen?</span></a>
          </li>
  			</ul>
  		</menu>
  		
  	</header>
	
   
   
   <main>
      <section id="studium">
         
                  <article id="was-ist-interaktionsgestaltung">
                     <div class="text">
                      <h3>Studium</h3>
                        <p>
                           Vielleicht hast du schon einmal von Interface-, Interaction- oder User Experience Design gehört. Genau darum handelt es sich beim Studienfach Interaktionsgestaltung (IG).
                        </p>
                        <blockquote>
                           Kennst du eine richtig gute App? <br/>Dann war wohl ein Interaktionsgestalter daran beteiligt.
                        </blockquote>
                        <p>
                        	Unsere Aufgabe ist, den Umgang mit Produkten und Software, neuen Technologien oder interaktiven Ausstellungs-Exponaten angenehm zu gestalten. 
                        </p>
                        
                        
                        <p>
                        	Gute Interaktionsgestaltung fällt meist nicht auf, schlechte dafür umso mehr.
                        </p>
                        
                        <p>
                        	Schonmal am Bahnautomat verzweifelt oder der Oma vor dir dabei zugesehen? Hier gibt es jede Menge Potenzial für bessere Gestaltung.
                        </p>
                      
                        
                     </div>
                     <div class="eyecandy">
                     	<p>           
                       <figure class="full">
                         <a href="#" class="footnote left">01</a>
                         <img src="img/studium_tess.jpg" alt="Tess Fluglotsenarbeitsplatz" />
                         <figcaption>In unserem Studiengang geht es nicht nur um spaßige Apps. Wir kümmern uns auch um komplexe Interfaces, bei deinen ein Bedienfehler über Leben und Tod entscheiden kann. Hier zum Beispiel ein neu gestalteter Fluglotsenarbeitsplatz.</figcaption>
                       </figure>
                       
                       <figure class="two-thirds shift-left">
                           <a href="#" class="footnote left">02</a>
                           <img src="img/studium_stufenlos.jpg" alt="Stufenlos" />
                         </figure> 
                       
                         <figure class="half shift-right shift-up-quattro shift-half">
                           <a href="#" class="footnote right">03</a>
                           <img src="img/studium_installation.jpg" alt="Ziemlich geile Installation" />
                           <figcaption>Ein Ausstellungsexponat</figcaption>
                         </figure>
                        </p>
                     </div>
                  </article>
         
                  <article id="worum-gehts-im-studium">
                     <div class="text">
                     		<h4>Was ist Interaktionsgestaltung?</h4>
                           <p>
                          Interaktionsgestaltung ist eine junge Designdisziplin. Sie besteht aus Bereichen der Kommunikations- und Produktgestaltung aber auch aus angrenzenden Disziplinen wie Psychologie oder Mechatronik. 
                        </p>
         
                        <blockquote>Wir sind keine Programmierer.<br>
                          Das können andere besser.
                        </blockquote>
      
                         <p>
                           Bei Interaktionsgestaltung geht es um das drum herum von Technologie: Wie "fühlt" sich eine gute App an? Wie werden wir in Zukunft mit Computern interagieren? <br>
                           Oder auch ganz einfach: wie bringe ich Kindern besser Rechnen bei?
                        </p>
         
                        <p>
                           Aktuelles gibt's auf:
                        </p>
      
                        <p>
                          <a class="link_facebook" href="https://www.facebook.com/pages/HFG-Gmuend-Interaktionsgestaltung/94877853915?fref=ts">IG</a>
                          <a class="link_facebook" href="https://www.facebook.com/hochschule.gestaltung">HfG bei Facebook</a>
                          <a class="link_hfg" href="http://www.hfg-gmuend.de">Hochschulwebsite</a>
                          <div class="float_breaker"></div>
                         </p>
         
                     </div>
         
                     <div class="eyecandy">	
                     	<p>
                        
                        
{'fraction_non_alphanumeric': 0.1351937984496124, 'fraction_numerical': 0.003927648578811369, 'mean_word_length': 1.5828884143085957, 'pattern_counts': {'":': 0, '<': 419, '<?xml version=': 0, '>': 421, 'https://': 4, 'lorem ipsum': 0, 'www.': 7, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 32, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4345637', 'n_tokens_mistral': 6447, 'n_tokens_neox': 6040, 'n_words': 1083}