Geschrieben von

Riana

am

20.6.2023

Sonic Interaction

Kennt ihr diese "most oddly satisfying videos to watch before sleep"? Sie sollen beruhigend wirken, wenn man sie anschaut. Lars verspürt dieses Gefühl, wenn er sich einen Kugelstosspendel anschaut.

Aber wisst ihr, in den satisfying videos gibt es oft auch noch beruhigende Musik. Da kann das Klicken der zusammenstossenden Kugeln nicht mithalten. Oder doch?

In diesem Modul experimentierte Lars mitsamt seiner Gruppe mit Klängen. Ihr wisst bestimmt schon, worauf das hinausläuft. Die Gruppe hat das Klicken der Kugeln aufgenommen. Nein, Spass beiseite! Wo wäre da auch die Herausforderung geblieben?

Sie liessen sich von der beruhigenden Wirkung des Kugelstosspendels inspirieren. Für ihr Projekt nahmen sie sich ein normales Pendel zur Hand. Dieses haben sie auf ungewöhnliche, kreative Art und Weise modifiziert.

Jemals ein Pendel mit installiertem Mikrofon daran gesehen? Ich nicht! Wer mitstudiert, denkt sich nun wahrscheinlich: Aber nur ein Mikrofon an einem Pendel kann doch noch keine Klänge aufnehmen? Höchstens ein Rauschen. Auch dieses Hindernis haben sie überwunden. Auf der Fläche unter dem Pendel haben sie dazu Lautsprecher hingestellt. Wer ein wenig Musik versiert ist, der weiss was passiert. Wenn ein Mikrophon zu nahe an einen Lautsprecher kommt, gibt es eine Rückkopplung bzw. ein Ton. Dank dieser genialen Idee war es der Gruppe möglich mit dem Pendel Klänge zu generieren. Durch das Anpassen der Länge des Seils konnten sie sogar verschiedene Töne erzeugen.  

Die generierten Klänge erinnern an den Klang eines Theremins. Für alle, die das nicht kennen; Sci-fi. Es hört sich nach Sci-fi an.  

Dennoch, ob entspannend oder nicht; Satisfying to watch for sure!

null

Space Echoes
Benjamin Eggstein, Luis Praxmarer, Lars Ziegler
ZHdK Interaction Design, 2023

Lass uns darüber sprechen.

Dirk Fliescher

Head of Sales und Marketing

Jetzt kontaktieren

6 Mins Read

28.10.2024

Get to know viu - Joy!

Mehr lesen

Lernt Joy Berg kennen, unsere Go-to-Frau für Ideation & Innovation! Mit über 20 Jahren internationaler Erfahrung bringt Joy frischen Wind in unser Team und verkörpert genau das, was viu ausmacht: Kreativität, Innovation und Teamgeist.

Für Joy dreht sich bei viu alles um kreative Ideenfindung und die Menschen, die unser Unternehmen prägen. Sie liebt den offenen Austausch und Teamwork, was bei uns grossgeschrieben wird. Die Freiheit, ihre Arbeit selbst gestalten zu können und dennoch in einem klaren Rahmen zu agieren, schätzt sie besonders. Immer etwas Neues zu lernen, macht für sie bei viu jeden Tag spannend.

Als Expertin für Ideation und Innovation bringt Joy umfassendes Know-how in Design, UX/UI und Innovationsmanagement mit. Ihr Arbeitsalltag ist so vielseitig wie ihre Talente: Workshops leiten, neue Services entwickeln und mit verschiedensten Kunden arbeiten – immer mit einer Prise Kreativität.

Ihre Mission: kreativ, lösungsorientiert und strukturiert arbeiten. Joy hinterfragt den Status quo und bringt bei jeder Herausforderung frische Ideen ins Spiel. AI, Design und Branding sind ihre Steckenpferde.

Abseits der Arbeit powert sich Joy beim Schwimmen oder Skifahren aus, diskutiert mit ihren Teenagern oder geniesst ein entspanntes Z’nacht mit Familie und Freunden. Hot-Spots auf ihrer Reiseliste sind klar Japan, Island, Neuseeland, Mexiko oder Argentinien.

Stolz ist Joy auf viele Dinge. Vor allem aber auf ihre Familie und Kinder - und der internationale Fussabdruck, den sie gemeinsam hinterlassen haben. Als Superkraft versucht sie unerschütterlichen Optimismus zu kultivieren.

