UI Inspiration: This week's selections from Nicolás Fiasche, Aoife O'Dwyer and more

UI Inspiration: This week's selections from Nicolás Fiasche, Aoife O'Dwyer and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week we have a concept for National Geographic by Nicolás Fiasche, it's quite colourful. Also we are focusing more specifically on interactions for Web design, hope you will enjoy these. In this collection we are featuring the work from Nicolás Fiasche, Aoife O'Dwyer, CAROLINE CHAUVET, ganeshkumar and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Nicolás Fiasche Design by Aoife O'Dwyer Design by CAROLINE CHAUVET Design by ganeshkumar Design by Yudin Alex Design by Wando C. Design by Ryan David Curtis Design by Murat Yılmaz Design by Mauricio Bucardo Design by rohan rahian Design by meguru muramoto Design by Dan Design by Hashan Design by LEISHU Design by Matt Wojtaś Design by Zhenya Rynzhuk

UI/UX & Interaction Design: Amazon Alexa App Concept

UI/UX & Interaction Design: Amazon Alexa App Concept

On ABDZ, it's rarely a case where we will feature a project that shares some of the thinking behind the design. We mostly see beautiful UI but most of the times are incomplete or misleading in terms of design thinking. But today, we are taking a look at this concept for Amazon Alexa App by Jooyoung Joung, what I liked about his concept is that he designed this experience based on problems from the current Alexa experience. To me, where the work from Jooyoung truly shines inside his user flow, super well-thought-out and totally defines his vision of the experience. In UX, we spend most our time working on building an experience or redesigning one. My Alexa is a suggestion of new concept for Amazon Alexa app. This project has new visual and empathic interface. My Alexa will empower user's daily life with inspiration, motivation, insight and empathy. The whole concept was inspired by Maslow's Hierarchy of Needs. More Links Learn more about Jooyoung Joung Follow Jooyoung's work on Behance UI/UX & Interaction Design  

Playful Web Design & UI/UX for Superlative Store Concept

Playful Web Design & UI/UX for Superlative Store Concept

We are taking a look at the concept by designers Stugbear and Shota Xaxaleishvili on a store concept called: Superlative. They have worked on the web design, UI/UX and also the interaction design. The desktop experience is clean and I love the interactions especially on the menu. It totally enhances the shopping experience. One thing though, I wouldn't see this concept work for a fashion brand because the overall experience might be long for some but it's quite playful which is always inspiring to note. There is also the concept of the filters which are nice, this direction makes it even more clear and it reduces the number of clicks for the user. More Links See full project on Behance Learn more about Stugbear . on Instagram Learn more about Shota Xaxaleishvili on Dribbble Web Design & UI/UX  

UI Inspiration: This week's selections from Shekh Al Raihan, Shahidul Islam Shishir and more

UI Inspiration: This week's selections from Shekh Al Raihan, Shahidul Islam Shishir and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week we are having some beautiful UI with food, I guess it's a nice way to start off the week. I stumbled a very interesting UI approach from Surja Sen Das Raj about a WIP for Project Management iOS Application, check it out! In this collection we are featuring the work from Shekh Al Raihan, Shahidul Islam Shishir, Atuka, Daniel Timofte and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Shekh Al Raihan Design by Shahidul Islam Shishir Design by Atuka Design by Daniel Timofte Design by Bhawna Joshi Design by Marvin Wu Design by Ahsan Raz Design by Sebastian Stapelfeldt Design by Aimm Design by Abdullah Noman Design by Christos Design by CANAAN Design by Surja Sen Das Raj Design by Johny vino™

UI Inspiration: This week's selections from Joshua Oluwagbemiga, Ahsan Raz and more

UI Inspiration: This week's selections from Joshua Oluwagbemiga, Ahsan Raz and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For starters, we have a beautiful concept from Joshua Oluwagbemiga using InVision Studio and also lots of magazine-style layout design in UI. It's full of potential, might be a headache for developers but quite a fun exploration. In this collection we are featuring the work from Joshua Oluwagbemiga, Ahsan Raz, fxs, Nelia Kleiven and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Joshua Oluwagbemiga Design by Ahsan Raz Design by fxs Design by Nelia Kleiven Design by Dragon Lee Design by Ana Wibiastuti Design by Silver Stag Design by Akshay Bukka Design by HelloKimi Design by Nicolas Bonté Design by Liquidink Design Design by Zsolt Stelkovics Design by Denis Abdullin Design by Zuairia Zaman Design by JONDesigner Design by Studio–JQ Design by Maria Kovalevich Design by yuuheng Design by Julien ™ Design by Rocion

UI Inspiration: This week's selections from Zahidul, Cuberto, Hrvoje Grubisic and more

UI Inspiration: This week's selections from Zahidul, Cuberto, Hrvoje Grubisic and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing lots of creative work mixed with illustration. We are also including a fair amount for submissions from the #SpacedChallenge that we have featured on ABDZ. In this collection we are featuring the work from Zahidul, Cuberto, Chris Sandlin, Julia Jakubiak and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Zahidul Design by Cuberto Design by Chris Sandlin Design by Julia Jakubiak Design by Hrvoje Grubisic Design by Igor Pavlinski Design by Tom Koszyk Design by Margot Gabel Design by Geex Arts Design by Mike Delsing Design by Beka Kereselidze Design by Dimest Design by Tintins Design by Prowling Wolves Design by Md. Ashiful Haque Design by Mahin Muslim

