Interaction Design & UI/UX: A closer look at the Tesla Model 3 touchscreen

Interaction Design & UI/UX: A closer look at the Tesla Model 3 touchscreen

I am a great fan of Tesla and also of Elon Musk, the care of his level of thinking for the user experience and vision simply changed the game of the entire car industry. Earlier this year, they have introduced the Tesla Model 3; the mid-size all-electric four-door luxury sedan starting at a very affordable price. As a designer, what struck me the most was the removal of the "conventional" interior car interface replaced by a 15-inch touchscreen. So many thoughts went through my mind regarding how the driving will be effective with such a large screen in the center console. We are taking a look at the work of Michael Cherkashin, a Los Angeles-based creative director at HUG. He is walking us through the original concept and also all the challenges they have encountered for designing the interface of the Model 3. Enjoy the read! Michael Cherkashin is a creative director over HUG. A branding agency on a mission to rely on for beautiful design and impactful outcomes. Based in Los Angeles, CA, USA, Michael is also Director of photography at Inhale Films. Our vision for any user interface is simple: efficiency should be as close a possible to 100%, in other words, a user should be able to perform the desired task with as little effort and distraction as possible. This would be especially pertinent to vehicles as safety is such a priority. We want to share this philosophy with drivers, fellow engineers at Tesla and other car manufacturers. We've designed intuitive multi-touch gestures and a responsive grid that can be customized to suit both driver and passenger needs. More Links Learn more about Michael Cherkashin at hugagency.com Follow Michael Cherkashin's work on Behance UI/UX & Interaction Design (In His Words) Challenges Model 3 has been released with a new 15-inch touchscreen, which is wider than previous screens on Model’s S and X. Whilst it looks great, some areas of the screen and functionality have become harder to reach. This may seem like a minor difference, however, when operating a vehicle it could become significant, as every moment is crucial. And, although the Model 3 was designed to be autonomous, in some countries, with heavy winters for example, the necessary infrastructure and support is yet to be in place, so the need for a driver in an autonomous vehicle is still required. Another challenge arises from the lack of physical buttons. In other vehicles your tactile sense can be used to find the button or adjustor without taking your eyes off the road. However, navigating a touchscreen requires the driver taking their eyes off the road; when encountering bumpy roads, it would be even more challenging holding a steady hand on the right area of the screen. To combat this we came up with two solutions. The first is an adjustable grid where users can move panels of the dashboard to best fit their needs. For instance, the media player can be moved to the passenger's side so they can enjoy playing DJ, whilst the map can be moved in closer view to the driver and expanded or hidden in case of autonomous driving. The second solution introduces multi-touch gestures that can be applied to any area of the screen, and don’t require a driver to be distracted by looking away from the road to navigate functions. These gestures would be intuitive and replicate physical buttons. Video Two Finger Gestures Using two fingertips, drivers or passengers can control the multimedia player, even when it’s not displayed on the screen. Each gesture has been designed to replicate the physical buttons and dials we’ve become accustomed to, for example, the volume wheel rotation. • Tap to play and pause • Rotation brings up the volume • Tap and scroll sideways to fast-forward • Quick scroll sideways to change media • Scroll top and bottom to change channels Three Finger Gestures Using three fingertips, drivers or passengers can adjust climate control by rotating left or right. When adjusted from the driver’s side of the screen, the temperature is controlled for the whole vehicle; alternatively, applying the same gestures from the passenger side enables dual climate control. • Rotation on the driver’s side controls temperature inside the whole vehicle • Rotation on the passenger's side turns on and controls dual climate control • Scroll top and bottom to adjust fan level Interface Look and feel is another key factor to consider, especially in such a beautifully designed Model 3. The interface should match the quality interior and exterior. We used a simple and smooth design, with a very friendly and warm feel. The buttons are large, with plenty of surrounding space so it’s easy to tap while driving. The colors are balanced to be clearly visible in bright sun, but soft enough to be less distracting for the driver. Night Mode Once the sun starts to set and night falls, the screen will switch to a darker night mode, providing less glare and distraction for a better driving experience. The brightness level is adjustable by moving one finger down from the top edge to decrease the light, and up from the bottom edge to increase the light. Notifications Notifications are made to be intuitive and easy to deal with. For example, whether you are mid phone call or cruising along, when your vehicle’s battery is running low the option for taking direction to the nearest Supercharge station is one simple touch away.

