View allAll Photos Tagged userinterface

Day 1

 

'Dive Into User-Interface Design' Workshop 02 with Niyam Bhushan. At 91Springboard, Gurgaon, Haryana, India, on 10 - 11 October 2014. More details at bit.ly/niyam

Microchip Technology announced the second member of its award-winning and patented GestIC® family. The new MGC3030 3D gesture controller features simplified user-interface options focused on gesture detection, enabling true one-step design-in of 3D gesture recognition in consumer and embedded devices. Housed in an easy-to-manufacture SSOP28 package, the MGC3030 expands the use of highly sought after 3D gesture control features to high-volume cost-sensitive applications such as toys, audio and lighting. To learn more about the MGC3030, visit www.microchip.com/MGC3030-Page-012015a.

Eureka! This new EM Spectrum exhibit takes advantage of twin 4K UHD screens and all of the coding, user interface, graphic design, and content is entirely new.

 

For this exhibit, we developed custom software which allows visitors to view both terrestrial and celestial objects across different wavelengths. The exhibit runs on an Ideum 100” dual 4K UHD Pano multitouch table. All of the content was developed specifically for the application. Ideum conducted a multispectral photo shoot for terrestrial objects and helped collect the latest celestial images. We worked with Science World in Vancouver to find appropriate images for the exhibit and collaborated on the content and text descriptions.

 

The 8K EM spectrum imaging exhibit will debut in the Eureka! Gallery at Science World at Telus World of Science in Vancouver in late February 2015. You can learn more about the Pano 100” multitouch table or the EM Spectrum exhibiton the Ideum website.

An iPod touch and an iPod nano. One uses a touch interface, the other a clickwheel. Per the terms of this creative commons license, please credit "iPod Touch In 30 Minutes" and link to ipod.in30minutes.com if you use this photo.

I'm working on a full re-design of the Xbox 360 Dashboard for my portfolio. This is the new "Main Menu" dashboard screen.

The handivi.com/ Web user interface is looking awesome!

 

Uploaded via tarpipe.

Dean Allen is looking for donations for a new camera and I thought I'd help out.

 

You ever accidentally choose a different language at an ATM and go through with it anyway? You stumble through the menus based on where you remember the buttons being and you eventually get 40 bucks out but you're lost the entire way.

 

Using paypal in french is just like that.

 

And me being a big dumb american, I forgot there are no decimals in EU money, only commas.

After concepting on the logo type for a while, we realized that the symbol would be the most important element so I started over to come up with the right sword/infinity combination.

The Design Revolution spreads to Hyderabad. The first ever Dive Into User-Interface Design and UX workshop in the cybercity of India. Powered by NASSCOM 10000Startups and hosted at 91Springboard. Participants included Co-founders, Developers, Directors, Vice-Presidents, and IT, design, and tech geeks. From Olivo Health, Custom Furnish, Hitachi Consulting, Paradigm Creatives, Bradsol, and more. 25-26 April 2015. Nurtured by SHEROES India.

www.openjet.com/index.jsp - Example of Refining Search pattern.

 

More screenshots and UI design patterns at Patternry.com

Ideum recently tested out a paper prototype both with Ideum staff and onsite at the Natural History Museum of Los Angeles. To learn more about Ideum's Creative Services visit our website.

Part of my proposed redesign of JS Bin.

 

The idea here is that, when a user is typing, we replace buttons with tips about keyboard commands.

 

I’ve illustrated two approaches here: teaching the user a couple at a time or just always showing all of them.

You have to admire a job that allows you to make a bumble-bee/owl (a bumblowl?) fly around a mural merely by waving your finger... all while drinking beer.

 

This is an elaboration on my actionscript webcam motion detection experiments, built as an installation for the Inverge party hosted by North. The idea was to take motion detection and combine it with art in the form of digital drawing and 2d space in the form of a wall mural. The concept is to allow human interaction to affect physical space, freeing oneself from all traditional user interface. The application works by constantly monitoring a webcam, taking snapshots of each frame every millisecond. The pixels in the current frame are compared to pixels in the previous. The difference in brightness within each section determines whether or not motion had occurred in this area of the screen. If motion is detected the coordinates of a rectangular grid around said motion is recorded and the owl is ordered to go to that point. The line drawings begin and follow the owl recording a 'flight path'. A mask is drawn to prevent the owl and its drawing trail from going in front of some of the trees giving the mural a sense of dimension.

 