Mit Joy haben wir eine kreative Vordenkerin an Bord, die nicht nur durch ihr Wissen und Expertise, sondern auch durch ihre Leidenschaft überzeugt. Ihre Fähigkeit, Menschen zu inspirieren und innovative Lösungen zu entwickeln, macht sie zu einer unverzichtbaren Bereicherung für viu.

6 Mins Read

10.10.2024

Welttag des Sehens: So geht Barrierefreiheit richtig!

Mehr lesen

Sehbehinderung und das Web. Passt das zusammen? Klar! Wenn man’s richtig macht. Für viele ist digitale Barrierefreiheit noch Neuland. Aber das muss sich ändern. Also, hier kommt euer Crashkurs: Was müsst ihr über Barrierefreiheit für Menschen mit Sehbehinderung wissen? Kurz, knackig und direkt.

Was ist digitale Barrierefreiheit?

Ganz einfach: Jede:r soll das Netz nutzen können. Egal, ob jemand nicht (gut) sieht, hört oder nur mit der Tastatur arbeitet. Barrierefreiheit sorgt dafür, dass eure Website, App oder Plattform für alle zugänglich ist. Keine nette Zusatzfunktion – ein Muss.

Warum ist Barrierefreiheit für Menschen mit Sehbehinderung wichtig?

In der digitalen Welt sollen alle dieselben Chancen haben. Eine schicke Website bringt nichts, wenn ein Teil eurer Nutzer:innen sie nicht bedienen kann. Ohne Barrierefreiheit schliesst ihr Menschen mit Sehbehinderung aus. Und das betrifft nicht nur Blinde. Auch Menschen mit eingeschränktem Sehvermögen, Farbenblindheit oder anderen Sehschwächen haben Schwierigkeiten, durch nicht optimierte Websites zu navigieren.

Fakt ist: Rund 2,2 Milliarden Menschen weltweit haben laut WHO eine Sehbehinderung. Ignoriert ihr das?

Was bedeutet Barrierefreiheit konkret?

Es geht nicht nur um grosse Schrift und weniger Schnickschnack. Hier die Basics, die eure Website sehbehinderten Menschen zugänglich machen:

1. Alternativtexte (Alt-Texte) für Bilder

Blinde oder sehbehinderte Menschen „sehen“ eure Bilder nicht. Sie „hören“ sie. Screenreader fassen den Bildinhalt in Worte. Jedes Bild auf eurer Website braucht deshalb einen Alt-Text. Das ist eine einfache Beschreibung, die vorgelesen wird.

Beispiel: Statt „Bild123.jpg“ sollte da stehen „Frau hält eine Präsentation vor einem Laptop“. Simpel, oder? Aber extrem wirkungsvoll.

2. Hoher Kontrast und skalierbare Schriftgrössen

Nichts nervt mehr als Text, den man kaum lesen kann. Für Menschen mit Sehschwächen ist hoher Kontrast zwischen Text und Hintergrund entscheidend. Schwarzer Text auf weissem Hintergrund? Super! Hellgrauer Text auf weiss? Nicht gut.

Und: Eure Schriftgrössen sollten skalierbar sein. User:innen müssen die Schrift vergrössern können, ohne dass die Website zusammenbricht. Zoom muss easy gehen – und alles bleibt lesbar.

3. Tastatur-Navigation

Viele Menschen mit Sehbehinderung nutzen die Tastatur, um sich durchs Web zu bewegen. Eure Seite muss also komplett ohne Maus funktionieren. Kein Dropdown-Menü, das nur per Klick bedient werden kann. Alles muss per Tastatur steuerbar sein. Das freut nicht nur Blinde, sondern alle, die es schnell mögen.

4. Klare und logische Struktur

Screenreader „lesen“ eure Website von oben nach unten vor. Heisst: Ist eure Seite ein Chaos, wird’s für die User auch chaotisch. Eine klare Struktur ist wichtig. Überschriften, Absätze und Listen müssen klar erkennbar und sinnvoll angeordnet sein. Denn Screenreader-Nutzer:innen „springen“ von Überschrift zu Überschrift. Wenn da kein Sinn drin steckt, kommt niemand ans Ziel.

5. Beschriftete Formulare

