Masthash

#InteractionDesign

Matthias MProve
19 hours ago

Buena Vista Culture Club – Von Pixeln und interaktiven Zeitreisen (+English subtitles on the slides)

Featuring Tog, Phil Clevenger, #KaiKrause, @chronohh, @IIIF

Slides & links at https://mprove.de/script/23/hawk/index.html

Who recognizes the image?

#culturalcomputing #culturalheritage #timetravel #geoixd #ixd #interactiondesign #hypermedia

Codrops
2 weeks ago

🍰 Today, we're serving up a plate of tasty #animation #inspiration!

Explore the latest highlights in UI animations and interactive designs from Dribbble, crafted by skillful designers.

https://tympanus.net/codrops/2023/11/24/ui-interactions-animations-roundup-38/

#motiondesign #interactiondesign #webdesign #appdesign #trends

Kapil Kaisare
4 weeks ago

"...Antoine de Saint-Exupéry said “Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away”. However, this is one of those cases where everyone agrees with the theory, but the devil is in the details..."

#design #interactiondesign #ux

https://lea.verou.me/blog/2023/minimalist-affordances/

Our open-source design system is a tool used in all of our web projects which allows us to put together a research-driven, deployment-ready site in hours rather than days or weeks.

🧠 Learn more about it here: https://github.com/scidsg/design-system/tree/main

#designsystems #ux #ui #interactiondesign #interfacedesign #nonprofit #opensource

The image represents the operating layers of a "Design System."

There are three main layers depicted:

    Interaction Layer:
        Characteristics: User Flows, e.g., Sign In.
        Change Frequency: Changes rarely.
        Visual Representation: The image shows wireframe representations of web pages or user interfaces, emphasizing the flow and interaction elements.

    Interface Layer:
        Characteristics: Components, Information Architecture, Typography.
        Change Frequency: Changes occasionally.
        Visual Representation: This layer seems to be more detailed than the Interaction Layer, showing individual components and typographical elements of the UI.

    Visual Layer:
        Characteristics: Color, Illustrations, Iconography.
        Change Frequency: Changes frequently.
        Visual Representation: The most detailed layer, showcasing a colorful and illustrated interface with icons and other visual elements.

The visual hierarchy in the image indicates the Interaction Layer as the foundational layer, upon which the Interface Layer builds, and finally, the Visual Layer adds the finishing touches. The way they're stacked suggests that while the Interaction Layer changes least often, the Visual Layer is more dynamic and changes more frequently.
Jeff Fortin T.
2 months ago

Some established #opensource #web projects have asked me for some #UX advice today on the way they present their navigation GUIs in their admin interfaces, so I provided some polite #interactiondesign feedback on how messy/labyrinthine their menu items are, and how their rigidly fixed sidebars are failing #mobile, tiling window management and portrait monitor formfactors.

However, this is the way I actually would have wanted to express my #design feedback, in a single oversimplifying picture:

Saber saying "Your sidebar menu is shit! Shiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiit!!!"
Matthias MProve
2 months ago

Space. Ship. Earth. Eintauchen in virtuelle und wahre Welten :: Slides und Refs zum Vortrag auf der #mediale23 https://mprove.de/script/23/mediale/index.html

#interactiondesign #ux #ar #xr #visionpro #greenux #sustainability

👁️🫧⤴️
2 months ago

What's next for ChatGPT? Skip the "tips and tricks" of prompt engineering and design interfaces that build skills. Check out my redesign of ChatGPT and let me know what thorny design problem you'd like to see me tackle next.

https://youtu.be/xOjm54CZRF8

Boosts appreciated!

#LLM #AI #Design #InterfaceDesign #Bard #ChatGPT #Designer #OpenForWork #Interation #InteractionDesign #Tech #TechIndustry #Video

reads chatgpt redesign
Petr Nuska
2 months ago

#AcademicJob

Professor/Associate Professor in #MediaDesign, especially #InteractionDesign

@ German International University

Deadline: 29/10/2023

https://www.jobs.ac.uk/job/DDI071/professor-associate-professor-in-media-design-especially-interaction-design

Karsten Schmidt
2 months ago

From my old Vimeo archive (2008): #OpticalFlow #3D #InteractionDesign prototype for Nokia retail stores. No OpenCV, just vanilla pixel buffer analysis (in Java):

"Documenting progress for a current project, using optical flow analysis to enable a gestural interface & navigate on-screen content both 2D and 3D.

