UI design for VR

For some reason I’ve started to get drawn and intrigued by UI design for Virtual Reality. It’s a bit of a buzz word at the moment, but I feel it will play some part of the way we experience the internet in the future whether it’s a complete VR immersive experience or more of a mixed reality with the real world being layered with digital displays on top. A friend shared this video from Mike which describes how a lot of the fundamentals of design will still apply colour, contrast, size etc and with the additional use of sound and motion we can start to create wonderful user experiences in VR.

This other video starts looking at some best use practises based of some test done with Oculus Rift and by Samsung as well.

 

Google AI Experiments

 

Georgio Cam is one of the stand outs on the Google AI Experiments. It uses image recognition to generate a song worded/sung by the great Giorgio Moroder.

See them all here.

 

Rate my roof

Rate My Roof Case Study

I really liked this campaign by Origin Energy that encourages people to use their roofs to generate solar power. The ad shows a couple that travel the country and pinching people’s unused roofs for solar power. This is a great extension to the idea where people can check out how much energy they can generate via Origin and Google Maps.

Converse shoe with inbuilt Wah Wah pedal

 

Converse have taken a different spin on wearables by fitting a pair of Chuck Taylors with a wah wah pedal. Giving the user the ability to Wah Wah simply with just their shoes!

Google button wall

 

This is just a damn fine installation!

Project Jacquard weaves technology into fabric,

 


Google’s been working on weaving technology into textiles turning clothes in to wearable interfaces.

Project Jacquard makes it possible to weave touch and gesture interactivity into any textile using standard, industrial looms.

Everyday objects such as clothes and furniture can be transformed into interactive surfaces.

Connected devices

 

screen-shot-2016-06-03-at-1-46-41-pm-1163x1112

 

The fully connected home is a while off but these little tags have a range of functionality from motion sensing to brightness sensing to temperature and humidity monitoring, and can be placed on pretty much any object to connect it to other objects in the home.

 

set of small, wireless tags attach to just about any household object, connecting your own piece of the world with the world at large becomes pretty easy.

Read more: http://www.digitaltrends.com/home/mesh-diy-smart-home-kit/#ixzz4AkqnWOZF

Magic leap for Mixed Reality (MR)

So we haven’t even been able to come to terms with Virtual Reality yet and we’re already exploring Mixed Reality. This looks so good and more inline with our Back To The Future style promised future, essentially a new level of both virtual and augmented reality.

In technologies like Magic Leap’s, virtual objects are integrated into—and responsive to—the natural world. A virtual ball under your desk, for example, would be blocked from view unless you bent down to look at it. In theory, MR could become VR in a dark room.

Shoemoji – Footlocker

Foot Locker: Shoemoji from CB-H on Vimeo.

 

Starting to get overused but felt this was bang on for it’s target market and a great way to add value to the app as well launch it!

See the entry website here.

Virtual Reality painting with Tilt Brush by Google

Glen Keane – Step into the Page from Future Of StoryTelling on Vimeo.

 

 

WOW…… Would love to give this a go. Imagine a Tilt Brush live art installation!

Check out the website.

Framing the story

andrewstanton_ted2012_021937_d32_9664_custom-3e26033521428bc35b61a88c117af502e8ddb9cf-s1600-c85

 

I listened to a great Ted Radio episode the other day.

Story telling is joke telling. Knowing your punchline, your ending. Knowing everything your saying from the first sentence to the last is leading to a singular goal. And ideally confirming some truth that deepens our understanding of who we are as human beings.

– Andrew Stanton, Pixar

 

Listen to it here.

Emotional way to reduce speed

 

Just a simple, emotional way to remind people not to speed. One of those ideas you that’s so simple you wish you had of come up with it!

Attention powered driving

 

Bit old but I thought it was still worth posting.

This campaign uses Emotiv to detect drivers brain waves and attention. If the drivers attention drifts off the task of driving the car, the car starts to slow down.

a car that goes when you’re paying attention and slows when you’re not

3D Selfies

MegaFaces Pavilion and kinetic facade, Sochi Winter Olympics 2014 from Asif Khan on Vimeo.

 

MegaFaces is a cross-platform project that combines digital, sculptural and architectural innovation. It was conceived by London architect Asif Khan and engineered by iart for the Sochi 2014 Winter Olympics and Paralympics. The project was commissioned by the Russian telecom operator MegaFon.

Similar to a pin screen, the kinetic facade of the MegaFaces Pavilion was able to transform in three dimensions to recreate human faces. It displayed giant 3D-‘Selfies’ of visitors to the building and sports fans from all over Russia and thus, gave everyone the opportunity to be the face of the Olympics. True to MegaFon’s campaign: ‘Create your own Olympic history’.

See more.

