Interaction Design & UI/UX: Fit Me. Personal Fitness Coach

Interaction Design & UI/UX: Fit Me. Personal Fitness Coach

We are looking at the interaction design of a personal fitness coach mobile app named: FitMe. Designed by Catherine Wang, what's totally selling me to her concept is for starters the colour palette that is keeping people motivated with a sparking red as the main colour. You'll notice the UI has a tiny resemblance to the Apple Watch UI, it express a nice flair for the least. I also liked the profile aspect of her concept that showcases your progress and achievements. Check it out! Published via Behance is the work from Catherine Wang who is a web designer working at Apple. Focusing her work into UI/UX, web design and graphic design; it's great to see Catherine keeping it busy with mobile app concepts where everything is well detailed. FitMe is a professional personal fitness mobile app tailored for female in different needs. Every feature is designed for users to approach the goal of keeping fit.  

Interaction Design and UI/UX: Smart Expense App

Interaction Design and UI/UX: Smart Expense App

We are taking a look at this interaction design of an app named: Smart Expense. Designed by Prakhar Neel Sharma, it’s a colourful approach on how you should manage your daily expenses with cute illustrations and graphics to be more familiarize with your finance. I personally liked the “explore” section since it’s giving you a little bit more options within the app. It’s an overall beautiful work but I can’t help to spot the many spelling errors, be careful with that Prakhar! Published on Behance, this is the work of Prakhar Neel Sharma who is a product designer based in Copenhagen, Denmark. Focusing his work into digital interfaces, everything is all related to the user. His principles are beauty, simplicity and usability.  

Mobile Design: Interactions by Tubik Studio

Mobile Design: Interactions by Tubik Studio

We would like to share the latest mobile design from Tubik Studio. We’ve published their work before on Abduzeedo but we truly admire their philosophy to always innovate; especially what’s regarding mobile interactions. Getting inspired by new UX interactions are always refreshing and pounding your mind to create or have them in mind during your next wireframe session. Hope you will enjoy! Tubik Studio is a design agency focusing their work into mobile/web design and development, motion design, graphics and branding. Currently based in Dnipropetrovsk, Ukraine, I would hit their Dribbble from time to time and they always share really inspiring interactions and UI inspiration. Definitely worth a visit.  

Interaction Design: Moonlight Official Site

Interaction Design: Moonlight Official Site

We would like to feature this interaction design project by Watson DG for the Moonlight Movie. Recently the movie has won many prestigious awards at the Oscars (2017) and especially for the Best Picture. Asides from the reveal controversy, the kind folks over Watson DG created the site that drew many of our attention to its success. From the visual, the site offers a simple and clean experience. I gotta appreciate the detail for the headings with that thin ruler line across and used as a divider. Watson Design Group is a digital studio based in Los Angeles, USA. Founded in 2005, they focus their work into creative and online development from web campaigns to digital marketing. You should definitely check out the live site, it's a lovely interaction with the header vs the scrolling. Moonlight is a transcendent coming-of-age film that is both agonizing and heartwarming- a true display of the humanity in us all. To engage in the dialogue surrounding the applauded film, Watson Design Group created a site that drew attention to the film's success as well as to the emotional impact Moonlight has had on its audiences, all through the use of poignant articles, quotes, and audience commentary. It is a look at what an unprecedented film meant to audiences around the world.  

Interaction Design and Branding: Blank

Interaction Design and Branding: Blank

We would like to share this interaction design project that involves branding as well by Jaejin Bong and it’s titled: Blank. What’s Blank? It’s a shopping experience that reliable with a user-friendly approach with a system with cards. Driven by its own set of categories, you can also throw questions and obviously shop. I think it’s an interesting concept that can be played with during your spare time. Published via Behance is the work from Jaejin Bong who is a graphic and UI designer based in Seoul, Korea. There isn't much more information about him but I do enjoy his creative thinking and would love to see more of him in the future.  

Interaction Design: The Rebirth of the Majestic

Interaction Design: The Rebirth of the Majestic

Whatever you wanna call it, we all have heard the news about the comeback of the indestructible Nokia 3310. Carried on with many titles, it’s great to see the comeback of this phone especially with our modern standard. With this launch, we are sharing the work from Abhisek Das who decided to give an interaction design refresh to the landing page. I really like his bold and yet clean approach to the design, I wish I could have seen his work/thinking for mobile version as well. Give it a look! Published via Behance is the work from Abhisek Das who is a UI/UX designer based in Bangalore, India. He is a self-taught designer and I love that he implements the process of his creativity like a muscle and that it must be shared with the many talents out there. When Nokia unveiled the comeback of the indestructible handset, I wanted to give a retouch to the landing page with the Apple design style. Better readability, reduction design pattern, larger typography and a neat user interface.  

