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

Redesigning Apple OS / MacOs 2020 with Edge to Edge Macbook Concept

Redesigning Apple OS / MacOs 2020 with Edge to Edge Macbook Concept

We are taking a look at a very interesting redesign by Montreal-based designer Aurélien Salomon on a concept for Apple OS / MacOs 2020 with Edge to Edge Macbook. First of all, we can't help to notice the edge to edge MacBook design, what do you think? I am not too keen on the margins but it's quite interesting though. Aurélien does a remarkable at this presentation and he's pretty amazing to see his ideas/concepts for the finder, dark mode, Safari and of course Augmented Reality. What do you think of this concept? Aurélien Salomon is a UI/UX/AR/Motion designer from Montreal, QC, Canada. We love his work on ABDZ, make sure to check his Behance for more. Apple OS concept redesign ( ux, ui, product, augmented reality, operating system, windows, apple, ios, safari, music, finder, design, motion, animation, 3d). This is a concept that I had in mind for a long time and I am happy to share it with you today. It is an unsolicited visual direction exploration done just for fun. The goal wasn't to solve every problems and it is by no means stating that it is "better" that what we have now. I learned a lot working on it and it was a lot of fun. More Links Learn more about Aurélien Salomon at gumroad.com/aureliensalomon Follow Aurélien's work on Behance Interaction Design & UI/UX  

Web Design & UI/UX: Mindshapes™ Concept

Web Design & UI/UX: Mindshapes™ Concept

It's an interesting concept that involves web design & UI/UX by Szymon Łucarz for Mindshapes™. It's an exploration of your mind through our era of technology. The web design is an immerse experience of subtle interactions to explore shall we say the different state of your mind. It's quite an astonishing design, I wish there was a live app to try. One thing though, we gotta give Szymon for his presentation skills, it's quite lovely! What do you think? There isn't much information about Szymon Łucarz but you still should follow him on Behance. More Links Learn more about Szymon Łucarz via Behance  

Interaction Design: Learn some basics of Sign Language with Uber

Interaction Design: Learn some basics of Sign Language with Uber

To me, it's an interesting take on building your brand and at the same time listening to your community on what can be done to improve the overall experience. Let's take Uber for example who recently built what they called a series of features in the effort of the Deaf or Hard of Hearing community. It's a beautiful step in the right direction. We are taking a look at the interaction design of their new microsite where you can learn the basics of American sign language. You'll learn how to sign: Thank you, Goodbye and even sign your name. The microsite is rightful simple to navigate and love the intention of expressing a mobile experience. In their Words Unemployment or underemployment in the Deaf or Hard of Hearing community is close to 70%. At Uber, we’re proud to provide earning opportunities to Deaf and Hard of Hearing drivers across the world and in more than 200 US cities. That’s why in 2015 we built a suite of features including flashing trip request notifications, text-only communication, and notifications so riders knew they were being matched with a Deaf or Hard of Hearing driver. Uber Sign Language Today, we’re excited to introduce a tool that helps teach riders simple phrases in American Sign Language, including how to sign their name, hello, thank you, and goodbye. We hope this tool will help start a conversation between our riders and our Deaf and Hard of Hearing partners. More Links Learn more about Uber Sign Language ABDZ in Sign Language  

Interaction Design & UI/UX: 10Cool Projects with 10Clouds

Interaction Design & UI/UX: 10Cool Projects with 10Clouds

We have featured the branding redesign from the kind of from 10Clouds on ABDZ. Let's now take a look at their actual work that involves UI/UX, Web Design and Interaction Design. The series is called: 10Cool Projects (Get it?!), it's a mixture of different projects including an email app, museum app, events app and more. That's definitely a good link to bookmark for your inspiration. 10Clouds is a team of 100+ experienced developers and designers, ready to help you build your web and mobile applications. Check them out on Behance. Selected user interfaces More Links Learn more about 10Clouds at 10clouds.com Follow 10Clouds's work on Behance Photography  

Seattle Aquarium Redesign by Adobe Creative Resident Natalie Lew

Seattle Aquarium Redesign by Adobe Creative Resident Natalie Lew

It's our final day posting about the Adobe Creative Resident Class of 2017 and we're thrilled to feature the work of Seattle-based interaction designer, Natalie Lew. A designer with a passion for thinking of ways future technologies like augmented reality and artificial intelligence can be used in the classroom to teach intangible concepts, we were particularly captured by Natalie's work for the Seattle Aquarium Redesign. The project entailed attracting those who have visited the Seattle Aquarium before to see the site in a new light, and for those yet to go to the attraction to see aquariums themselves in a unique way. Natalie created a beautiful new visual identity for the aquarium, applied that identity to the branding of the design, and designed a new service application to aid those visiting the site. Check out Natalie's journey for the aquarium redesign below and learn more about this rising star and what inspires her here.  Designing the App Experience This is an application intended for a user about to visit the exhibit or already within the exhibit. It does not intend for the aquarium to offer more than it already does; rather, it simply facilitates the activities and exhibits and the aquarium in current existence. Wireframes and Navigation Further Branding As the identity of the Seattle Aquarium relies on far more than just visual UI, Natalie created mockups of what Out of Home advertising might look like, as well as their website and catalogue for print viewing. MORE ABOUT ADOBE CREATIVE RESIDENT NATALIE LEW An interaction designer and recent graduate, Natalie Lew of Seattle is passionate about the intersections of design and philosophy. Her interdisciplinary background in design inspires her residency project, in which she’ll create a toolkit of resources to make user experience design more accessible and available to the creative community.  She plans to start a design studio in the future, so she’ll challenge herself to learn more about working in individual and group settings while constantly receiving and improving based on feedback.