UI Inspiration: This week's selections from Matthew Sandoval, Haoming, Tony DeAngelo and more

UI Inspiration: This week's selections from Matthew Sandoval, Haoming, Tony DeAngelo and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing our first Dashboard design that we haven't seen for quite some time. We have a little bit of everything this week, hopefully you will enjoy! In this collection we are featuring the work from Matthew Sandoval, Haoming, Tony DeAngelo, Mikolaj and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Matthew Sandoval Design by Haoming Design by Mikolaj Design by Richardzon Design by Dimest Design by rohan rahian Design by Emma Y. Design by Geio Tischler Design by Tony DeAngelo Design by Mario Šestak Design by Sayeed Ahmad Design by Oleg Melnykovl Design by Michal Sambora Design by Zhenya Rynzhuk

UI Inspiration: This week's selections from uixNinja, Sky™, Vimal Kutmutia and more

UI Inspiration: This week's selections from uixNinja, Sky™, Vimal Kutmutia and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing a little bit more designs about cryptocurrency, is it becoming a new trend? Let's take a look at this great crypto wallet from uixNinja. Also some cool web design transitions especially the one from Filipe Almeida for his Primetime blog. In this collection we are featuring the work from uixNinja, Sky™, Vimal Kutmutia, Jarek Maćków and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by uixNinja Design by Sky™ Design by Vimal Kutmutia Design by Jarek Maćków Design by Raphaël Dutoit Design by Lars Mazanec Design by Cleo Stephenson Design by CerebroCreativo Design by House of Greenland Design by Daviann Design by George Design by Jonas Arleth Design by Hendaru Hery Hermawan Design by Filipe Almeida Design by Miłosz Bieniek Design by Koncepted Design by musHo

UI Inspiration: This week's selections from Samuel Medvedowsky, Barbara Morrigan and more

UI Inspiration: This week's selections from Samuel Medvedowsky, Barbara Morrigan and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are taking a step back from cool transitions. But Samuel Medvedowsky made a beautiful and useful UI kit, check it out. I loved the "Category Page Interaction" from Dannniel where it's always a good challenge to build a great experience for online retail. In this collection we are featuring the work from Samuel Medvedowsky, Barbara Morrigan, Sasha Turischev, Dann Petty and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Samuel Medvedowsky Design by Barbara Morrigan Design by Sasha Turischev Design by Dann Petty Design by Giel Cobben Design by Adam Ho Design by Dannniel Design by Pavel Tsenev Design by Jon Ezell Design by Dmitri Litvinov Design by Mo Design by Dmitry Neugasimov Design by Christian Vizcarra Design by João Torres Design by Minh Nguyen Design by tranmautritam

UI Inspiration: This week's selections from Lukas Svarc, Quintin Lodge, Cuberto and more

UI Inspiration: This week's selections from Lukas Svarc, Quintin Lodge, Cuberto and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we have in great company with amazing shots from very talented designers. Let's take a look at cool transitions of a productivity app, a flight seating UI, cryptocurrency exchange concept and more. In this collection we are featuring the work from Lukas Svarc, Quintin Lodge, Cuberto, Steven Fabre and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Lukas Svarc Design by Quintin Lodge Design by Cuberto Design by Steven Fabre Design by Morten Niklasson Design by Nicholas Design by Joshua Oluwagbemiga Design by Corey Haggard Design by Valentine Boyev Design by yoki-woo Design by dmtr. Design by Bobbi Z Design by Jason Kirtley Design by Sean_Song Design by Artyom Tarasov

UI Inspiration: This week's selections from Aakash Sarvaiya, Maciej Dyjak, Andrew Chraniotis and more

UI Inspiration: This week's selections from Aakash Sarvaiya, Maciej Dyjak, Andrew Chraniotis and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration for the new year. We are focusing on cool animations, layout designs, UX thinking and more. We will also mix it all from static, dynamic and even live prototypes, this might be a great article to bookmark! For this week, we have some cool interactions with what could be trending. What do you think about cards in iOS? Card designs added with some really smooth transitions, that's kind of neat right? I guess time will tell. In this collection we are featuring the work from Aakash Sarvaiya, Maciej Dyjak, Andrew Chraniotis, Marek Leschinger and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Aakash Sarvaiya Design by tranmautritam Design by Maciej Dyjak Design by Maciej Dyjak Design by Andrew Chraniotis Design by Marek Leschinger Design by Neil彭彭 Design by Kamil Glowinski Design by Sebastiaan Scheer Design by Greg Beldam Design by Mansoor Ali Design by xumin Design by JONDesigner Design by Yiker Design by Jabel Ahmed

UI Inspiration: This week's selections from Claudio Guglieri, Ela Kumela, Gleb Kuznetsov and more

