I used this week’s design challenge to create an app that can completely replace the smart TV remote.

Left: the television functionality, Right: the streaming functionality

Television Functionality

The television functionality offers the user the ability to browse the channel guide to see what’s on TV. They can also use a keypad or arrows to go to a specific channel as well as control the volume. Users can use the search and filter functionality to find specific programming. Unseen functionality includes selecting programs to record, navigating to different dates and viewing programming for those dates.

Streaming Functionality

The streaming functionality allows users to chose streaming content to view on their TV. Users can download apps they want to use to create a custom menu of streaming services. …

I used this week’s design challenge to create a layout for a mobile boarding pass.

I wanted my boarding pass to be easy to use and helpful. I did this using several key features

  1. Placed bar code towards the top — usually the barcode is towards the bottom of the boarding pass, however, if you’re holding your phone out to someone to scan, the top of your phone will be closest to the scanner.
  2. Flight information is grouped at the bottom — the flight information is useful to make sure you get to the right gate at the right time (basically anything pre-boarding). …

A flight search tool that isn’t destination-based

I decided to create a flight search tool that catered to users who didn’t have a particular date or destination in mind, but rather, wanted to browse available flights narrowed down by other factors.

I chose to feature four primary filters as well as a tucked away filter option to contain the more standard filters.

  1. Origin — Where the user is based so they’re presented with flights that originate in that city (this would be the only required field)
  2. Max Price — A primary concern for most travelers
  3. Max Hours — The duration of the flight for those uninterested in…

I used this week’s design challenge to learn about splash screens then create my own.

What is a splash screen?

Sample splash screens

A splash screen is the first thing users see when they open an app. It serves as a loading screen before bringing the user to the landing page. It can also be used to collect login info. It is important that this screen represents your brand and product because even though ideally the user only sees it for a second or two, it is still the first impression the user will get of your app. It’s an opportunity to set the right tone.

Designing my splash screen

I decided to create a splash screen for users visiting my portfolio site. With that in mind…

I used this week’s design challenge to create a 404 page.

First let’s quickly examine a default 404 error page:

This page has a few usability issues.

  1. This page is a complete dead end. There are no buttons or links on the page to bring the user back to the site they started on. This forces the user to use the browser’s back button or leave the site completely. This is bad assuming you want to retain your users!
  2. The text is unhelpful. A layperson won’t know what this message means, and they shouldn’t have to. Your users should be able to tell easily what happened and whether or not the…

This week’s design challenge was to create a progress bar. I decided to make one that tracks a user’s progress through a book.

Progress through the book to help the dog reach its toy

In my experience, on the spectrum of readers, there are two extremes:

  1. The Blackhole Readers (this includes me!): readers who start a book before bed and don’t stop until there’s suddenly no more pages left and the sun is up. All those hours vanished in a literary blackhole.
  2. The Foot Dragger Readers: readers who enjoy reading, but have trouble getting into books and/or have trouble focusing on a book long enough to get through it.

I wanted to create an eReader widget to help both these readers come down or up from their extremes. …

This week’s design challenge was to create a pagination component.

I wanted to create a pagination component with a clean font and simple, but fun colors. I was inspired by some of the more animated pagination examples online, so I decided to add in a hand that slides the page indicator as the user interacts with the component.

I used this week’s design challenge to create a set of dynamic buttons.

A primary CTA button is used to indicate the most likely or desired course of action. More visual weight is given to this button. The contrast might be greater, the colors might be bolder, etc. In short, the primary CTA is more readable.

I decided to create a set of buttons that illustrates the clear primary CTA, however, once a user hovers to a different option, that secondary CTA will become the primary CTA to make it more readable. Once the user hovers away, the primary CTA indicators snap back to the true primary CTA as defined by the developer.

I used this week’s design challenge to create variations of loading animations for different use cases.

I created three loading animations for different uses.

1. Traditional progress bar for when the system wants to show progress and has the information to know how much progress as been made and how much is left (traditionally viewed as a percentage).

I used this week’s design challenge to create an image slider that displays products in a useful context for customers.

Buying furniture online is convenient, but it makes it harder to imagine the piece in a real room. In showrooms, pieces are set up in context — there’s other furniture so it feels like a real room.

Showing a piece in context rather than just on a white background could really help people imagine a piece in their actual home.

Not super helpful

Julia Deutsch

Product Manager with a background in computer engineering, design, business consulting, and agile methodology

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