Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “usability”

283 bookmarks by garrettc


Estelle Weyl – “Fast. Simple. Accessible.“ | .concat() 2018 - YouTube

"You already know that accessibility is important. In fact, it’s the law. It’s also a good idea. Let’s make the Web accessible—and faster—for everyone."

Bookmarked on #


When to use target="_blank"

"Anchor links1 may have a target attribute which controls what happens when that link is clicked. One of the possible values of that attribute is _blank, which tells the browser to open a new window (or tab, if that’s the user’s preference) when that link is clicked. This used to be “invalid” in HTML (maybe only XHTML?) but people used it anyway since it worked. It’s now perfectly valid in HTML5. But are there good reasons to do so?"

Bookmarked on #


Sticky Headers: 5 Ways to Make Them Better

Persistent headers can be useful to users if they are unobtrusive, high-contrast, minimally animated, and fit user needs.

Bookmarked on #


Indicating focus to improve accessibility

"Focus indicators make the difference between day and night for people who rely on them. Focus is something that happens between the interactive elements on a page."

Bookmarked on #


Should Links Open In New Windows?

"**No, they shouldn't**. At first glance the decision to open links in new windows or not depends on the given site and the preferences of its visitors. Visitors of the sites with heavy linking are more willing to have links opened in new windows than open dozens of links in new windows manually. Visitors of less-heavy-linkage-sites are more likely to open some specific link in new window to remain on the site and continue to browse through it afterwards. However, this is not true."

Bookmarked on #


Better Form Design: One Thing Per Page (Case Study)

You can improve your form design with a simple pattern named "One Thing Per Page". Learn how to split up a complex process into multiple smaller pieces.

Bookmarked on #


Flat UI Elements Attract Less Attention and Cause Uncertainty

In an eyetracking experiment comparing different clickability clues, weak and flat signifiers required more user effort than strong ones.

Bookmarked on #



10 Heuristics for User Interface Design: Article by Jakob Nielsen

Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.

Bookmarked on #


Why we removed the most visited advice page on our website

"It gets 70,000 visits a month and is in the top results for lots of queries about work problems on Google. But we’ve looked at the feedback and tested how people are using the page, and it’s clear we need to find a better way to help them solve their problems."

Bookmarked on #


Online User Testing Tool | Loop11

Loop11 is a website user testing tool that enables you to identify navigational and usability issues of any website

Bookmarked on #


Floating labels are problematic

Forms are not a source of entertainment. The floating label won’t make users enjoy using forms. Users don’t care. They just want the outcome.

Bookmarked on #


Get a peek into the power of user research.

See and hear a 5-minute video of a real person using your site or app with Peek, the free usability tool brought to you by UserTesting.

Bookmarked on #




Verify

Verify lets you quickly upload any screenshot or image to gather user feedback on your designs.

Bookmarked on #


I totally forgot about print style sheets

Optimizing web pages for print is important because we want our sites to be as accessible as possible, no matter the medium. We shouldn’t make assumptions about our users and their behaviour. People still print web pages.

Bookmarked on #



FullStory

"FullStory lets your company easily record, replay, search, and analyze each user's actual experience with your website. Think of it as your team's super-searchable DVR for all customer interactions."

Bookmarked on #


How HMRC got a whole team involved in planning user research

The successful use of a 'usability test plan dashboard' at HMRC.

Bookmarked on #


The 1-page usability test plan

The Usability Test Plan is a critical document to help you manage and organise a usability test. But it can sometimes appear too documentation-heavy in agile environments. What would a usability test plan look like if it was re-envisioned as a single page?

Bookmarked on #


Creating a usability dashboard

We're often told that senior managers don't have the time to read a detailed report describing the findings from a usability test. How can we better engage managers with our data?

Bookmarked on #


Mobile DropDowns Revisited — theuxblog.com — Medium

On mobile platforms, there are often better alternatives for dropdown menus. Luke Wroblewski wrote a fantastic article about the pros and…

Bookmarked on #


Improve Website Usability With Effective Navigation Labels | Torchbox

There are few rights and lots of wrongs when it comes to developing effective website navigation labels. Here are a few guidelines to get you on the right path.

Bookmarked on #


It's not you. Bad doors are everywhere

This video is about doors. Joe Posner investigates, with some help from 99% invisible

Bookmarked on #


Baymard ecommerce research

"Baymard conducts original large-scale research studies on e-commerce usability. The research is published in articles, reports, and benchmark databases. Topics include e-commerce search, homepage and navigation design, the checkout process, and mobile sites."

Bookmarked on #



Help Joy help you. On the unusability of internal systems.

"This is Joy’s notebook. At the airport earlier today I had to switch my ticket from one flight to another. Joy was the customer service person who helped me do this. Joy’s notebook is about two inches thick, she’s created an A-Z index for it, it is packed full of handwritten notes about how to do different tasks in the various system she uses – steps that need following, codes that need inputting."

Bookmarked on #


The uncomfortable project

KK decided to create and design for all the wrong reasons. Vindictive and nasty? Or a helpful study of everyday objects? The goal is to re-design useful objects making them uncomfortable but usable and maintain the semiotics of the original item.

Bookmarked on #


The Web Credibility Project: Guidelines - Stanford University

10 guidelines for building the credibility of a web site based on three years of research including over 4,500 people.

Bookmarked on #


UX Crash Course: 31 Fundamentals

A rather good introduction to the discipline of UX.

Bookmarked on #




The Long & Short of Writing for the Web - 52 Weeks of UX

'“People don’t read on the Web”. Instead, the author claimed, they “scan” text instead. There are several problems with this assumption, however. First, people do actually read on the Web…scanning is simply the first step in the process. Second, short text can be just as poorly written as long text (and often is). Third, people actually seek out and enjoy reading longer texts. '

Bookmarked on #


Card Sorting

Explanation and instructions for card sorts

Bookmarked on #



Why did infinite scroll fail at Etsy?

"My point is not that infinite scroll is stupid. It may be great on your website. But we should have done a better job of understanding the people using our website" - Valuable lesson from Etsy on when testing goes wrong, and how to avoid it.

Bookmarked on #





Design the perfect URL

Faruk Ates at .net magazine on everything you should know about URLs. Basic level stuff but there's a very useful section on namespacing features.

Bookmarked on #


Life Below 600px

I love the iceberg analogy.

Bookmarked on #



Egalitarianism and Progressive Enhancement

"Progressive enhancement follows the Golden Rule because it is concerned with the “other”. That’s why accessibility is such a key part of building websites following the progressive enhancement philosophy. It’s about putting yourself in someone else’s shoes—someone whose abilities and situation probably differ from yours. We are a diverse lot after all."

Bookmarked on #


All Web Developers Should Stop Doing This Immediately

On the stupidity of preventing people with tablets from using your site and pushing them towards an app. Worth it alone for the line "…cravenly commercial and stubbornly immune to the most basic tenets of usability."

Bookmarked on #


Which remote research tool should I use?

A decision tree diagram to decide on which tool to use.

Bookmarked on #


The Secret Lives of Links

Luke Wroblewski's write-up of Jared Spool's presentation: "Nobody goes to a Website just to visit. They have a reason. Trigger words serve the goal of the user. They trigger the user to click/take an action. When trigger words are well done, they get the user to the content they want and signal where to click."

Bookmarked on #


Another Case for Using Top Aligned Form Labels

As well as speed of completion, zooming on small screen devices and i18n efforts are affected by label placement.

Bookmarked on #