Thanks to the great Eric Natzke for the drawing inspiration and open source, and NORTH for being forward thinking enough to encourage digital experimentation.

 

To try a version of the experiment for yourself, go here: AS3 Motion Detection Drawing Installation. [webcam a must, obv]

i just LOVE this kind of human touch in user interfaces. really, who cares that the "massage" actually means "reconfiguring system board 4 in storage bank CXD"? go, flickr, go!

What happens when seperate networks collide? Personal/Friends + Friends + Professional networks often do not share the same value systems.

 

When broadcasting social messages and life-streams, it is important for systems to separate between different communication levels in order to provide the correct groups with the correct information.

 

If this is not followed, it becomes a liability for the user. The case of Facebook is probably the foremost case study here.

 

caseorganic.com/wp/2009/02/search-more-options-%c2%b7-eve...

Pretty? I suppose. But why, even after breaking the data down into three pages does the Classic practically require a loupe to read?

 

I had forgotten how much I liked the 4G's click wheel.

 

(The Classic's brightness is set to 70% here. The others are maxed out.)

 

The table headers stay visible in the browser window as the user scrolls up and down a page to remind the user of what the columns in the table are.

 

Source: factfinder.census.gov/servlet/ADPTable?_bm=y&-geo_id=...

 

More screenshots and UI design patterns at Patternry.com

It took me too long to figure out that the throttle for the water flow is hidden underneath the temperature control.

 

What’s possessing hotel shower UI designers?

 

(2008-05-06T09-17-01.jpg)

Want to get more information on the ring°wall? Watch "ring°wall - building the wall" here: www.vimeo.com/6854876

 

After more than one and a half years of development, the world biggest multitouch multi-user wall has now been launched at Nürburgring.

 

The two-piece ring°wall consists of a LED display and a multitouch information-wall and impresses by its size: a total surface of 425 square meters, which equals more than 6000 computer displays, is the biggest of its kind. An interactive World emerges out of 34 million pixels generated by 15 high definition projectors and is supported by 30 directional speakers.

 

Multitouch sensors basing on laser technology, convert the usage of the natural user interface into an experience. By direct touching, more than 80 users can simultaneously get informed about news and activities around the ringworld.

 

The interactive wall is not only a central information system, but also an innovative advertising tool and medium for public viewings.

 

Get in touch with us for more information about the ring°wall on our website www.sensory-minds.com via the contact-form.

 

Don't forget to check out the videos of our other projects and to follow us!

 

Our Website:

www.sensory-minds.com

 

Our Videos:

www.vimeo.com/sensoryminds/videos

 

Follow us on:

www.twitter.com/sensoryminds

www.facebook.com/sensoryminds

www.vimeo.com/sensoryminds

www.youtube.com/sensoryminds

www.flickr.com/photos/sensoryminds

www.slideshare.net/sensoryminds

 

Watch this video on Vimeo. Video created by SENSORY-MINDS.

Google Finance's stock screener is a great example of Refining Search pattern. The tool allows user to search for stocks by using several different criteria: Average Price, Price Change, PE ratios, etc., and the user can easily add and remove search filters.

 

Things to notice:

-Sparklines, in this case histograms that indicate the weight proportions in each part of the range, are used. They help the user to refine the search.

-It is made easy to clear filters and start over.

-Results can be sorted.

-The number of results found is shown.

-In addition to filters a free text search is provided.

 

Source: www.google.com/finance/stockscreener

 

More screenshots and UI design patterns at Patternry.com

Each seat on Virgin America now includes a screen and keyboard with a special in-flight entertainment system that includes movies, TV, a live route map, seat-to-seat chat, etc. They really missed some strong opportunities for in-flight social networking and games but it's a promising start.

 

This is a view of the live routemap.

1 2 ••• 6 7 9 11 12 ••• 79 80