Site Flows vs. User Flows: When to Use Which
Designing the user experience of a website involves more than figuring out what goes on each page. It’s also about figuring out how those pages flow together. If you don’t plan your page flow, you...
View ArticleHow to Get Personal Data from Users on Forms Easier
Getting users to complete your form is a challenge when asking for personal data. Most users will hesitate to give that out because they’re afraid of getting spammed or hacked. But if you ask for it...
View ArticleHow to Remind Users They Changed Their Password
Doing the same action over a long period is how a habit develops. Users develop a habit when they type in their password to log in. But this habit can cause unexpected login errors after they change...
View ArticleWhy the Confirm Password Field Must Die
Sign up forms are one of the trickiest web pages to design. Including and excluding certain form elements affects the conversion rate. The designer’s job is to figure out which elements they should...
View ArticleMaking Selected Button States Clear for Color Blind Users
Color communicates a lot on user interfaces. But not as much for color blind users. They often have trouble distinguishing between different colored objects.If you only use color as a visual cue for...
View ArticleWhy Great UX is Everybody’s Business
When you or I have a problem, it’s pretty easy for us to imagine a solution. And that solution is filtered through our experiences and responsibilities. So if I’m a Business Analyst, for example, I may...
View ArticleWhy Your Links Need a Hover Effect
Links contain text, but they should never look like text. When users read a web page, they need to be able to distinguish what’s clickable. If your links don’t have enough contrast, users could miss...
View ArticleList vs. Grid View: When to Use Which on Mobile
Figuring out your content layout is a tricky task on a mobile device. Desktop devices give you all the screen space to work with. But on mobile, you have limited screen space. Users can only view a...
View ArticleRindle: All Your Tools in One App
Do you use tools like Gmail, Slack, Trello, Basecamp, Github and etc. to get your work done? So many tools, so little space, so much confusion. Stop wasting time jumping between tabs in your browser....
View ArticleWhy Passphrases Are More User-Friendly Than Passwords
A user’s account on a website is like a house. The password is the key, and logging in is like walking through the front door. When a user can’t remember their password, it’s like losing their keys....
View ArticleThe Navigation Bar Is an Affordance, Stop Removing It
What do you notice about the website above? It doesn’t have a navigation bar. The text links are floating in space and obscured by the background image. Navigation is there for users to find what they...
View ArticlePtengine: Boost Conversions with Heatmaps
Google Analytics is one of the most popular analytics tool on the web. It’s free and gives you all the data you need. Ptengine is just like it, except it can track user engagement through heatmaps.It’s...
View ArticleWhere to Place Your Accordion Menu Icons
Accordion menus are a type of display widget found on desktop and mobile apps. They allow you to display a large number of menu options while conserving space. But before you use them, you should know...
View ArticleWhy Motor Impaired Users Need Skip Links
How well could you use a website if your hands had limited muscle control and movement? One task you’d have trouble doing is scrolling through web pages. Motor impaired users often experience this...
View ArticleCaptainForm: A WordPress Plugin for Building Custom Forms
Building the perfect form takes a lot of time and effort. You have to figure out what information you want from users. Then you have to create the fields, labels and arrange them in a layout. And...
View ArticleWhy Circular Profile Pictures Accentuate Faces
What shape are your app’s profile pictures? Chances are they’re square. A square isn’t the best shape to use because it makes it hard to visually process faces. A circular profile picture works better...
View ArticleThe Easy Way to Start a User-Friendly Ecommerce Store
Selling products is one of the best ways to earn money online. But you need a user-friendly ecommerce store to do that well. Creating one from scratch takes a lot of time and effort. That’s no longer...
View ArticleHow to Communicate Visual Hierarchy on Wireframes
The use of color is one of the best ways to communicate visual hierarchy on a design. But on a wireframe, it’s one of the worst. If you’re using color to display visual weight, your final design could...
View ArticleHow We Made Our Client’s Site Accessible by Law
It was just another day at the office until we got a quote request from a website owner in California. It was a first time for our team, as we only provided web design and development projects so...
View ArticleWhy Your Gray Text Should Never Exceed 46% Brightness
The color gray comes in many different shades. You can find them on different elements across most sites. Dark gray is often used for headings and body text. Light gray is often used for metadata,...
View Article