Dorothy wearable tech

Dorothy from iStrategyLabs on Vimeo.

Came across this fun concept that allows you to activate actions on your phone via your shoes.

Funny user cases like getting a phone call to save you from a terrible date as well as booking an Uber from your current location.

Simply clip the “Ruby” (a small connected device) into your shoe, click your heels 3 times, and you can call your phone, text your friends, and more…

Tron goes skiing

AFTERGLOW – Lightsuit Segment from Sweetgrass Productions on Vimeo.

 

Sweet idea to promote Phillips Ambient TV. Using light suits these skiers light up the snow field as they cruise down mountains at night. Shows the product benefit beautifully and brilliantly shot as well.

Vessyl – Smart bottle

 

I’m really into the IoT, it’s interesting to see the evolution that’s taking place right in front of us as it went from Nike Plus, to fitbit and Up, to smart plates, Google glass and now the Vessyl. As the video shows:

Vessyl automatically knows and tracks everything you drink

I’d love to test drive this little bottle to see how accurate it is at working out what liquid is inside it and the breakup of it, but if it delievers on everything it claims to then it’s really impressive. It does involve a little bit of a change in behaviour in the sense you need to pour everything you drink into the bottle, but definitely a lot better then current solutions such as, logging it in a book or via an app.

At the very least it’s beautifully designed, which would make using it a lot more likely!

Disney master animator – Duet

 

Disney never disappoint me. Love this beautiful animation and the elegant use of light to bring it to life.

A new car UI

 

This concept piece from Matthaeus Krenn challenges the current Car HMI landscape. You can understand why car HMI is the way it is with it needed to be accessible to all, but as we move into more touch displays and motion gestural experiences this kind of thinking is very important for our digital evolution. I find a couple of things that could be potentially improved but the inital thinking is remarkable.

 

Some potential tests or builds would be to include horizontal controls as well. The idea that you could be increasing the air conditioning tempurature on the vertical pane, while also increasing the fan speed on the horizontal pane would be handy.

 

Also displaying some additional information to inform the next interface element would be handy. For example when switching between media types, being able to see the other options and where they are in the list would provide a little more information for the user and reduce the distraction of exploration.

 

Overall this is amazing, it’s always easy to critque someone else work. As it is, it’s an amazing piece I hope it can inspire and inform UI and HMI for the future.

 

To see more of Krenn’s HMI concept check out his website.

Making prototyping easy

 

Been seeing a few impressive protoype apps hitting the market lately. This Kickstarter project, AppSeed is a great idea if they can successfully pull it off. Essentially it gives you the ability to turn your sketch wireframes into working prototypes. It’s able to detect boxes and buttons that you can edit and reposition and also allows you to add graphics like maps and streetview.

 

I also came along Composite which uses layer comps in Photoshop to let you turn your PSDs into interactive prototypes.

 

Composite — Interactive Mode Demo from Panes Software on Vimeo.

Disney continues to innovate

 

The guys at Disney have been putting together this impressive piece of software that allows them to develop animated mechanical characters. It’s quite amazing the way you can draw some paths for objects to follow and a optimal gear system is generated to bring that motion to life.

“Given an articulated character as input, the user iteratively creates an animation by sketching motion curves indicating how different parts of the character should move”

They do a better job of explaining the process behind this technique so read it for yourself.

Bit of Personality in UI

Knopka-LoginError

More microinteraction goodness!

Just read a great article from the talented cats at UsTwo about the process they took to come up with for the UI (and UX) of a new banking product. The product was given a very friendly and colourful look and feel and the team had to find ways to bring this look to life through the UI. Using R2-D2 as inspiration they looked at dynamic animations and sounds to bring this concept to life.

Check out the blog post for yourself and watch the video below for a quick look at some of the animations!

 

Кнопка from knopkacom on Vimeo.

Delightful Microinteractions

 

I saw Dan Safer talk at UX Australia last week and his talk on Microinteractions really inspired me. Adding little moments into features and interactions is something I have always tried to do in my designs but the way he highlighted it and gave examples of how important they are to a product, made me want to find more ways we can surprise and delight users.

 

Making digital experiences more personable by speaking to users in a more humanistic tone, indicating what a certain action is going to lead to rather than relying on error messages as well as learning how people use an interface and adapting to that are all little things that can help people have a better connection with our products.

 

Although not as good as seeing Dan express the awesomeness of personable microinteractions you can find out more about them here.

Smart socks coming to a shoe near you!

 

 

If you can’t tell I’m kind of into the wearable digital devices lately… Ha I’m definitely excited about “wear” this is going so any news on them definitely grabs my attention.

 