Game Design and Interaction Design: Cambridge sQuizUp

Game Design and Interaction Design: Cambridge sQuizUp

Cambridge sQuizUp is an interaction design, UI/UX and game design project shared by Rafael Lima and Bernardo Bulcão on their Behance profiles. Basically it's an educational game developed for the Cambridge University Press that combines knowledge and fun by testing the gamers english level through mini games. They also created a character to help them through the game. The game design is super friendly and colorful, in addition to that, the project share more details about the basic IA of the game, which is always cool for us to see. Rafael Lima is a designer with more than 6 years of professional experience in different fields of innovation with an emphasis on digital interface and user experience. In recent years he had the privilege of work in projects for important companies like Coca Cola, Faber Castell, Cambridge University Press, FAAP and CVC. I'm currently working at Samsung Ocean Center, focusing on research and development of apps and games for different kinds of android devices like smartwatches, mobile phones and Gear VR. Bernardo Bulcão is an illustrator and character designer from Manaus, Brazil. Game design and interaction design

Interaction Design: Wine-Searcher Application

Interaction Design: Wine-Searcher Application

Wine-Searcher Application is an interaction design and UI/UX project shared by Olena Mostepan and MEAT Studies on their Behance profiles. In a nutshell, the whole idea was create an mobile app that could help you search and understand a bit more about wine, with the ultimate goal of making you love wine. From the interaction design point of view, it's a fairly simple and straightforward model. You can search wine by type of food, type of wine or even scan wines to understand more about that particular type.  The visual design is also simple but lovely with "cute" icons across the many screens. From the images I felt that the fonts tend to be quite small and I wonder from the accessibility point of view, if the text color is not too light. Enough said, check out the images below for a better look at this cool project. Interaction Design

Interaction Design: Upper, Simple To-Do List

Interaction Design: Upper, Simple To-Do List

To-Do List apps, I’ve tried them all and have many of them on my phone. Obviously, all my notes are scattered and lost all over. We are taking a look at this interaction design by Tubik Studio. It’s elegant, simple and that’s what is all about right? I would definitely try it after writing this article. You gotta love the interactions and the work on the typography with almost no strokes anywhere making it less looking like a boring table. Give it a look! Tubik Studio  is a studio based in Dnipropetrovsk, Ukraine and they work in multiple parts like web & mobile UI/UX, interface animation, iconography, logo, branding and more. We are great fans of Tubik Studio and they always share the best of what they do and it’s always informative to go through. Today's presentation marks out another milestone here in TUBIK: the official launch of our new mobile application for iPhones. Meet Upper, simple and elegant to-do list motivating users and boosting productivity. And it's totally free for all the users. Here we unveil the details on user interface design for the app: the main objective behind it was to create a stylish and efficient to-do list without any distractions, concentrating user's attention on their goals. Welcome to get it directly via App Store and try all the features. Productive day to everyone!  

Interaction Design: I, Steak Mobile App

Interaction Design: I, Steak Mobile App

Nowadays, cuisine is something that we have less and less time to give during the day. Even some of us, don’t even how to boil an egg! We are featuring this interaction design about an app called: I, Steak. It’s an assistant app that will help cook the perfect steak! It’s a pretty cool idea since it is quite a task from the picking, shopping and of course cooking. I love the minimal approach! Published via Behance , Alex Yurkov is a UI/UX web designer based in Moscow, Russian Federation. It’s great of him to focus his work into UI/UX, Web Design and Interaction Design especially early in his career. We are looking forward to see more of his work in the future.  

Interaction Design: Sing Movie Official Site

Interaction Design: Sing Movie Official Site

I have to admit something, I never enjoyed the official sites from movies. They usually go with a simple (and boring) site with a trailer. Maybe too simple? That’s why we would like to share the interaction design for the official movie of the movie Sing. Loved the fact that the mighty folks from Watson DG decided to create an experience in reflection the movie instead of taking a simpler route. Let’s give it a look! Watson DG  is a digital creative boutique based in Los Angeles, USA. Founded in 2005, they specialize their work into creative and online development from web campaigns to digital marketing. From their portfolio, they have made official sites for movies like: Star Wars: Force Awakens, X-Men and more. . With the SING official site, we aimed to create an experience that would echo this sentiment and foster emotional connections between audiences and the film’s distinctly different characters. An audition section allowed users a small taste into the musical style of each character and upon diving in further, users could explore the personality behind the performer. We integrated a variety of shareable content as well as character-specific Spotify playlists to make each character’s persona shine.  

