background preloader

UI

Facebook Twitter

Library

Java. Web. Testing. How to Mimic the iGoogle Interface - NETTUTS. MAKE: Blog: Surface scratch control input. The Scratch Input project explores an interesting very economical method for human-computer interface using a contact mic/stethoscope and a wall. table, or similar – We present Scratch Input, an acoustic-based input technique that relies on the unique sound produced when a fingernail is dragged over the surface of a textured material, such as wood, fabric, or wall paint. We employ a simple sensor that can be easily coupled with existing surfaces, such as walls and tables, turning them into large, unpowered and ad hoc finger input surfaces.

Our sensor is sufficiently small that it could be incorporated into a mobile device, allowing any suitable surface on which it rests to be appropriated as a gestural input surface. Several example applications were developed to demonstrate possible interactions. We conclude with a study that shows users can perform six Scratch Input gestures at about 90% accuracy with less than five minutes of training and on wide variety of surfaces. – Scratch Input. How to Make a Cheap Multitouch Pad - Instructables - DIY, How To. ALL HARDWARE AND SOFTWARE UPDATES WILL BE MADE ON MY BLOG: What's a MTmini? A Multitouch Mini, MTmini for short, is a cheap, small, portable multitouch pad. It can be used for all different purposes including: drawing, OS navigation, multitouch operation, games, entertainment, experimentation, and more.

I created the Multitouch Mini to show people how something that seems complicated or 'magical' can be made simply and at low cost. The MTmini uses the "Front Diffused Illumination" multitouch technique, with normal ambient light (infrared not required or needed) and a normal off-the-shelf webcam (IR filter can still be in place).

The MTmini technique is the first step in creating a full multitouch display. -Parts List- Box (ie. -How's it Work and What Conditions are Necessary? When you place your fingers on the surface, shadows are created where your fingers are placed. All you need is a room with (at least) some light; a dark room will not work. UI-First Software Development. We're currently in the midst of building the new web property I alluded to in a previous post. Before I write a single line of code, I want to have a pretty clear idea of what the user interface will look like first. I'm in complete agreement with Rick Schaut here: When you're working on end-user software, and it doesn't matter if you're working on a web app, adding a feature to an existing application, or working on a plug-in for some other application, you need to design the UI first.

This is hard for a couple of reasons. The first is that most programmers, particularly those who've been trained through University-level computer science courses, learned how to program by first writing code that was intended to be run via the command line. As a consequence, we learned how to implement efficient algorithms for common computer science problems, but we never learned how to design a good UI. Of course, UI is hard, far harder than coding for developers. Interaction Design Pattern Library - Welie.com. Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site?

Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial. Collection: Design Patterns.