UI Inspiration: This week's selections from Claudio Guglieri, Ela Kumela, Gleb Kuznetsov and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration right before the time off for the holidays. We are focusing on cool animations, layout designs, UX thinking and more. We will also mix it all from static, dynamic and even live prototypes, this might be a great article to bookmark! For this week, we have some cool interactions with what could be trending for the next year. How about even more complex animations but at the same time being subtle? We also have a sneak peek of a Screen Design Tool by Framer animation. Please enjoy! In this collection we are featuring the work from Claudio Guglieri, Ela Kumela, Gleb Kuznetsov✈, Nicola Baldo and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Claudio Guglieri Design by Ela Kumela Design by Gleb Kuznetsov✈ Design by Nicola Baldo Design by Ionut Zamfir Design by Benjamin den Boer Design by ⍨ Samuel Medvedowsky Design by Evgeniy Dolgov Design by Zhenya & Artem Design by Johny vino™ Design by Nicholas Design by Bobbi Z Design by Mateusz Piatek Design by Sergey Pikin Design by Victor_hong Design by Riki Tanone Design by Surja Sen Das Raj Design by wenjun

Interaction Design & UI/UX: inTheaters. Mobile App

Interaction Design & UI/UX: inTheaters. Mobile App

We are taking a look at this mobile app concept called: inTheaters, designed by Arthur Galustyan. This is a combination of interaction design and UI/UX, the concept of the app is a mixture of IMDb and your favourite movie tickets app. What's interesting is the fact that you can use it as a movie reference app with information on actors (actresses), movies and more. You can also purchase movie tickets as well. The UI is heavily inspired by iOS but I really dig the simplicity of the next step with a CTA at the bottom; It's a really clean design/thinking. What do you think? Arthur Galustyan is art director and lead UI/UX designer based in Kharkiv, Ukraine. With 8 years of experience, Arthur has a background in Web Design, UI/UX Design, Graphic Design, Logo, Infographic's, Illustrations and more. Make sure to check out his Behance profile. The concept for a mobile application that was executed based on the general rules of UX and Client Expirience. The application is an aggregator of cinemas, which displays actual sessions and a database of information on films... More Links Learn more about Arthur Galustyan via Behance Interaction Design & UI/UX  

UI Inspiration: This week's selections from Willie.H, Arnar Ólafsson, Zak Steele-Eklund and more

UI Inspiration: This week's selections from Willie.H, Arnar Ólafsson, Zak Steele-Eklund and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We will mix it all from static, dynamic and even live prototypes, this might be a great article to bookmark! For this week, we have some cool interactions with a recipe app concept and a very intuitive animation for a freelancer app on meetups. In this collection we are featuring the work from Willie.H, Arnar Ólafsson, Zak Steele-Eklund, Anton Aheichanka and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Anton Aheichanka Design by Martin Strba Design by Willie.H Design by Pawel Waraksa Design by Arnar Ólafsson Design by Minh Pham Design by Zak Steele-Eklund Design by Andrew Aquino Design by Stugbear Design by Cuberto Design by Kane_D Design by CANAAN Design by Ramotion Design by Zoeyshen Design by Johny vino™ Design by Ales Nesetril Design by ∆ Studio–JQ ∆ Design by Hrvoje Grubisic Design by Lukáš Straňák Design by Matteo Pasuto Design by M S Brar

UI Inspiration: This week's selections from Virgil Pana, UI8, Tubik and more

UI Inspiration: This week's selections from Virgil Pana, UI8, Tubik and more

It's the weekly moment for our collection of UI/UX interactions to boost your UI inspiration. We will focus on cool animations, layout designs, UX thinking and more. We will mix it all from static, dynamic and even live prototypes, this might be a great article to bookmark! For this week, we have two "error" animated prototypes from UI8, a smooth interactive mobile design of a watering tracker app and a lot more. Hope you will enjoy! In this collection we are featuring the work from Virgil Pana, UI8, Tubik, Divan Raj and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Virgil Pana Design by UI8 Design by Tubik Design by Virgil Pana Design by Divan Raj Design by Divan Raj Design by Aurélien Salomon Design by Tubik Design by UI8 Design by Aurélien Salomon Design by Suthan S. Design by Divan Raj Design by tubik Design by Outcrowd

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.

UI Inspiration: This week's selections from Outcrowd, Nicola Baldo and more

UI Inspiration: This week's selections from Outcrowd, Nicola Baldo and more

This is now a thing! We are starting a weekly UI/UX interactions collection for your UI inspiration. We will focus on cool animations, layout designs, UX thinking and more. We will mix it all from static, dynamic and even live prototypes, this might be a great article to bookmark! For this week, I noticed how designers love using the iPhone X mockup, it's quite nice actually. Let's keep embracing that notch! In this collection we are featuring the work from Outcrowd, Nicola Baldo, Gal Shir, Michał Roszyk and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Outcrowd Design by Nicola Baldo Design by Gal Shir Design by Michał Roszyk Design by Cuberto Design by tubik Design by Hwatery Design by Daniel Kerris Design by Quintin Lodge Design by Mario Šimić Design by Piko Rizky Dwinanto Design by Miaomiao Design by Dawid Sobecki Design by Anton Avilov