This one here is a sock that tracks you’re walking/running activity and informs you of the pressures on your feet. Personally I reckon the Athlete’s Foot or Nike or some sort of shoe retailer needs to dive all over this. Imagine being able to give this to consumers and then inform them on the right type of shoe they should use or even suggest to them that based off the impact on their feet it’s time for a new pair of shoes? (It sounds evil to a certain extent but if it was actually going to benefit consumers I think it’s ok)

 

From Springwise:

The Sensoria sock includes a sensor that can not only suggest exercise improvements, but also inform the wearer of bad running habits and track recovery from injury.

How focused are you?

 

 

I’m filthy I missed out on this kickstarter project! Would be great to test it out.

From the kickstarter project page:

Gain insight into how your mind works by tracking your focus during any activity you choose. Understand yourself. Learn differently.

I’ve always wondered how cool it would be to be able to use something like this to track your reaction/feelings towards a new music album. Hopefully they can open up their API to allow some great applications of the tech.

Mind DJs

Feel this is bordering slightly on being exploitative but I do love the combination of technology and art in this.

From PSFK:

“For Smirnoff, the project is only the first in a series of projects that aim to create awareness of how innovation and inventiveness can help people realize their creative potential.”

Drawnimal app for kids


Personally, I love projects that are integrating more and more into the real world and I think this is a nice example of a simple way to do this. Kids love to draw and use their imaginations and this app gives them the perfect platform to do this in an educational way as well. The app itself provides a hint at what the kids should draw and then brings that drawing to life with funny cartoon animations.

“The idea was born while my daughter and I played with an alphabet book. This book showed us how to build an origami-animal out of a paper letter. I wanted to bring a similar analog and funny learning experience to our daily digital devices.” – Lucas Zanotto, designer/animator

Kids have it so good these days… ha

Check out the drawnimal website to see more animal creations!

 

Personalised story using your child’s name

lostname_1

 

lostname_2

 

Beautiful idea and great execution. (although I haven’t read the story yet…) Basically you type in your child’s name and a personalised story is created using the letters in their name. You can then preview the story and get it printed.

I really like the website as well, clean, nice use of textures and the page flipping is pretty shweet.

Ghost Glass – Touch Screen

SCION: GhostGlass 2013

Love seeing different ways of using touch screen tables. So many great applications for this and this execution is tapping into a couple of ones. Would be great if you could slam your card down and race other people’s cars, to gain points to customize and upgrade it… So many possibilities!

Radiate – Training gear that changes colour based on output

 

Rightio, I know this isn’t really digi, but computers were used to work this out so I’ll rest my case on that… But how great is this idea? Now I can have a hypercolour shirt that has a purpose other than to look terrible when out in public!

The shirt changes changes colours to reflect the muscles you’re using during a work out. Perfect for those of us that want to work on specific muscles, doing a new work out and aren’t sure we’re doing it correctly, so many uses.

Apparently this Kickstarter project reached it’s target in 2 days! Awesome.

Radiate uses color change technology and thermochromic inks and dyes that change color as the temperature changes, revealing the current level of your performance in terms of output of heat.

Via psfk

 

LEAPing into motion

3D Display – Re-Imaging (Three.js & Leap Motion) from Robbie Tilton

LEAP is making a bit of a splash at SXSW and I’m still waiting for my preorder, but I just wanted to share one of the cool applications Robbi Tilton has come up with using Three.js and the Leap Motion. Starts the creative juices flowing doesn’t it!!

AR second screen interaction

Exciting second screen action here. Personally not a fan of the little 3D models dancing around my lounge room, but it does get the brain ticking over for other applications. Like maybe what a home theatre could look like around your telly. Or for travel companies showing what it would look like to be watching your telly in say Times Square???

From DigiNews:

Visual SyncAR, from NTT, uses digital watermarks embedded in the video stream to display synchronized content on a second screen. The screen area and playback timing is quickly detected, allowing for CG overlays and contextual information to be displayed with precision.

USA Today gets a pinteresty redesign

I’m really liking the layout and design of the new USA Today website.

Interesting to see they have gone for an app as apposed to a fully responsive site… Not sure what the reasons would be but, overall a very clean ‘pinteresty’ design and easy reading.

Frothing Data

Screen-Shot-2013-02-06-at-10.05.26-AM

I’m a big fan of making complex data more digestible and exciting. It’s a tough challenge in some cases. MTV has done some killer solutions for their Movie Awards 2010 twitter tracker and 2011, in the past and I reckon the UFC have done a pretty job of it here as well.

Check it out for yourself here.

The Endless Virtual Sunrise

Virtual Sunset from Studio Tobias Klein on Vimeo.

This installation uses live crowdsourced images of sunrises from around the world and plays them as the sunrises around the globe. Beautiful idea. Not 100% sure that the tubes are the best way to portray this, it does add to the virtual/artificial feel though.