Interaction Design: Fangry Food Mobile App

Interaction Design: Fangry Food Mobile App

We would like to share this interesting project of an app called: Fangry Food, it is a cooking app with the geniality of telling the app what’s in your fridge so they can come up with a range of recipes depending on the difficulty, popularity, calories and etc. It’s quite a great idea actually and I do feel that the interaction design behind the app is intuitive and easy-to-follow. I have some questions raising up while scanning this project like how mostly the backend can respond to all the variety of elements of food that exist for example or how does it come up with different cooking steps depending on your ingredients. I loved the detail of having the button: Order Pizza, that was hilarious. Artkai Design Studio  is a studio based in Kyiv, Ukraine. With a talented team of designers, creative director and UI/UX, it’s really great to see them creating and making something quite useful for our quick daily routines full of things where sometimes food comes last. When you are hungry you don't want to waste your time. Neither do we. Jump in quickly to the app.   Credits Founder & Lead Designer: Art Tsymbal Creative Director: Kos Chekanov UI/UX: Olga Levytska

Interaction Design: Ripple News

Interaction Design: Ripple News

Ripple News is a interaction design project shared by Ales Nesetril, Pavel Zeifart, STRV Team and Katka Pot. It's a news product that has a strong focus on the local and the belief that everyone has a story. It has a simple and efficient UI bring the content to the front as we would expect from a news app. I also the way the project is presented on their Behance profile as well, that's always a good sign :) Ripple News amplifies important stories from cities around the world. Launched in San Francisco and Oakland in February 2016, and are currently expanding to New York, London, and Cairo. Building a global community of storytellers and journalists, who believe that everyone has a story, especially the quiet ones. It's mission is to uncover untold stories, and strengthen communities by sparking thoughtful conversations. Ripple - redefining local news with local storytellers. Interaction Design

Ajax Brand Site - UI/UX

Ajax Brand Site - UI/UX

First of all, this is not a site about the programming language but there is actually a name of a product called: Ajax Systems. Aside from the very common product name, we are taking a look at the design and art direction work by Iurii Lence. He is based from Kyiv, Ukraine and he is also the Head of Design over Ajax Systems. Being part as a current member of the jury board on theFWA, lurii has been awarded in the past with by Red Dot, theFWA and Awwwards. As for Ajax Systems, we are taken on dark theme site with micro-interactions, they seems to be more trendy as of late. Subtle interactions that doesn’t bother the users but do add a smoother experience. More information about Lurii via Behance or see the site live at http://ajax.systems.

Fran Silvestre Arquitectos - UI/UX

Fran Silvestre Arquitectos - UI/UX

With all the different UX guidelines there is online about the subject. Everything is about what’s the best practice, what the is most user friendly experience and what are the best tools to give the the most proper optimization for your sites and so on. With all these rules, the web is looking unlikely the same across the board. With that in mind, some designers decides to take a different route, not necessarily easy but they actually make it happen. Let’s take a look at the stunning work from Milk Work who is a senior designer/art director living in the Bay of San Francisco, USA. He worked on an interaction design, UI/UX for Fran Silvestre Arquitectos site and it’s gorgeous. It’s a bold move to go with a graphic design/print mindset for the web, it must have been quite a challenge for the developers. But it is quite beautiful to look at and I must imagine that the interactions must have reflected the concept. The project approach arises from a dual commitment will give a technical answer to a specific context and the desire to seek beauty through the built work. This process seeks satisfaction, understood in its fullest sense, of all those actively involved in development.   More information via http://mikevrpv.com.

Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences

Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences

The book suggestion of this week is about interaction design, the book is titled Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences and it was written by Stephen P. Anderson an internationally recognized speaker and consultant based out of Dallas, Texas. He created the Mental Notes card deck, a tool that's widely used by product teams to apply psychology to interaction design. He's also of the author of the book "Seductive Interaction Design," which explores this topic of psychology and design in more detail. Book description What happens when you’ve built a great website or app, but no one seems to care? How do you get people to stick around long enough to see how your service might be of value? In Seductive Interaction Design, speaker and author Stephen P. Anderson takes a fresh approach to designing sites and interactions based on the stages of seduction. This beautifully designed book examines what motivates people to act. Principles from psychology are found throughout the book, along with dozens of examples showing how these techniques have been applied with great success. In addition, each section includes interviews with influential web and interaction designers. Buy book now