Automotive CGI Design: the futuristic Honda Reventon

Automotive CGI Design: the futuristic Honda Reventon

Following up with our latest futuristic feature, let's go with this automotive CGI design by colorsponge entitled: Honda Reventon. As part of a weekly challenge from the folks at Automotive CGI; colorsponge also known as Carlos Pecino is taking it over with this winning design. I think you might have recognized the frame of the Lamborghini Reventón alongside with an Akira-inspired colour palette and elements like the tires. It's quite lovely and a nice tribute! colorsponge is an CGI artist located in Manchester, UK. Behind colorsponge is the work of Carlos Pecino, running with 10 years of experience in the digital world. You should check out his Behance for more of his CGI works. More Links Learn more about colorsponge via Behance Follow Automotive CGI on Instagram Automotive Design  

Industrial Design: Motorbike from Great Japan

Industrial Design: Motorbike from Great Japan

I stumbled across what Honda was working on a new self-balancing motorcycle, it was pretty cool. Seeing this bike got me wanting to surf on the process behind the industrial design work of such concepts. I’ve found this stunning-looking motorcycle concept by Artem Smirnov and Vladimir Panchenko. Their concept is about their passion about the Japanese approach to design and it’s quite lovely what they have done. Published via Behance , this is the work from Artem Smirnov and Vladimir Panchenko who are based in Kharkiv, Ukraine. Ruling themselves in automotive design, insdustrial design and engineering, you will amazed by the different variety of projects they have worked in team and individually. The Japanese approach to design has always been original, which is the foundation of culture with its art of origami and the samurai spirit. The simplicity and sense of space, and today are recognized in the industrial design of the Japanese brands. But for some reason, this approach is now rarely used in the design of Japanese cars and motorcycles. It felt the impact of the European brands that impose their rules of the game, when an inexperienced user can not tell the Japanese product from the European. It's time to go back to the roots and make Japan great again!   Credits Artem Smirnov Vladimir Panchenko

3D Exotic Cars - CGI Renders

3D Exotic Cars - CGI Renders

It’s always impressive that somehow you’ll look at a photograph and you’re not even sure if it’s real or not. I am especially talking about car photographs, we understand that is a tremendous amount of work to just finding the location, getting the equipment, getting the special car and crew to just organize everything together. What if there’s another route? Let’s not pick a side, let’s rather enjoy the stunning CGI work from Onur Dursun who has been a CGI artist for more than 10 years currently based in Stuttgart, Germany. With that much experience to craft his skills, Onur has been rocking in art direction, retouching and of course automotive design. Experienced with over 10 years in Computer Generated Imagery (CGI). More Information via Behance.

Box on Wheels by  Scott Schenone

Box on Wheels by Scott Schenone

The internet has given us access to so many things and with that, tools to ease the ability to share. For me, the most fascinating of all is that we can see various types of artworks and styles. A great example is the project Box on Wheels by Scott Schenone, the idea is to create a car model from a box model. The result is super stylish, full of personality and somewhat resembles one of the Pixar models for the movie Cars. A Defender 90 design that fits inside a perfect square. Via Behance

SOL.E - Personal Transportation

SOL.E - Personal Transportation

It's been quite a long time since our last post about industrial design, especially car design. To change that today we feature the SOL.E - Personal Transportation, a project created by Adam Carvalho, a Bachelor of Industrial Design from Humber College, passionate about design and always up to try something new, and have as much fun as possible. Currently, automobiles account for almost a third of our carbon emissions in products and utilities used today. This doesn't stem just from the fossil fuels burnt from vehicle use, but from manufacturing, end-of-life, material choices, etc. SOL .E is geared towards personal transportation, translated into a single seat vehicle. It is designed to be a full range road vehicle which optimizes sustainability through manufacutring, materials, useage, and end-of-life disposal. Via Behance

