Create Responsive Design with Type

Express your brand’s personality consistently across devices. When it comes to responsive design, put type first by designing for the reader. Typecast creates visual designs with type. The tool creates responsive prototypes across several platforms.

Control the type visually by size, line height and letter spacing. Use optimized typefaces for reading, test how content flows and view how quickly the page loads. See what you can create with over 90,000 web fonts!

Benefits of Personas

Have you ever had trouble pitching your idea to your clients? Personas are a great way to demonstrate the purpose and need for change. They show a path the user can take to complete a specific task in an application.

The path is also called a scenario, which is like role playing, gives a clear picture of the user’s expectations and how they’re likely to use the application. This approach helps to sell the idea of a new feature or changes to the product to the stakeholders. It also helps the development team understand the interaction and functionality changes.

Personas is a user-centric approach. The benefits are quick and inexpensive ways to test design theories, get approval from stakeholders, and decide which approaches to take based on user behaviors. Learn more about the benefits of Personas at usability.gov.

Understanding User Research

User research focuses on understanding user behaviors, needs and desires through observation techniques, task-based interviews, and other feedback methodologies.

This approach is considered qualitative data. Methods focused on user-centric design help determine decisions for design and structure based on the audience behavior.

To view types of research performed at different stages of the project cycle, check out the User-Centered Design Process Map by usability.gov.

Increase Page Views

How compelling is your webpage? Users tend to scan pages, not read them, so how do you gain credibility? Category headings that are descriptive will capture the users attention. Proper use of keywords helps readers quickly identify topics. Links that follow up on the user’s current interest encourage site exploration and reduce bounce rates.

With the proper invitation, people will stay longer on your site. Users are more receptive to links when they are relevant to the article they just read. Links that follow up on the users interest will encourage site exploration, which will increase page views.

Visit the Nielsen Norman Group’s (NNG) website to learn more about Related Content Page-views.

Your Links Should Never Say…..

Certain words on a link can affect how users experience your interface.

Have you ever wanted your users to click a link but didn’t know how to get them to act? When some designers run into this problem, they’re tempted to use the words “Click here” on their links.

The problem with using “here” in a link is that it conceals what the user is clicking. The text around the link might explain what they’re clicking, but when the user reads the link itself they won’t have a clue.

Best Practices never to use these words on a link. You should know how using these words on a link can affect how users experience your interface. Why your links should never say “click here”.

Why Scroll When You Can Click?

My experience with the two is that users want quick access with less clicking. With mobile and touch screen computers, it’s easier than ever to scroll a webpage. Why click?

Clicking lets you track user clicks to a page with analytics. When a user scrolls, it takes data out of the equation. It seems that scrolling is better for usability. Clicking is better for analytics and search engines. But scrolling is a better user experience and satisfying too! View Why Scrolling is the New Click.

Why Invest in Personas?

As the marketplace shifts from mass manufacturing to a mass customization model, customers needs and desires are more accurately identified through the development of personas rather than through demographic data.

A persona represents a cluster of users who exhibit similar behavioral patterns in their purchasing decisions, use of technology or products. One-on-one interviews are conducted to define a targeted audience. Patterns of behavior define each user type and provide a clear understanding of how they relate to each other.

Qualitative data and observations determine how to customize the user experience to specific types of people based on their attitudes, behaviors, and motivations, regardless of demographic information.

The buy-in from leadership within each department early in the persona process is key to socializing the personas. Getting all of the key stakeholders involved early in the process involves them in informing the initial understanding of the customer and, therefore, helps define the research.

The success and longevity of personas will be limited. A consistent and customizable user experience across the entire product lifecycle is the key to adoption, usage and loyalty. Read more about how Personas create the Foundation of a Great User Experience.

Consistency Across Platforms

How do you define consistency? Sometimes when we develop, we forget about how the structure and interaction are going to affect the overall user experience. We are accustomed to thinking about consistency within the context of what we’re designing.

As we design across platforms, we must consider consistency in a much broader and more varied context. Consistent patterns, placement, and styling help with the overall experience when practicing Cross-Channel Consistency.

For example, a function is the purpose of an object. Organization is organized content, and aesthetics is how the object looks and feels.

Consistency throughout a site is a daunting task that will take careful planning, hard work, and plenty of iteration to perfect. But function, organization, and aesthetics provide a foundation for framing this vital process.