articles on

UI Inspiration: This week's selections from uixNinja, Nischal Masand and more

UI Inspiration: This week's selections from uixNinja, Nischal Masand 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 went all awed with mobile transitions and animations. We took also a particular approach for micro-interactions, those that you wouldn't necessarily notice but they are there to enrich the overall user experience. Hope you will enjoy this collection! In this collection we are featuring the work from uixNinja, Nischal Masand, Tushar Saini, Rafzin p 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 Nischal Masand Design by Matt Hardy Design by Tushar Saini Design by Rafzin p Design by Templates Design by Irina Lensu Design by Abhishek Jha Design by Kazi Mohammed Erfan Design by Kris Anfalova Design by Naveen Nagar Design by Hoang Bin Design by uixNinja Design by Shreyas Bendre Design by Lucas Bordignon Design by Marin Begovic Design by Johny vino™ Design by Jabel Ahmed

WWDC 2018: Our Highlights on Apple's Developer Conference

WWDC 2018: Our Highlights on Apple's Developer Conference

Here I am, just finished watching Apple's keynote at WWDC 2018 Conference. It was fun to see what Apple has been working for the past year, some really cool updates coming to the iPhone and iPad, Mac, Apple Watch, and Apple TV. We have decided to share our highlights on Apple's Developer Conference, so you simply won't have to watch the keynote again hah! In all seriousness, I love the part where Apple spoke about privacy, about them working tirelessly to create a seamless experience. This is music to my ears and it will be interesting to give it a whirl. Now let's break it down! Announcing upgraded operating systems for iPhone and iPad, Mac, Apple Watch, and Apple TV. We’ve packed them with new features and experiences, so with a simple update this fall all your devices will feel more powerful, personal, and fun than ever. More Links Learn more about the WWDC 2018 Announcement WWDC 2018 iOS New Features This is where I have been putting more of my attention and at the same time noticing so many cool updates. To be honest, I have a feeling that Apple has been learning a lot from its competitor (Android) even though they mentioned that iOS has the fastest software OS adoption than Android. From introducing a new file for AR called the USDZ, I particularly loved the app called: Measure where you would use to phone to measure things in real-time through AR. Apple introduced another new app called: Shortcuts where you will be able to direct a series of actions through this app, all triggered by setting your own keywords with Siri. It's pretty impressive, imagine with just a few words, Siri can set up your home thermostat, your home commute and even play your favorite playlist. It's super intuitive, might be interested to give it a try myself. Just like Google, Apple has acknowledged the fact that we spend a lot of time on our phones and it's becoming quite distracting throughout our daily life. They have improved the Do Not Disturb Mode for your bedtime and also you can set up your DND Mode by setting it up with a timer or whenever you are leaving your actual location. For the same occasion, Apple is finally releasing the Group Notifications, with a swipe you can now triage a whole bunch of notifications away. New iOS 12 Introducing Memojis The cool stuff hah! We have to see this type of Emojis before with Samsung but no one does it like Apple. With iOS12, you can now customize your own Emojis, now called: Memojis. It's fun but again how long you wanna spend time on your phone Memojis Group FaceTime That's a cool feature coming to iOS12 where you will be able to use Group FaceTime up to 32 people simultaneously. That would be video conference a lot funnier, not sure about productive though! One thing though, the UI for this new feature has been giving a lot of think about their approach. It's a nice touch to see the person's window getting larger as they talk but I think we would have thought about something a little bit more visual. WWDC 2018 WatchOS New Features Not a lot of people were too crazy about the latest updates on WatchOS, I personally liked the new app entitled: Walkie Talkie where you simply communicate to another Apple Watch user by simply pressing the Talk button. Great onboarding for adding a new contact/friend. WWDC 2018 MacOS New Features WWDC 2018 Dark Mode! Some little thing are coming to MacOS but the most noticeable change would be the introduction of Dark Mode. You gotta admit that it makes everything look even more gorgeous. This might be my most exciting feature to come on the next MacOS. WWDC 2018 Most of the updates were mostly software NOT hardware. It's mostly to be expected when you are attending the WWDC which are for developers. I loved those little updates, nothing too crazy but enough for us designers to start to think about different things related to our workflow. Hope you have enjoyed this coverage. More Links Learn more about the WWDC 2018 Announcement

