Tangible Interfaces References
Contents
Additional Microbit Documentation
- Micro:bit V2.0 beginning Starter Kit
- Micro:bit 45 in 1 Sensor Learning Kit wiki page
- Construct kids game maker has a microbit plug in
Tangible Design Inspiration
- The timeless appeal of Olivetti’s industrial and minimalist design style
- When Italian design was science fiction
- k•no•b•less numpad with big knob and slide module
- You spin me right round, baby, right round.
- “Knob Feel” A dude who rated stereo knobs
- iPod click wheel button hardware design
- Inside the original iPod scroll wheel
- Vintage phone design examples
Tangible Tech Inspiration
- How did the PONG game get made before software existed? Genius level work
- How the 80’s Nintendo Duck Hunt light gun worked - The Slow Mo Guys
- scottbez1/smartknob: Haptic input knob with software-defined endstops and virtual detents
- Detent Polymagnet pair - 12 position (30 degree) - #6 CTSK - 1” D-shape
- MaTouch ESP32-S3 RotaryIPS-Display1.28” GC9A01
- T-Encoder Pro [US]
- https://lovemyswitches.com/knobs/
- https://github.com/UrbanCircles/igor
- https://hackaday.com/2021/12/11/getting-familiar-with-round-displays/
- https://www.youtube.com/watch?v=nZa-Vqu-_fU
- Ring Rotary Encoder https://www.digikey.ca/en/products/detail/bourns-inc/PER561-P115-N0015/13999552
- https://www.ptreeusa.com/ttrack_knobs_bolts.html
- Unusual Round Displays and How to Use Them
- ANO Directional Navigation and Scroll Wheel Rotary Encoder
- AnySkin: Plug-and-play Skin Sensing for Robotic Touch
- connect old school joystick to arduino
Fidget Toys
- Fidgets on Printables.com
- Fidgets on Printables.com
- Fidgets on Cults3d.com
- Fidgets on Thingiverse.com
- Fidgets on Thangs.com
- Fidgets on Makerworld.com
- https://makerworld.com/en/models/71654-fidget-cock_n_pull
- Darshan Patel on Instagram: “7 Satisfying 3D-Printed Fidget Toys You’ve Never Seen!
- Fidgets on YouTube
- Fidgets on YouTube 2
- Snappy Switch Keychain
- magnet flipper
- gear shifter
Physical / Digital Prototyping Tools
- Automotive-ui-prototyping-with-real-car-data
- https://edges.ideo.com/posts/figproxy
- https://microflow.vercel.app/
Books
- Game
- Game Feel: A Game Designer’s Guide to Virtual Sensation by Steve Swink, 2008
- UX Design
- The Design of Everyday Things By Donald Norman, 1988
- Don’t Make Me Think, A Common Sense Approach to Web (and Mobile) Usability by Steve Krug, 2014
- Validating Product Ideas Through Lean User Research by Tomer Sharon, 2016
- Web Form Design By Luke Wroblewski 2008
- Physical Computing
- Tangible User Interfaces: Past, Present and Future Directions by Orit Shaer and Eva Hornecker, 2010
- Physical Computing: Sensing and Controlling the Physical, by Tom Igoe and Dan O’Sullivan, 2004
- Smart Things: Ubiquitous Computing User Experience Design by Mike Kuniavsky, 2010
- Haptic Interaction Design for Everyday Interfaces by Karon E MacLean, 2008
- Playful Wearables: Understanding the Design Space of Wearables for Games and Related Experiences by Oğuz Buruk, Ella Dagan, Katherine Isbister, Elena Márquez Segura and Theresa Jean Tanenbaum, 2024
Essays, Articles
- https://notbor.ing/words/the-most-satisfying-checkbox
- https://www.uxmatters.com/mt/archives/2017/03/3-kinds-of-simplicity.php
- https://turbek.com/articles/2012/usability-of-coffee.html
- ACM International Conference on Tangible, Embedded and Embodied Interaction
- Haptic UX — The Design Guide for Building Touch Experiences by Justin Baker, 2019
- International Conference on Tangible Embedded and Embodied Interaction
Design Process
There are LOTS of diagrams to convey some intangible ideas and best practices of design.
- https://www.uxbeginner.com/ux-design-processes/
- figma Design-Process—Double-Diamond
- https://www.designcouncil.org.uk/our-resources/the-double-diamond/
- https://thedesignsquiggle.com/about
Accessibility and Inclusive Design Resources
- Microsoft’s Inclusive Design Principles
- W3C: Designing for accessibility
- Detailed criteria: W3C’s WCAG 2.2 (quick reference)
- Focus management: Microsoft – A11y - Focus Order
- Text resizing plugin: Text Resizer - Accessibility Checker
Figma plugins for accessibility
- Color contrast & vision simulator: Stark – Contrast & Accessibility Checker
- Accessibility annotation: Introduction to design annotation
- Duque Systems – axe for Designers: A Free Accessibility Plugin
- eBay – Include—Accessibility Annotations
- Indeed – A11y Annotation Kit
- Intopia – accessibility annotation kit
Software
Uncategorized
Gliss: Modular Synth Touch Control https://prelaunch.com/projects/tembo-by-musical-beings-tembo-a-new-musical-instrument-for-playful-music-making Herzlich Labs MAXIMA Touch Controller First Play MMI Node - 0hp / 1U - Touch controller The Beauty of Tactility. The Parallel Journey of Physical Product Design and UX/UI Design What is User Experience (UX) Design? The power of Physical User Experience Design (PUXD) Breaking Down the UX of Everyday Things: Lessons from Physical Product Design The Tactile Side of UX: Designing for Physical Interfaces and Tangible User Experiences Let’s Get Physical Designing for Both Physical and Digital User Experiences The hardware interaction designer: an overlooked role The Handbook of Human-Machine Interaction Homepage - Jacobs Institute for Design Innovation Tactile Controls In A Digital World GB Remote Lite - Open Source VESC remote https://forum.esk8.news/t/gb-remote-lite-open-source-vesc-remote/ Consumer Devices VICINO by MCQN Ltd on Tindie Explaining the Internet of Things ESP Chip thelastoutpostworkshop/ESPConnect: Zero-installation web application that lets you explore, back up, and manage your ESP32… right from your browser https://www.youtube.com/watch?v=-nhDKzBxHiI Interesting Designers/Makers https://www.keemate.com/studio https://www.fredscave.com/microbit-module/ kritishmohapatra/100_Days_100_IoT_Projects: A 100-day challenge exploring IoT and embedded systems using ESP32, ESP8266, and Raspberry Pi Pico with MicroPython. Each day covers a new sensor or module with complete code, circuit diagram, and explanation. https://integration.architecture.pratt.edu/articles/itl https://www.itl.pratt.edu/ https://www.pratt.edu/continuing-and-professional-studies/interdisciplinary-technology-lab/ https://www.instagram.com/assembly.loop.lab/ https://assemblylooplab.pratt.edu/ https://assemblylooplab.pratt.edu/services https://fablab.nl/?lang=en https://en.wikipedia.org/wiki/Neil_Gershenfeld https://cba.mit.edu/about/index.html https://gitlab.cba.mit.edu/explore/projects Fab Lab is the educational outreach component of MIT’s Center for Bits and Atoms (CBA), https://fabfoundation.org/fablabsolutions https://fabfoundation.org/getting-started/ https://www.fablabs.io/labs https://www.amazon.com/Fab-Revolution-Desktop-Computers-Fabrication/dp/0465027466