Browsed by
Kategorie: Allgemein

Design Thinking im Kommunikationsdesign: zwei Fallstudien

Design Thinking im Kommunikationsdesign: zwei Fallstudien

Das Institut für Multimedia Production (IMP) hat die Innovationsmethodik Design Thinking in zwei Fallstudien auf ihre Tauglichkeit in Bezug auf Kommunikationsdesign erforscht. Es wurde der Frage nachgegangen, ob anhand dieses Ansatzes tatsächlich jede Art von User Experience von Grund auf überdacht und verbessert werden kann. Design Thinking ist eine Projektmethode mit amerikanischen Wurzeln, die nun auch in der Schweiz ihren Platz als Innovationsförderin gefunden hat. Zurzeit wird sie in den Medien richtiggehend zelebriert. Zahlreiche Bücher dazu sind erschienen, das Kursangebot ist…

Weiterlesen Weiterlesen

P5 – die Programmiersprache für Designer, Künstler und Einsteiger

P5 – die Programmiersprache für Designer, Künstler und Einsteiger

P5 ist eine einfache Programmiersprache, welche zum Werkzeugkasten von Generative Design gehört. P5 wird verwendet, um mit Hilfe von Code Visualisierungen, Ideen, Prototypen oder Zeichnungen (Sketches) für den Browser zu programmieren. Die Javascript-Bibliothek eignet sich für Designer, Künstler, Programmiereinsteiger und Lebenskünstler. Im ersten Semester der Interaktiven Medien des Studiengangs Multimedia Production verwenden wir P5 als Einführung in die Programmierung. Aus diesem Grunde entsteht in den nächsten Wochen unter der URL http://p5js.ch/ ein Einsteiger-Tutorial. P5 wurde von Lauren McCarthy und Dan…

Weiterlesen Weiterlesen

CSS Grid Tutorial

CSS Grid Tutorial

CSS Grid eignet sich zur Erstellung komplexer Layouts für Web-Sites. Seit dem 17. Oktober 2017 unterstützen alle Browser die Befehle. Unser Tutorial gibt eine Einführung in die CSS Grids. CSS Grid sind eine Spezifikation des W3 Konsortiums, welche das Layouten mit Spalten und Zeilen im Browser regelt. Seit Oktober 2017 unterstützen alle Browser die Spezifikation. Diese wird überarbeitet, ein Teil der Befehle wird in Zukunft in das neue Box Alignment Module Level 3 verlagert. Zum Glück gibt es auch die…

Weiterlesen Weiterlesen

One-Pagers im Eye-Tracking Test

One-Pagers im Eye-Tracking Test

One-Pagers sind, wie der Name schon sagt, Webseiten die aus einer einzigen Seite bestehen. In der Regel befinden sich sämtliche Informationen auf der Startseite. Lediglich Informationen wie Impressum, AGBs oder Kontakt sind häufig ausgegliedert.  Ein One-Pager ist somit vergleichbar mit einer Straße, die man auf- und ablaufen kann. Abzweigungen gibt es nicht. Oft liegt der Seite ein Parallax-System zu Grunde. Das heisst, dass der eigentliche Inhalt vor einem Hintergrundbild liegt, welches sich mit dem Scroll ebenfalls verändert. Im Laufe der letzten Jahre…

Weiterlesen Weiterlesen

3D im Web

3D im Web

Dank x3dom, einer Entwicklung der Fraunhofer-Gesellschaft ist das Erstellen und Einbetten von 3D Grafiken im Browser ein Kinderspiel. Im HTML-Code werden einfache Befehle für das Erzeugen von 3D Objekten, Texturen etc. eingegeben. Die Spezifikation erlaubt auch das Einbinden von Video- und Audiodateien sowie das Programmieren von Interaktivität. Der Code für obiges Beispiel ist extrem einfach und verständlich: Weitere Beispiele Veränderter Viewport und Lichtquelle Beispiel mit Bild und Video Interaktivität Animation Im Live Beispiel lässt sich der Inhalt mit der Maus…

Weiterlesen Weiterlesen

SI Magazine

SI Magazine

Im regelmässig erscheinenden SI Magazine erschien kürzlich ein Artikel von Ines Jansky mit dem Titel «SciencEmotion | Technik für Jugendliche». Darin wird die Frage aufgeworfen, wie es gelingen könnte, Jugendliche im Alter von 12-21 für technische Themen und Berufswege zu begeistern. Das Projekt sciencEmotion der HTW Chur geht, auf Basis von eigenen neuen wissenschaftlichen Untersuchungen, direkt auf Jugendliche zu und bezieht sie in die Lösung ein. Im Januar wurde im SI Magazine der MMP Studiengang vorgestellt, kurze Zeit später erschien…

Weiterlesen Weiterlesen

Grid Layout Bibliothek Masonry

Grid Layout Bibliothek Masonry

Die Javascript Bibliothek Masonry erlaubt das schnelle Erstellen von grafischen Layouts. Mit von der Bibliothek gegebenen Klassen können sehr schnell unregelmässige Layouts gestaltet werden: HTML- und CSS-Code sind einfach und verständlich: Auf der Website von David De Sandro finden sich viele Beispiele mit Code sowie umfangreiche Tutorials.

Barrierefreiheit von Apps testen

Barrierefreiheit von Apps testen

Die SBB App ist eine von der Schweizer Bevölkerung meist genutzten Apps. Unter diesen 8’417.7001 Personen befinden sich schätzungsweise 1’586’0002 Menschen – in privaten Haushalten lebend – mit einer körperlichen, kognitiven oder psychischen Einschränkung. Es ist also keine Frage ob die SBB App barrierefrei sein muss. Nun scheint die wissenschaftliche Forschung zu Usability Heuristiken angehalten zu sein. Seit 2006 wurden keine neue, bedeutungsvolle Heuristiken für interaktive Medien publiziert. In 2007 kam das Smartphone auf dem Markt, wodurch sich die Mensch-Computer Interaktion beträchtlich veränderte. Die Interaktion auf Mobile…

Weiterlesen Weiterlesen

SEO Quick Win mit Google PageSpeed Insights

SEO Quick Win mit Google PageSpeed Insights

Google Webmasters Tools, seit einiger Zeit Google Suchkonsole genannt,  ist eine riesige Werkzeugkiste für SEO-Profis. Mit schnellen Resultaten muss man nicht rechnen, Suchmaschinenoptimierung ist Knochenarbeit, bei der  Regelmässigkeit und langfristig die Schlüsselwörter sind. Doch der eine und der andere SEO Quick Win ist durchaus möglich. Eins davon bietet die Funktion PageSpeed Insights. Einfach die URL der Website eintippen, das Tool analysiert gleich für mobile und für Desktop. Gemäss Google gibt es Handlungsbedarf wenn die Score unter 75 liegt. Ob nun…

Weiterlesen Weiterlesen

In Metaphern und Bildern unterrichten

In Metaphern und Bildern unterrichten

Was ist eine API? Was bedeutet Sandboxing? Immer wieder hören wir diese Fragen von den Studierenden. Oft ist es sinnvoller, die Begriffe in Metaphern oder Bildern als technisch zu erklären. Genau hier setzt die von der Washington Post und Jigsaw ins Leben gerufene Site Sideways Dictionary ein. Die Begriffe werden mit Methapern erklärt, man kann auch eigene da zufügen! Die Antwort auf die Frage: Was ist eine API?