BMW Osmotic Drive

BMW Osmotic Drive

We all know the importance of sketching during any design process, however depending on the field we work we tend to skip the sketching part and go straight to more detailed mocks. That's one of the reasons I love to see car design projects. The sketching and ideation during this part of the process is never forgotten. A great example is the project that Mark Cansick titled BMW Osmotic Drive - Final Year Project Flatwork. An amphibious luxury vehicle for 2023. Incorporating elements from seaweed and the idea of erosion on the exterior features to isolate key features on the surfaces. Mark Cansick is a automotive design student from London, UK. For more information visit: https://www.behance.net/MarkCansick

Chevy Equinox - Case Study

Chevy Equinox - Case Study

Automotive Design is probably one of the most fascinating areas of design in my opinion. It exemplifies how style, branding, technology and constraints play together while creating a product. Kirill Ponomarenko illustrates this in a project completed during his GM Exterior Design internship in the Summer 2012 focused on the Chevy Equinox. Kirill Ponomarenko is a industrial designer with BS Mechanical Engineering degree from Virginia Tech (2008), he has worked at the General Motors Aerodynamics group for over four years. While at GM, he also completed two exterior design internships in the summers of 2011 and 2012. I'm passionate about cars, racing, entertainment art, soccer, snowboarding, ice cream, and many other things. For more information visit http://www.kirillcandraw.com/

LaFerrari

LaFerrari

One of the first posters my brother and I had was of the iconic Ferrari F40. I used to obsess over the car, drawing in school on the last pages of my notebook. Since then Ferrari has launched the F50, the Enzo Ferrari and this week they reveal the successor of the legend named LaFerrari. Obviously we are not talking about a car, but a masterpiece of design and craftsmanship. Of course we had to post about LaFerrari. We are sharing some images and videos from the official site and we highly recommend that you check it out. We think you'll enjoy learning all about the design and construction elements that make this icon unique. Teaser Concepts The result is strongly reminiscent of the gloriously exuberant forms of late-1960s Ferrari sports prototypes, such as the 330 P4 and the 312P. The ratio of the front and wheelarch dimensions are also very much in line with Ferrari tradition. The LaFerrari’s body has been given a sculptural treatment heavily influenced by its aerodynamics. Its elegantly sculpted forms lend a sense of huge power and aggression to the wheelarches, with surfaces flowing fluidly rearwards over the cockpit and beautifully resolved forms that give shape to the volumes themselves. Photos The LaFerrari’s architecture represents the pinnacle of innovation even by Ferrari’s legendary standards. The objective was to increase aerodynamic efficiency, deliver ideal weight distribution, lower the car’s centre of gravity as far as possible, and, most importantly of all, seamlessly integrate the new hybrid system Via http://www.laferrari.com/

Beautiful 3D Cars by Jan Mokrzecki

Beautiful 3D Cars by Jan Mokrzecki

When I was a kid I used to love to draw cars, from the iconic VW Beetle to Formula 1. I had so much fun, especially in school, where apparently, was the most inspiring and creative moment for me to zone out of the day's lesson and sketch. Nowadays we have a bevy of tools right at our fingertips and with computer and 3D software we can go that extra step and make really amazing car renderings in one fell swoop. The idea of this post is to feature some really cool 3D cars created by Jan Mokrzecki, an extremely talented digital artist from Poland with a great portfolio of beautiful car renderings. Bentley Mulsanne Jaguar D-Type Longnose 1954 Shelby Cobra 1967 Ford Mustang Shelby GT-500 Eleanor Plymouth GTX 1970 Dodge Charger 1971 Hummer H1 2004 For more information about Jan Mokrzecki visit http://www.behance.net/janmokrzecki