via Designboom.

Cloud all the things!

Great idea here where you can rent fonts for as long as you need them. Haven’t checked out the pricing mechanic but the thought is spot on. Could see this becoming a big thing in the design world where you could almost have a social network for fonts. Seeing what fonts successful designers are using, getting good suggested fonts for fonts you rent etc.

Via @springwise

Cyborgs movie

CYBORG FOUNDATION | Rafel Duran Torrent from Focus Forward Films on Vimeo.

 

Really interesting video on how Neil Harbisson uses technology to perceive his world. It’s amazing that this technology has actually been adopted into how his brain works. These guys might be the closest thing to real life superheros… Scary.

MobiCube – Future workspaces

Cool little creative concept by Smart Design.

From @PSFK:

“The MobiCube helps the modern worker manage the range of tasks that they face and focus on the tasks at hand. It’s a portable accessory that projects a digital workspace onto any physical surface. The internal projector can read gestures so that all interactions can take place through touch or stylus input.”

Would be really noice if this cube converted all sketches into vector shapes and save this on to your computer so you could sketch out wireframes or designs with a client on the fly.

 

WWF Together App

 

Gave this little app a go and I was really impressed. I found the interface was intuitive once they gave you the little hints to get started. Very subtle and elegant I reckon!

Via Digital Buzz Blog

Here’s a new iPad experience from WWF, called ‘WWF Together’ the app aims to connect users closer to their favourite animals, making the most cutting edge interaction design and the best possible hardware usage to create an innovative new experience… The app managed over 100,000 downloads in its launch weekend! Not bad! Created by the guys at AKQA. (Thanks Katy!)

Threading UV lights

I really liked this light and thread installation by Berlin-based Korean artist Jeongmoon Choi which is featured in Paris at Galerie Laurent Mueller through January 26, 2013. Feels very Tron like and like the notion of mapping spaces.

It’s kind of similar to Gabriel Dawe’s work which I also find amazing.

 

via The Verge

JWT trends for 2013

More info @ JWTintelligence.

PaperTabs prototypes

Video: Prototype ‘PaperTabs’.

The PaperTab tablet looks and feels just like a sheet of paper. However, it is fully interactive with a flexible, high-resolution 10.7” plastic display developed by Plastic Logic, a flexible touchscreen, and powered by the second generation Intel® Core i5 processor. Instead of using several apps or windows on a single display, users have ten or more interactive displays or “papertabs”: one per app in use.

Via 8bitfuture.

Connecting (the film)

Watched this film today and found it really inspiring and insightful. Love the idea of the Internet of things and merging digital with real world objects.

Digital Disneyland

Cool article from The New York Times about how Disney is going to introduce MyMagic+ which will deliver a more personalised and effiecient experience for their patrons. Avoid queues by receiving alerts to your smartphone when it’s your turn, personalised messages while on the rides and when dealing with staff, they could even output a video of your day at Disneyland i reckon.

Read the article for yourself here.

Make it rain! (indoors)

This is a rain room found at the Barbican Art Gallery, London. Created by Florian Ortkrass and Stuart Wood from rAndom International, it uses 3D motion tracking to allow you to walk through the room without ever getting wet. If only we could hook this up to the clouds…

Firewall

An interactive installation that uses spandex and Kinnect to create a fire like pattern when people interact with it.

For more info check out Aaron Sherwood’s blog

Cycloramic shoots 360 video on it’s own

This idea is amazing. Using the vibration function in your iPhone 5 this app records 360 degree video. The output isn’t perfect (because of the vibration) but the idea alone is ingenious!

Get the app here for $0.99.

Interactive Pods

 

rcruzniemiec:

Immersive Cocoon NAU

The Immersive Cocoon begins with a simple premise: the digitally created worlds that we visit every day through two-dimensional screens is quickly expanding and deepening into 3D navigable space.  This 4m sphere provides the gateway to these worlds with a 360° interior dome-display and the sophisticated motion-sensing software that inspired Minority Report.  Suddenly ‘virtual’ space surrounds the user in built form; navigation is accomplished using simple hand gestures and intuitive body movements.

(via thenextweb)

Shake yourself awake

Fun little alarm clock app that asks users to wake n shake. Heavy sleepers can set the shake difficulty higher to really get them up.

Via @psfk:

  • “Using smartphones’ built-in accelerometer, the app allows heavy sleepers to set the difficulty level of the shaking required to turn the alarm off. A red bar moves along the screen to show how much more shaking is required to shut it off. The developers recently redesigned the app to make it more social, introducing the ability to compete with friends – either by wake up time or difficulty of shaking – as well as obtain 50 personal achievements for things like using the app 20 days in a row or moving to a harder level.”