#user experience design (11)

Seite 1 von 2

Mockdown – Wireframes that live in plain text

Mike Bespalov (X-Link 🙄) hat einen netten, kostenlosen ASCII-Editor für Wire­frames gebaut. Kommt direkt mit ein paar Basis­komponenten für Container, Navigationen, Formular­elementen und Buttons. Warum derartige Lo-Fi-Wire­frames? Um fokussiert zu bleiben, schreibt Bespalov – und weil’s ideal für das Verständnis von, klar, AI-Agenten ist.

Mockdown — ASCII Wireframe Editor | OpenGraph Preview Image
mockdown.design

Mockdown — ASCII Wireframe Editor

Free browser-based ASCII wireframe editor. Design UI mockups, lo-fi prototypes, and text diagrams with drag-and-drop components — no signup required.

Welcome to the new hypercode.de

Heute war es endlich soweit: Wir haben die neue, laaange in Entwicklung befindliche Version der Hypercode-Website gelaunched!

Im Firmenblog beschreiben wir das so:

Nach Monaten des Entwickelns, Textens und der Medien­produktion ist es endlich so weit: Wir freuen uns, euch unsere neue, konsequent weiter gedachte Website zu präsentieren – mit klarerem Profil, mehr Farbe, neuem Showreel, neuen Leistungs­seiten, zahl­reichen Case Studies und jeder Menge Bewegtbild aus echten Projekten.

Und das war tatsächlich unendlich viel Arbeit: fast alle Texte wurden neu geschrieben, alle Assets (die jetzt fast ausschließlich Bewegtbild enthalten) neu produziert, alle Kund*innen mussten ins Boot geholt werden, das Showreel musste erdacht, komponiert und geschnitten werden, und und und. Und in meiner Funktion als ½ Head of Hypercode war ich natürlich, oft feder­führend, an all dem beteiligt.1

Jedenfalls: Ich bin ganz schön stolz auf das, was wir da erarbeitet haben. Hypercode und unsere Arbeit wird endlich (wieder) up-to-date repräsentiert und die Bandbreite unserer Expertise toll erfahrbar gemacht. Zwischendurch gibt’s einige Easter Eggs zu entdecken, denn – Überraschung! – auch Business-Auftritte dürfen Spaß machen, finden wir. Von daher: schaut gerne mal vorbei.

Und wenn ihr Feedback habt, gerne her damit! 🙏

  1. Mal sehen, was ich jetzt mit den neuen, frei gewordenen kognitiven Kapazitäten anfange? Oft fällt man ja einfach in ein Loch. 🙈 []
Hypercode | Digital Product Studio aus Köln | OpenGraph Preview Image
hypercode.de

Hypercode | Digital Product Studio aus Köln

Hypercode ist ein Digital Product Studio aus Köln. Wir konzipieren, gestalten und entwickeln digitale Produkte mit modernen Web-Technologien für Unternehmen aller Größen.

Are we stuck with the same Desktop UX forever?

Vorschaubild zum Video. Aktivieren, um das Video zu laden und abzuspielen. 
(YouTube Direktlink)

In this talk, Scott Jenson gives examples of how focusing on UX – instead of UI – frees us to think bigger. This is especially true for the desktop, where the user experience has so much potential to grow well beyond its current interaction models. The desktop UX is certainly not dead, and this talk suggests some future directions we could take.

Großartiger Vortrag beim Ubuntu Summit 25.10 von Scott Jenson, seines Zeichens UX-Designer, der zuvor bei Apple und Google gearbeitet hat und nun Mastodon und Home Assistant unterstützt.

Während Jenson über die UX unserer Desktop-Betriebssysteme und fehlende Innovationen in dem Bereich von Apple & Co. spricht und sich damit natürlich an die Linux-Entwickler im Raum richtet, droppt er so viele Konzepte und Ideen, dass ich – ohne selbst Operating Systems zu designen, sondern nur kleine und manchmal große Anwendungen – vor Inspiration geflasht war, den Talk schon drei Mal geguckt habe und natürlich auch den Studierenden meines User-Experience-Seminars nahegelegt habe.

Wenn ihr euch für das Feld interessiert, also eine große Empfehlung!

Our interfaces have lost their senses