The video analysis requires only a very small (here 160 x 120) capture size and is fairly tolerant to noise. Each frame is recursively analysed in blocks of 30x30 pixels (variable) which are displaced by a certain amount (also adaptable) and then checked for matches in the previous frame. The resulting flow field is displayed and summed to compute the average direction and amount of movement. All calculations and updates to the flow field use threshold & low pass filters to reduce jitter."

Webcam capture of a person moving their hand to smoothly rotate a virtual superimposed 3D cube in an arcball style way in different directions (and with inertia). Rotation directions are extracted via optical flow frame analysis.
Benedikt Groß
2 months ago

The recordings of all talks of the IxDA Interaction Design Education Summit 2023 in Zürich are online. Yay!

https://vimeo.com/showcase/10565764

Our talk/recording is called:
Strategically exploring, designing and negotiating future scenarios with »Design Futuring« (Eileen Mandir & Benedikt Groß)

PS: Thanks again to Jürgen Späth and team (Interaction Design at ZHdK) for the great symposium! 🙏

#IxDA #Designresearch #Education #InteractionDesign #DesignFuturing

Zukünfte gestalten 📖
2 months ago

The recordings of all talks of the IxDA Interaction Design Education Summit 2023 in Zürich are online. Yay!

https://vimeo.com/showcase/10565764

Our talk/recording is called:
Strategically exploring, designing and negotiating future scenarios with »Design Futuring« (Eileen Mandir & Benedikt Groß)

PS: Thanks again to Jürgen Späth and team (Interaction Design at ZHdK) for the great symposium! 🙏

#IxDA #Designresearch #Education #InteractionDesign #DesignFuturing

Codrops
2 months ago

Are you ready for these 🔥 super hot UI interactions and animations? 😎

Those bento grid animations are absolutely killing it!

Get inspired: https://tympanus.net/codrops/2023/09/21/ui-interactions-animations-roundup-36/

#animation #ui #webdesign #motiondesign #uidesign #motion #inspiration #design #interaction #interactiondesign #interactivity #webdesignideas #mobiledesign #appdesign

CHItaly 2023 Turin
3 months ago

#lastday Online registration for the physical event is only possible until September 15. Participants who have not registered by this deadline will still be able to register on-site in Turin during the conference days.
https://chitaly2023.it/registration/
#italy #hci #ai #sigchi #sigchiitaly #chitaly #acmchi #crossinghciandai #turin #unito #polito #piedmont #torino #piemonte #interactiondesign #ux #userexperience #uxresearch #userinterface

When someone says they “clicked” something on their touchscreen device I cringe. My internal debate goes like this:

“Should I correct them? No, just shut up. But it’s not a click. I know, but shut it. No… Don’t…”

And then it happens. I say “you can’t click on a touchscreen.” Then I lose friends and loved ones.

If you feel me, share this with people you care about.

#UX #UI #Design #Modalities #IA #Taxonomy #OCD #Development #PSA #InteractionDesign

White title on a black background that reads: proper mapping of interactions to modalities. Three colorful circles with white icons followed by captions. Pink circle with a finger and tap gesture that reads: tap, touchscreens. Green circle with a mouse and click burst that reads: click, computer screens. Blue circle with an arrow pointing to a button that reads: press, physical buttons.

Visual hierarchy matters.

#design #ux #typography #InteractionDesign

CHItaly 2023 Turin
3 months ago

To help those who have been on vacation until the last days of the month, we announce that early registration has been extended to September 7th.
#italy #hci #ai #sigchi #sigchiitaly #chitaly #acmchi #crossinghciandai #turin #unito #polito #piedmont #torino #piemonte #interactiondesign #ux #userexperience #uxresearch #userinterface #chitaly2023
https://chitaly2023.it/

Aral Balkan
3 months ago

For anyone following this thread, if you use #GNOME and want the name of the app you’re currently in to be shown to you, you can use the Just Perfection GNOME extension (thank goodness for extensions) to do so.

It makes absolutely no sense to me that there is no way to look at your screen and know which app you’re in in GNOME. The ‘you are here’ landmark is so foundational that you’d fail Interaction Design 101 were you to forget it.

#design #interactionDesign #landmarks #usability #youAreHere

Screenshot of the visibility preferences in the Just Perfection GNOME extension, showing switches for toggling the visibility of the Activities Button, App Menu, App Menu Label, as well as other items in the system toolbar.
Clearleft
4 months ago

💥 Reintroducing The Clearleft Curated Links Newsletter! 💥

A carefully curated collection of links featuring the latest articles, insights, tools and masterful creations from the wonderful, ever-evolving world of design.

