Image for post
Image for post

If you’re a developer who work on the frontend and collaborate with a design team, or if you’re a UI/UX designer who work on design projects and collaborate with developers, than you must be familier with the frustrations that comes along side the design handoffs.

Today I will mention these frustrations (starting with the most common ones) and share how you can avoid them as a designer or a developer.

It is important to note that it is not just the designers duty to make developers life easy and adapt to their preferences. Infact, majority of the time it is the developer who needs to learn the designers way of thinking. …

Image for post
Image for post

One of the mistakes I made as a design rookie was to think great UI designs happen out of thin air. That some people are inherently good with colors and typography and shadows and spacing.

Later, I found nobody starts blank when it comes to designing. In fact, it is super important to decide how and what your application design is going to look and feel like prior to drawing anything.

There is always something a design or artwork is based on.

This is where the concept of moodboard comes in. Moodboard is a place where you predefine (often together with the stakeholders) how you want your applications design to look and feel like. This is done by collecting a set of existing design patterns based on current trends or real world examples. …

Image for post
Image for post

Darkroom is the Apple design award (2020) winner. Today we will dissect their application design to figure out the best way to design a subscription based application in 2020.

Here are 10 UX best practices I noticed in their design to maximize the conversion rate of free users to paying customers.

Apple Design Awards — Apple Developer

Meet the 2020 Apple Design Award Winners

Apple Developer

Image for post
Image for post

Before jumping into the details let me express how — as a designer — brainstorming and ideating about the UX of a project is the easier part, the difficult part is understanding who your endusers are and what they want to see in the application you’re going to create.


When you design a project and put it in the hands of your audience to use, you find flaws and bottlenecks in your design that you create. Turns out this is as normal in designing complex user expeirences as anything because design is an iterative process.

However, in the case you do find bottlenecks in your design and realize that what you have worked on doesn’t work as expected, what is the next best step to take and how to approach the feedback? …

Image for post
Image for post

The best part about SwiftUI is that for developers it enables us to move at a lightning speed which means we can spend more time thinking about the user experience and design side of the things and build better products.

I personally enjoy thinking about the connection between the customer experience team and what they want to create and what the experience can be and what is the underlying architecture that could make all of that happen, there is something fantastic about this blend.

User experience

Carousel is a very common user experience that can be seen on almost every top application like Facebook, Instagram and SnapChat. However, a carousel that snaps into place when scrolled is something non trivial. …

Image for post
Image for post

After listening to Craig Federighi’s talk on how to be a better software engineer I was sold on the idea that it is super important for a software engineer to learn the basic principles of software design.

For this reason, I embarked upon a journey to cross my lane and learn design and user experience and open myself to new ideas and possibilities. While I am nowhere near the journey’s end, I did manage to pick some fundamentals along the way for UI design that will help me for the days to come.

In this article, I will recap and mention these fundamentals and what I learned while working on a new UI design project in Figma. A web based, massively collaborative and easy to use design tool. …

Image for post
Image for post
Photo by Daria Nepriakhina on Unsplash

There is more information available at our fingertips during a walk in the woods than in any computer system, yet people find a walk among trees relaxing and computer’s frustrating.

— Weiser (1991)

A good user experience tries to reduce the cognitive load on the end user because when people are trying to think about many things at once they make mistakes and overlook important information. Similarly cognitive load limitations apply to designers just as much they do to our end users.

As a designer you not only work on reducing the cognitive load for your users but it is important to do it for yourself and your team as well. To achieve this we employ the design thinking process which, in essence, is a series of steps and deliverables that tries to identify who the end user is and what do they value. …

Image for post
Image for post
Kudos to Juan Fer for this design concept`

A little disclaimer before starting

I’ve been working as a React Native and iOS developer for a few years now. iOS has always fascinated me because of the ecosystem and the community behind it. The same reason I’m attracted towards React Native. I feel it's the community that we are ultimately building for.

SwiftUI came in at a good time for me. I saw a nice Dribbble shot with the app concept to calculate the budgets of future plans like trips, shopping, etc. I decided to implement it with SwiftUI to test what SwiftUI has to offer.


T. Abbas Khan

work hard. have fun. no drama. #juniordevforlife + weekend designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store