UI Inspiration: This week's selections from Slava Kornilov, Valeria Rimkevich and more

UI Inspiration: This week's selections from Slava Kornilov, Valeria Rimkevich 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 took a glance at this "scroll" extravaganza design by Slava Kornilov which is so playful and just clever! Also we enjoy seeing many more designs with #InVisionStudio, good seeing many designers adopting the latest tool. In this collection we are featuring the work from Slava Kornilov, Valeria Rimkevich, DtailStudio, Shekh Al Raihan ✪ and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Slava Kornilov Design by Valeria Rimkevich Design by DtailStudio Design by Shekh Al Raihan ✪ Design by Nick Frost Design by Evan Design by Nick Stepuk Design by Nikola Uzunov Design by Alex Pesenka Design by ueno. Design by Sujeet Mishra Design by Wanda Arca Design by Uber Design Design by Denis Stehin Design by Charles Patterson Design by Outcrowd

UI Inspiration: This week's selections from tubik, Alex Litvinov, Nathan Buraze and more

UI Inspiration: This week's selections from tubik, Alex Litvinov, Nathan Buraze 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 went less about interactions/transitions. We have been digging some animations this week but what we have found is mostly static. We have a mix of everything, just right to give you a creative boost. In this collection we are featuring the work from tubik, Alex Litvinov, Nathan Buraze, Satwik Pachino and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by tubik Design by Alex Litvinov Design by Nathan Buraze Design by Satwik Pachino Design by Apply Digital Systems Design by Jordy Arntz Design by Arthur Moreira Design by Pablo Monachese Design by Dmitry Kondakov Design by Ranjini Ravindran Design by Drew Carter Design by ouno.co Design by Ilya Simonov Design by Ani Harutyunyan Design by Łukasz Design by tsukasa Design by ZM Hoo Design by Lucas Berghoef Design by Satwik Pachino

UI Inspiration: This week's selections from Luboš Volkov, George Henderson and more

UI Inspiration: This week's selections from Luboš Volkov, George Henderson 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 went less about interactions/transitions. We have found very interesting static designs about a friendship circle app concept, parcel tracking app concept, eyewear AR and more. Hope you will enjoy! In this collection we are featuring the work from Luboš Volkov, George Henderson, Thaddé Méneur, Max Steitle and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Luboš Volkov Design by George Henderson Design by Thaddé Méneur Design by Max Steitle Design by Sheikh Noor Design by Vadim Gromov Design by Xperiencia Design by ryan evan davis Design by Andrea Hock Design by Christine Soules Design by Zhenya Rynzhuk Design by Kévin Lagier Design by Kyle Troutman Design by David J Design by Lorenzo Dolfi

UI Inspiration: This week's selections from Ted Pioli, Adrien Laurent and more

UI Inspiration: This week's selections from Ted Pioli, Adrien Laurent 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 lot of really interesting interactions with a simple flow for taking a screenshot on an iPhone by Xiaochu. What's good is about this interaction is the drop you make to actually into "screenshot mode", check it out. In this collection we are featuring the work from ted pioli, Adrien Laurent, Xiaochu, abhishek bora and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by ted pioli Design by Adrien Laurent Design by Xiaochu Design by abhishek bora Design by Margox Design by Lorenzo Dolfi Design by Advanced Group Design by Roma Sapielkin Design by Max Osichka Design by Tran Mau Tri Tam ✪ Design by Monty Hayton Design by Piotr Czyżewski Design by ⋈ Brandon Termini ⋈ Design by Łukasz Peszek Design by Sergey Krasotin Design by Hoang Nguyen

Interface Design and Prototypes with InVision Studio

Interface Design and Prototypes with InVision Studio

