Add to UXPin

Create Account

Signup forms let users join online communities or access services with personalized experiences. Some users are reluctant to give personal info, even when they understand the benefits. Therefore signup forms should make joining as easy as possible.

Add to UXPin

Create Account – Quick Form

Signup forms allow users to join online communities or access services with personalization. Because some users are reluctant to give personal details, signup forms should make joining as easy as possible.

Add to UXPin

Profile

Profile pages show information about users. People choose which details to share, and upload photos that they feel represent them well. Comprehensive profile pages can serve as starting points for social, professional, dating or media sharing.

Add to UXPin

Mobile app profile options

Mobile displays lack space for full navigation — yet not every site can afford to simplify structures. Off-canvas navigation drawers solve this problem by concealing links until called for. They can also be designed as if they were their own

Add to UXPin

Search Suggestions

Search results pages are lists of links that relate to the user’s interest. In this case, search goes a step further by showing search terms related to the user’s entry, extrapolating on what might also interest them.

Add to UXPin

Login

Login screens allow only registered users access certain parts of a site. They often require a password and username or email. Social media APIs also let them sign up with existing accounts from popular services like Facebook, Twitter or Google.

Add to UXPin

Search – Find Friends

Search results are lists of links with descriptive text or imagery from which users choose. These offer previews of info relevant to their needs. In a way, they’re custom navigation by cutting across a site’s planned structure.

Add to UXPin

Feed

A staple of most social sites, feeds display items in chronological order with updates, pictures, likes, shares, and comments. Feeds are useful for sites with frequent updates, and often seen wherever personalization is required.

Add to UXPin

Chat & Keyboard

Chats show quick messages between two or more people. Messages typically appear chronological order with the most recent at the bottom. Smart chat designs allow space for smartphone or tablet keyboards, and clearly identify each user.

Add to UXPin

Chat

Chats show a series of quick messages among several people. Notes typically appear as blocks or word balloons with the most recent at the bottom. The reply input fields are at the bottom of the viewport, indicating the next step

Add to UXPin

Sign in

Sign-in forms let users access their online profiles. Typically these screens remind users what they’re about to join, offer options for users who forgot or lost their credentials, and give new users a way to create accounts.

Add to UXPin

Video Player

Unlike TV, online media players give users options to scan through the clip, and often to share or comment on the video. Designers can embed media players of any size into web pages, making them parts of the whole user

Add to UXPin

Video List

Like other lists, video lists give users enough information to make informed decisions. Typically video lists include a still image preview. Users identify “tap this for a video” by the universal circle-and-triangle symbol in the image’s center.

Add to UXPin

Artist Profile Info

Artist profiles tell people about the person or people behind online media. These screens are like digital artist statements. They include links to the artists’ works, often with media players, download links or “buy now” options.

Add to UXPin

Mobile-friendly navigation with search

Navigation drawers focus users’ attention on the content at hand by hiding links to other sections of a site until called for. Unlike navigation bars, drawers can be designed as screens in themselves.

Add to UXPin

Playlist

Playlists provide a series of tappable items related to an album, collection, or other planned group of work. Unlike video lists, which take people to an individual video or audio clip, items in playlists are themselves playable.

Add to UXPin

Music Player

Music players are individual screens that let users listen pieces of audio,. These screens include a piece of art that represent the audio, and controls to let users scan through the clip, pause the clip, and advance to the next

Add to UXPin

Player & Options

Audio players let users listen to media with options to scan through or pause the clip, or advance to the next clip. Options make the audio clip’s record more interactive by letting users leave comments, share or indicate their approval

Add to UXPin

Songs Top List

Top song lists show list media based on popularity. Users who vote for or “like” a clip contribute to its popularity. These patterns help users find new audio, like music or podcasts, per artist.

Add to UXPin

Music – Categories

Music category patterns let users browse media according to their taste. They also let site or app owners control what kinds of music people can listen to, helping them define their site’s or app’s unique brand.