Schönes visuelles Essay von Amelia Wattenberger über die Reduktion moderner User Interfaces und die damit einhergehende Vernachlässigung unserer Sinne dabei.1

Gina Trapani, bei der ich hierauf aufmerksam gemacht wurde, ergänzt noch eine spannende Beobachtung: Nämlich, dass Kinder früher sehen konnten, wie der Alltag durch physische Objekte strukturiert wurde – Papier­kalender, Adress­bücher, Einkaufs­listen sowie Besuche bei Post und Bank. Heut­zutage sehen Kinder hingegen meist nur noch, wie ihre Eltern auf Bildschirme starren, um all das zu erledigen. So natürlich auch bei uns. 😔

  1. Ich frage mich allerdings, ob hier KI zur Bildgenerierung genutzt wurde. Was ich nicht schlimm fände, nur wäre dann eine entsprechende Auszeichnung gut gewesen. []
Our interfaces have lost their senses | OpenGraph Preview Image
wattenberger.com

Our interfaces have lost their senses

Think about how you experience the world - you touch, you hear, you move. But our digital world has been getting flatter, more muted.

The inventor of the little arrow that tells you what side the fuel filler is on has died

James Moylan, der nun mit 80 Jahren verstorben ist, hat sich diesen überaus hilfreichen Indikator 1986 bei Ford ausgedacht, als er mit einem Auto aus Fords Fahrzeug-Pool zu einem Meeting gefahren ist und beim Tanken im Regen auf der falschen Seite geparkt hat. Der 1989er Ford Escort und Mecury Tracer waren die ersten Autos mit „Moylan Arrow“, danach hat er sich – wie und wann ist nicht ganz klar – in der gesamten Automobilindustrie durchgesetzt. Danke dafür.

The inventor of the little arrow that tells you what side the fuel filler is on has died - Jalopnik | OpenGraph Preview Image
jalopnik.com

The inventor of the little arrow that tells you what side the fuel filler is on has died - Jalopnik

The idea came to Moylan on a rainy day in April 1986 when he hopped in one of Ford's employee fleet cars to drive to a meeting at another building.

Bad UX World Cup

Build a date picker with bad UX (the worse, the better)

Schöne Challenge von Nordcraft, in der man einen möglichst schlecht zu bedienenden, aber komplett funktionalen Datepicker bauen musste. Gewonnen hat dieser Beitrag von Dalia mit randomisierten, swipebaren Tages-, Monats- und Jahres-Cards; weiter unten gibt’s viele weitere „tolle“ Beiträge.

Bad UX World Cup | OpenGraph Preview Image
badux.lol

Bad UX World Cup

Build a bad date picker and win a shit trophy! Presented by Nordcraft.

Liquid Glass Is Cracked, and Usability Suffers in iOS 26

The interface is restless, needy, less predictable, less legible, and constantly pulling focus rather than supporting seamless access to content. Instead of smoothing the path for everyday tasks, iOS 26 makes users relearn basics while enduring a constant parade of visual stunts.

Raluca Budiu von der Nielsen Norman Group, einem der weltweit bekanntesten Beratungs­unter­nehmen für User Experience, Usability und Interaction Design, ist alles andere als begeistert, was Liquid Glass angeht. (via vowe)

Liquid Glass Is Cracked, and Usability Suffers in iOS 26 | OpenGraph Preview Image
nngroup.com

Liquid Glass Is Cracked, and Usability Suffers in iOS 26

iOS 26’s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.

Bill Gates tries to install Movie Maker

Interne E-Mail vom 15.01.2003, die das 2000er Microsoft in a nutshell aufzeigt:

I decided to download Moviemake and buy the Digital Plus r pack [sic!] so I went to Microsoft.com. They have a download place so I went there. […] This site is so slow it is unusable.

So after more than an hour of craziness and making my programs list garbage and being scared and seeing that Microsoft.com is a terrible website I haven’t run Moviemaker and I haven’t got the plus package.

The lack of attention to usability represented by these experiences blows my mind.

Bill Gates tries to install Movie Maker | OpenGraph Preview Image
techemails.com

Bill Gates tries to install Movie Maker

I am quite disappointed at how Windows Usability has been going backwards and the program management groups don't drive usability issues.

koest.lich.es (13/2018)