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.
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 wanted my boarding pass to be easy to use and helpful. I did this using several key features
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.
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.
I decided to create a splash screen for users visiting my portfolio site. With that in mind…
First let’s quickly examine a default 404 error page:
This page has a few usability issues.
In my experience, on the spectrum of readers, there are two extremes:
I wanted to create an eReader widget to help both these readers come down or up from their extremes. …
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.
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 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).
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.