Image for post
Image for post

A redesign of an OKR solution

Background

My current company was searching for a Performance Management system early last year and landed on Leapsome — a new, yet highly-rated tool.

The solution initially seemed to live up to its reputation as onboarding was a breeze and their support team was pleasant to interact with.

Unfortunately, my first impressions quickly faded as I started to actually use the tool. Sure, there were small things like inconsistent UI and improper implementation of small components, but those are details designers could find in almost every new tool. …


Image for post
Image for post

As I am sure all designers have picked up on, confetti has become a popular method of (positive) feedback inside mobile and desktop apps. I will discuss the viable scenarios where you can implement confetti and will even provide some corny examples 🌽

Scenarios when you can use confetti 🎉

Confetti is congratulatory in nature, but in what circumstances are you congratulating the user?

Celebrate a completed process via a confirmation (congrats) page

Completing a lot of work should be celebrated. It should also be confirmed that the work you did was saved.

We often see growls/toast notifications upon completion of small amounts or work or work that does not require a e.g. confirmation code. …


Image for post
Image for post

How the evolution of card design affected my redesign

Intro

I was recently tasked to redesign the results of the following filters:

  1. Filtered results for users (creatives)
Image for post
Image for post

2. Filtered results for projects

Image for post
Image for post

These certainly looked like cards to me (as opposed to list items), but before declaring that this was the best path forward I decided to do a little research.

Research

Turns out the most documentation will say that lists, not cards, are the best way to show searched/filtered results.

Image for post
Image for post
Searched list with two actions (View Profile and Follow). Source: Strava

But the more digging I did the more I saw how cards and lists were becoming one of the same, and can both be used when displaying results on a page. …


Image for post
Image for post

Redesigning personal and group chats for a social collaboration app

Intro + Project Objective

I became Connective’s first designer at the start of 2020, and one of my first projects was to redesign their chat interface. The initial goal of this project was just to provide a face lift, but after several discussions with the CEO we added the following functionality improvements:

  1. For 1v1 chats, users should be able to tab between the contact’s profile the chat itself.
  2. For group chats, users should be able to quickly access group member’s profiles.
  3. For group chats, users should be able to easily identify who said what.
  4. For all chats, users should be able to easily tell when a message was sent and on what day it was sent. …


Image for post
Image for post

A simple and engaging way to host and participate in fishing games

Intro + Inspiration

I fish a lot.

And when it’s not fishing season, I am watching people fish on YouTube.

Why? Because fishing is addicting. You never know what is in the water and you never know what you are going to catch.

And as with any sport that is left up to a high percentage of luck/uncertainty comes competition and betting. It doesn’t matter if it’s just my dad and I out in a canoe or 10 famous YouTubers each with their own boat — there is going to be at least some friendly challenge.

But where do people manage the competition? Where do they log their results? From what I have found, nowhere special. …


Image for post
Image for post

Strive for compassion, not just empathy

My twin and I did everything together growing up. We were so inseparable that our middle school decided it would be “healthy” for us to take separate classes. At the time I didn’t understand why separating us was so necessary. After all, I considered my brother a part of me — and thought that should be embraced more than scrutinized.

For those three years I did become more independent, but I also regressed in my ability to showcase empathy and compassion for others, now that I was focusing more on “me” and less on “we”.

So how does that relate to design? …


Image for post
Image for post

Best Practices of Designing a Top Navigation Bar for Mobile

As per Material Design, top app bars “display information and actions relating to the current screen”. With these components usually on every page of an app, it is paramount they are designed effectively 💪.

TLDR

You can choose to just trust me on this and duplicate my file on Figma (referenced in the diagram below):

Image for post
Image for post

Or…you can read the WHY in the next section 💪

Explanation

1. Let the bar breathe

The top bar contains a lot of important info and will be a mainstay throughout the user’s experience. Cluttering this area can make the whole app feel overwhelming. Therefore, give it a suitable height so that things do not look squished. …


Image for post
Image for post
Beacon Capitol Market

An investigation into the shops that supply the residents of Beacon Hill, MA.

About

Tourists are always looking for the “local experience” of a neighborhood they are visiting. They want to eat where the locals eat and drink where the locals drink.

While this may be a decent indicator of local life on a Friday or Saturday night, this doesn’t represent the majority of the week.

Convenience stores, aka, variety stores, bodegas, mini-marts, etc. represent real life. They represent a Tuesday night when you realize you are all out of detergent. They represent a Friday morning when you need more trash bags for trash day.

Convenience stores are the heartbeat of a neighborhood, and their supplies depict the people who frequent them. …


Image for post
Image for post

Standardize how you start and end all prototype usability tests

Intro

Recently my company conducted its first set of remote usability tests using high-fidelity prototypes. The facilitator role was shared among product managers and designers; and, while we obtained valuable insights on our new feature, I could not help but notice the small inconsistencies of how we were conducting the tests. A little personal touch from the facilitator is never a bad thing, but a consistent process and messaging will ensure every recruit starts off on the same page and that the facilitator does not miss any instructions.

All usability tests should have a script for the facilitator, and you really can’t go wrong with using some (if not all) of Steve Krug’s script. Download the full script on his website, or buy his book, ‘Don’t Make Me Think (Revisited)’. …


Image for post
Image for post

A UX challenge to rethinking toggle design

Let’s get right into it!

Definition and history

Toggle switches (known simply as “toggles” in software), is a item that has 2 mutually-exclusive states, e.g. “On” and “Off”. Unlike checkboxes, which need to be saved to take effect, toggle interaction is instantaneous.

The most well-known form of this item is the toggle light switch, which replaced the push-button switch in the late 1910s. The light switch epitomizes familiar design, as it has remained unchanged for over 100 years.

Image for post
Image for post
Photo by Steve Johnson on Unsplash

Toggles in software have a similar story. Since Apple introduced it’s version of the toggle switch in their iPhone Settings, the look and feel of the toggle has remained relatively unchanged. …

About

Alex Zlatkus

product 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