Formulare sind oft nervig – für Menschen mit Sehbehinderung erst recht. Ohne klare Beschriftungen ist das Ausfüllen pures Rätselraten. Jedes Eingabefeld braucht eine eindeutige Beschreibung. „Vorname“, „E-Mail“, „Telefonnummer“ – alles klar benennen. Und Fehlermeldungen? Die müssen genauso leicht verständlich sein.

6. Keine rein visuellen Informationen

Farben, Bilder, Animationen. Klar, schön anzuschauen – aber was bringt’s, wenn wichtige Infos nur visuell dargestellt werden? Menschen mit Sehbehinderung sind da raus. Ein Diagramm, das nur durch Farben erklärt wird? Für Farbenblinde ein Rätsel. Deshalb immer alternative Beschreibungen anbieten. Eine Textversion des Diagramms ist der Schlüssel.

Keine Ausreden mehr

Barrierefreiheit ist kein „Nice-to-have“. Es ist der Standard, den ihr jetzt setzen müsst. Ihr schafft nicht nur Zugang für alle, sondern verbessert auch euer Image und eure Reichweite. Wer das Thema ignoriert, bleibt hinter den Erwartungen zurück.

Und das Beste? Viele dieser Massnahmen verbessern auch das Erlebnis für alle anderen. Klarere Struktur, lesbare Schriften und intuitive Navigation? Davon profitieren alle, denn jeder von uns kann vorübergehend eingeschränkt sein. Stell dir vor, du brichst dir die Hand und kannst keine Maus benutzen – dann bist du plötzlich auf die Tastatur-Navigation angewiesen. Oder du lässt dir die Augen lasern und kannst eine Woche lang kaum etwas sehen – da sind Funktionen wie Screenreader Gold wert.

Das zeigt nochmal deutlich: Barrierefreiheit geht uns alle etwas an. Wer heute die richtigen Features einbaut, sorgt dafür, dass seine Plattform für alle zugänglich bleibt – egal, welche Situation gerade ansteht.

Also: Nicht mehr abwarten. Lasst uns eure Website, App oder Plattform barrierefrei machen – für alle, die heute, morgen oder in Zukunft darauf angewiesen sind. Wir unterstützen euch dabei, die richtigen Schritte zu gehen und die digitale Welt für alle zugänglich zu gestalten.

6 Mins Read

1.12.2023

Get to know viu - Andreas

Mehr lesen

Trommelwirbel für unseren Frontend-Profi Andreas!

Andi hat vor 26 Jahren seine erste Webseite geschrieben und dabei die Liebe für das Web entdeckt. Heute finden sich seine Spuren in unzähligen Websites und Webapps. HTML, CSS, JavaScript, React und alles, was man sonst noch kennt, beherrscht er im Schlaf! Aber er kann noch viel mehr – ein richtiges Multitalent! Seine Arbeit erstreckt sich von Web Development und Design über Architektur bis hin zum Management von Teams, Projekten und Produkten.

Er knüpft nicht nur Verbindungen zwischen Daten, sondern auch zwischen Menschen. Mit seiner aufgeschlossenen Art und seinem sozialen Gespür ist er einem stets zur Seite, wenn man ihn braucht. Andi ist nicht nur ein Meister seines Fachs, sondern auch ein Teamplayer, der weiss, dass wahre Stärke in den Beziehungen zwischen Menschen liegt.  

Andreas ist ein Fan von konstruktivem Feedback. Zum Glück fliesst das bei viu in Strömen. Sein Schlüssel zum Erfolg? Gute Teamarbeit! Seine offene und kommunikative Art schafft eine positive und produktive Arbeitsumgebung, in der alle Viudies ihre Stärken voll ausspielen können.  

Während seines Aufenthaltes in Kairo bei unseren Remote-Codern zeigte er nicht nur seine technische Expertise. Er bewies auch sein Talent, Teams zu motivieren und zu begeistern. Kulturelle Unterschiede sind kein Hindernis für ihn, viel mehr ein Ansporn.  

Seine Freizeit verbringt Andi am liebsten mit seiner Familie und Freunden. Idealerweise auf Reisen in ferne Länder, wo er Inspiration für gutes Design und Usability findet.  

Wir bei viu sind froh um Andi! Sein Können, seine Persönlichkeit und seine humorvolle Art machen die Zusammenarbeit einfach unschlagbar. Andis Fähigkeit, Teamarbeit zu fördern, ist ein essenzieller Baustein, der es uns ermöglicht, unsere Ziele zu erreichen und gemeinsam erfolgreich zu sein.