It's never been a better time for a interface designer than present day. There are so many amazing tools and resources available and many more to come. One of the highly anticipated tools is the InVision Studio, which has been surrounded by a big hype partially generated by the super selective inviting system. It seems that more and more people are getting access to this great tool including me. With it's increased accessibility we're starting to see what the tool is capable of on sites like Dribbble and Behance. The beauty of InVision Studio is that it bridges the gap between UX/UI and Motion design. That has been a very time consuming effort for designers that relied on tools not created for UI/UX like After Effects or new tools that like Principle, which is a fantastic app, but the integration with other UI/UX tools are quite primitive. So will InVision Studio live up to its hype? Based on the examples below I think they might have already done it. The future will tell, especially with the super strong lineup of competitors. So go to https://www.invisionapp.com/studio  and try to grab an invite. If you are even more daring, I challenge you to design a mobile version of Abduzeedo and share with us :grinning: - maybe we can even get a little award for the best one.  Interface Design and Prototypes

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 Outcrowd, Mario Šestak, Adrián Somoza and more

UI Inspiration: This week's selections from Outcrowd, Mario Šestak, Adrián Somoza 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 few really good UI transitions that you should really a closer look. I particularly like the Senhoma prototype from Adrián Somoza, really subtle transition and clever as the same time for a slider carousel. Check it out! In this collection we are featuring the work from Outcrowd, Mario Šestak, Adrián Somoza, Bojan Mesar 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 Mario Šestak Design by Adrián Somoza Design by Bojan Mesar Design by Guilherme Kerber Design by Paolo D'Ettorre Design by Miro Arabadjiev Design by Selim Özkök Design by cpeople team Design by Rahabi Ahmed Khan Design by JustCoded Design by melanycaulet Design by BrandBox Design by panteleyeva Design by Luka Bliadze Design by Tom Koszyk Design by Gil Design by Zhenya Rynzhuk Design by Michał Smolec Design by Martin Strba Design by Majo Puterka

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

Web Design 2018 Trends - Part 1

Web Design 2018 Trends - Part 1

The cool thing about following websites like Dribbble and Behance, especially Dribbble, is that you can see the direction the visual design community is going. For the past 10 years we have seen photo-realistic icons being the main theme, then it evolved to lettering, vector illustration and for the past couple of years the site has definitely focused on UI/UX. Web design is part of that and I have been collecting images for posts to illustrate a new trend in web design. Below you can see what I am talking about. To summarize, it's highly editorial, simple and in my opinion looks amazing. The only question I have is how does that work with fully responsive websites. The more complex the layout is hight the number of edge cases you will have. At least from my short experience. Web design

Web Design Inspiration - Work of Adrián Somoza

Web Design Inspiration - Work of Adrián Somoza

I have been posting more often about web design. There reason is, of course, I am in the process of redesigning the blog and I need some web design inspiration. For this post I'd love to feature the work of  Adrián Somoza, a senior designer @MediaMonks, based in Buenos Aires, Argentina.  The work has a lot of style and some patterns that I've been noticing more often on sites like Dribbble and Behance that is the use of some modular design with clear blocks of colors. The motion design is another important feature of these designs. They tend to take advantage of the modular approach to create some subtle but yet beautiful transitions. Below I selected a few pieces to share with you Web design

New Trend in Visual Design and Motion Design for the Web?

New Trend in Visual Design and Motion Design for the Web?

I love browsing through sites like Behance and Dribbble for visual design inspiration. It's amazing to see how much the field has evolved. We can see highly editorial designs that look more and more like beautiful magazine pages. I know that most of these designs are just static mocks beautifully animated, but the important thing is that with today's technology there are many ways to translate all of these well-crafted visual design work to real products. Apple has shown us that, then other follows like Google, Microsoft and many others. For this post I'd like to share a few designs from Adam Zielonko, a designer based in Gdynia, Poland. He has a quite solid portfolio but what I liked about these screens were the sort of pattern of solid blocks of color and transitions. It seems like a new trend coming up, so let's wait and see. Below you can see what I am talking about. Also make sure to check out Adam's work at https://dribbble.com/adamzielonko/click?type=site Visual Design