Sign in

Experience designer, developer & self-taught artist | Product Design @BuzzFeed | https://iamsuleiman.com

We’re hiring two interns this summer!

Deciding what kind of internship you want is hard. Large companies give you a glimpse of how Product Design is practiced at scale. Startups are more hands-on, providing opportunities to have a more direct impact with your work.

Product Design at BuzzFeed offers the best of both worlds. You’ll be an important member of a fast-moving product team that values your ideas, working on projects that impact millions of people.

Also, as a part of the Product Design team, you’ll be:

  • Working with a dedicated design mentor throughout the program
  • Presenting work and receiving feedback via weekly critique sessions
  • Brainstorming…


How to prevent your app from losing half its users in a month

Empty States are often neglected and designed last. I don’t blame you though. After all, compared to the main screens, these aren’t important. Right?

Sadly, no. The worst that can happen is that users can uninstall your app after first use. Trust me, you don’t want that to happen.

Users who uninstall your app after first-use are most likely to never return.

Mostly, empty state screens are ignored until the app is done. Then, you realize that a particular screen could be empty at some time. …


Many Android and iOS apps have horizontal scrolling lists. Maybe it’s also combined inside a vertical list. But is it necessary? Even assuming it is, are you doing it right?

In this article, let’s discuss tips to remember when designing horizontal lists. Later, we’ll look at possible alternatives that can work better.

So first off, why horizontal lists on mobile?

Horizontal lists are better-suited for mobile, as it supports both horizontal and vertical gestures.


It’s become popular to overlay text labels on background images. But the image could be anything. How does your user interface design accommodate that? Can text overlay remain readable always?

The last thing you’d want is your users straining to read such text. This is all the more important on mobile. Smaller screens and smaller text make it harder to read.

But don’t worry. There are design techniques that can help make your text readable.

First, let me show you some design mockups that use text overlay.


Stop using those boring loading spinners in your user interfaces. Seriously. It’s killing your apps’ experience more than you know.

A loading spinner might be the solution to your content loading problems. But I’m here to tell you that it’s not.

You might even use some of those fancy animated loading Spinners. But they’re not any better either.


In this tutorial, learn to add a Bottom Bar and manage Fragments with it.

One of the newest additions to the Material Design is the Bottom Navigation Bar. Its like the TabBar you see on iOS, and similar in functionality too.


Material Design has seen the rise in on-scroll animations in Android apps. Certain designs include a parallax scroll effect with a header images, along with Tabs. In this post, we’ll look at just that.

Some examples of popular scrolling patterns include the Flexible Space with Image and Quick Return pattern. Parallax scrolling is yet another scrolling technique. In this post, we’ll look at making parallax scrolling Tabs using Android Design Support Library.

Parallax scrolling has been very popular in web design and now in app development as well. I’ve seen quite a few people wanting to implement this and I…


The Design support library for Android makes it easy to create great animations. Let’s look at how to create an app with a collapsing Toolbar animation. It’s know as Flexible Space with Image pattern, a popular scrolling technique.

I didn’t know this pattern actually had a name until Ian Lake happened to point it out for me.

Flexible Space with Image Pattern

A scrolling technique that supports an image header with a scrollable view below it. Upon scrolling, the ‘Flexible Space’ (image header) gets tinted with a color. At the same time, it collapses into a Toolbar — Material Design guidelines

This pattern is a…

Suleiman Ali Shakir

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