This month we're talking all things: #InteractionDesign #Config2023 #Accessibility #AI and much more. 🚀

Read, learn, enjoy and be sure to subscribe via the link below! 👇

https://tinyletter.com/clearleft/letters/reintroducing-the-clearleft-curated-links-newsletter

The Clearleft Team ✌

A six-graphic collage, no image is seen in full. The full version of the image is available via each article our newsletter advertises.
Joe Lanman
4 months ago

people who freelance, do you have your own limited company, use an umbrella company? Other? Where are good places to find design, interaction design, service design contracts? Any other tips?
#ux #serviceDesign #interactionDesign

damianwalsh
4 months ago

Hey there, fediverse. I’m looking for a new role, preferably as an individual contributor where I can apply my keen eye for detail and experience across visual design, interaction design, prototyping, and design systems.

I am available immediately and open to remote, hybrid, or on-site roles (located in Manchester, UK). I appreciate any advice or leads you can offer. Thanks in advance!

#visualdesign #interactiondesign #designsystem #prototyping #figma #getfedihired

Matt Edgar
4 months ago

What an immense list of design and design-adjacent books and links shared by @vickytnz #InteractionDesign #ServiceDesign #ProductManagement #UserCentredDesign #DesignLeadership
Books-and-links-note for end of July 2023
https://medium.com/@vickytnz/books-and-links-note-for-end-of-july-2023-f64e227edd31

newreld
4 months ago

I wrote about the iconic conversation with Alan Cooper about users and their role in design 🍦

https://medium.com/@newreld/why-users-are-not-a-good-source-of-software-93903c4c4d62

#uxdesign #ux #softwaredevelopment #interactiondesign

Ice Cream Cone
CHItaly 2023 Turin
4 months ago

REGISTRATION IS NOW OPEN #chitaly2023
.
Registration is now open for both the virtual and the physical event.
Information about the registration costs are available here: https://chitaly2023.it/registration/
Early registration deadline is August 31, 2023.
As of September 1, late/on-site registration rates apply.
.
#italy #hci #ai #sigchi #sigchiitaly #chitaly #acmchi #crossinghciandai #turin #unito #polito #piedmont #torino #piemonte #interactiondesign #ux #userexperience #uxresearch #userinterface

I really enjoyed this thoughtful deepdive by @raunofreiberg

Invisible Details of Interaction Design https://rauno.me/craft/interaction-design

#UIDesign #userinterfacedesign #UX #interactiondesign

Julian Fietkau
5 months ago

Late #FollowFriday: @stefan_woelwer just joined us on Mastodon, if any #HCI, #CSCW or #InteractionDesign colleagues would like to give him a warm welcome. 🙂

I don't remember where we first met, but I think it must have been a talk he gave at the University of Hamburg around the mid-2010s? Worth the follow here, no doubt!

@academicchatter

Weeknote 67 (part 2)
#NHSEngland
#TransformationDirectorate

We’re going to be recruiting…
Doors for conversations open next week.
WATCH THIS SPACE 🙂

#ServiceDesign
#UserResearch
#InteractionDesign
#PerformanceAnalysis
#Developer

We’re recruiting… * Lead Service Designer * Lead Interaction Designer * Lead User Researcher * Senior Developer * Knowledge Manager/Senior UR * Senior Performance Analyst * Senior Service Designers (6) * Senior User Researchers (4)
Benjy Stanton
5 months ago

I've just finished my first 3 months as a contractor #InteractionDesign https://www.benjystanton.co.uk/blog/first-3-months-contracting/

The registration for the next #vvvv beginner course at The NODE Institute starting in October is now open.

Book your seat before July 16th and benefit from an early bird discount of 20%!

https://thenodeinstitute.org/courses/ws23-vvvv-beginner-class

#visualprogramming #dotnet #creativecoding #thenodeinstitute #stride3d #gamedev #interactiondesign #generativedesign

Joe Lanman
6 months ago

What's the best way to design a language picker for a site? Given the site might not load in a language the user understands
#design #ux #interactionDesign

Joe Lanman
6 months ago

The excellent Vicky Teinaki has written about interaction design principles in government
https://www.vickyteinaki.com/approaching-interaction-design-in-government
#design #UX #interactionDesign #govDesign

Matt Edgar
6 months ago

Yesterday on the #NHS 111 online teams' show and tell:
* Applying #UserResearch, #ContentDesign and #InteractionDesign to a proposed new design for our national phone service IVR
* What we're learning by placing a link to 111 online on the NHS App homepage for a subset of users

Here we go! The NODE Institute summer season 2023 of #vvvv workshops has the following now ready for signup:

- June 22: Soundreactive Graphics by Katharina Mayrhofer
- June 29: Working with REST APIs by @sebescudie
- July 6: Game Logic by @chkworks
- July 7: MIDI & Sequencing tools by Arístides García

Full details and registration:
https://thenodeinstitute.org/vvvv-intermediates-summer-2023/

#visualprogramming #creativecoding #dotnet #generativedesign #interactiondesign

Koos Looijesteijn
6 months ago

Apple announced #NameDrop to exchange contact info! Super nice—a very much needed feature to not let derail offline meetings in tech support sessions. But if you want to get rid of paper #business cards, I think I've got something even better: https://www.kooslooijesteijn.net/blog/digital-business-cards-vcard-qr-code-website

#businesscards #interactiondesign #ixd #webdesign #qrcode

The third in a series of topical #vvvv workshops is now available for signup:

https://thenodeinstitute.org/courses/ss23-vvvv-sequencing-values-on-a-timeline-using-the-kairos-library

Natan, creator of the Kairos timelining framework will introduce you to the probably most advanced system for sequencing values in time that's currently out there. If you're interested in mixing linear composition with interactive elements, don't miss this one!

#visualprogramming #creativecoding #dotnet #generativedesign #interactiondesign #datavisualization

Laura
7 months ago

All the talks are here: https://vimeo.com/showcase/10180691
Don’t miss Brenda Laurel’s if you’re feeling down about the world.

#design #UXdesign #HCI #InteractionDesign #IxDA #IxD23

The UX spidey-sense is a blessing and a curse. I'm happy I can make software a little less awful for people, but it means I'm the one who has to pay attention to the crud in the corners.

Like, in this dataviz tool, you can mouse over a segment of a stacked bar chart and get a popover with tabular data...but that popover scrolls...and it vanishes before you can mouse over it to scroll through said table...

#UX #UXfail #UXdesign #InteractionDesign #IXD #UIDesign

♞ Pixel Prophecy 🇺🇦🇪🇺
7 months ago

Re-tooting this here: Amazing resource for UI/UX design that invites you to dissect over 300 (!) games!
https://gameuidatabase.com

@eddcoates #gamedev #ui #ux #interface #gamedevelopment #interactiondesign

Original tweet from Edd Coates showcasing how to scrub through an in-game menu transition. The tweet reads:
"I have now collected over 300 games worth of video for Game UI Database 2.0!
Every single clip has been specially encoded to allow for high speed scrubbing, frame-by-frame. This is great for studying complex transitions and motion gfx, or simply enjoying the UI at your own pace!"

The third in a series of topical #vvvv workshops is now available for signup:

https://thenodeinstitute.org/courses/ss23-vvvv-03-object-oriented-patching

Among the things you'll learn in this course is this gem: How to spawn and kill objects dynamically. An absolute essential when it comes to building beyond basic applications.

#visualprogramming #oop #creativecoding #dotnet #generativedesign #interactiondesign #datavisualization

Announcement of vvvv workshop: Object Oriented Patching
Inautilo
7 months ago

The second in a series of topical #vvvv workshops is now available for signup:

https://thenodeinstitute.org/courses/ss23-vvvv-02-transformation-and-spaces/

This workshop introduces you to the basics of space and transforms as they are applied in allmost all computer graphics related areas.

#visualprogramming #creativecoding #dotnet #generativedesign #interactiondesign #datavisualization

Announcement of vvvv workshop: Transformations and Spaces
erin malone
8 months ago

This just in, my latest newsletter Women Of Interaction Design: Deep Cuts #8: Ethnography To Drive Innovation - Jane Fulton Suri - has launched.

https://mailchi.mp/02f799642230/women-of-interaction-design-deep-cuts-8-ethnography-to-drive-innovation-jane-fulton-suri

#interactiondesign #womenofixd #ixdhistory

A picture of IDEO method cards fanned out on top of a sketchy diagram.
Benjy Stanton
8 months ago

Pretty happy that I've managed to push a change to our prototype. Will save merging for next week though. Definitely missed working with html, css and git at the day job. #interactionDesign

Jorge Arango
9 months ago

The latest episode of my #podcast features a conversation with my friend, colleague, and mentor Hugh Dubberly about the evolving role of design. It was a privilege to talk with Hugh in his office and to be able to share our conversation.

https://theinformed.life/2023/03/11/episode-109-hugh-dubberly/

#uxdesign #productdesign #interactiondesign #ixd #ux