Blog

Button and link usability

I find myself often telling designers and front-end engineers that “buttons should feel like buttons and links should look like links.” It occurs to me, that after a few years of the flat design trend, I should explain what that means.

Buttons should feel like buttons

When you press a physical button in the real world — any key on a physical keyboard, for example — you can tactically feel it depressing. You’ll also see its form shrink away from you and the way the light falls on it will cause it to look slightly different.
Read More on Button and link usability

Blocked: An In-Depth Special Report on iOS 9 Content Blockers

Editor’s Note: This summary and report was co-authored by Lead Audience & Revenue Strategist Ben Ilfeld and President & Founder Jake Goldman.

iOS 9 Content Blocking

On September 16, Apple launched iOS 9 with a suite of enhancements. One buried feature has the web content industry talking: content blocking. The immediate and obvious use case being blocking of ads and third-party scripts often used for site metrics. Less than one week in, a $0.99 ad blocker is atop the iOS App Store’s paid app charts, and a $3.99 ad blocker trails right behind it.

Much has been said about the ethical implications and hypothetical impact. Clients who look to 10up for web and online revenue strategies were, naturally, less interested in debating whether content blocking is fair, and more interested in modeling their potential impact and adapting. While we couldn’t help touching on the ethics – an open web is core to 10up’s DNA – we focused on analyzing technical realities, data informed predictions, practical industry implications, and potential strategies publishers can apply to face a changing landscape.

Read on to review highlights from the report, or skip ahead and download our free eBook in PDF or ePub format.

Read More on Blocked: An In-Depth Special Report on iOS 9 Content Blockers

Microcopy can make a macro impression

A newly hired UX Designer once quipped, “I could spend all day obsessing about word choices.” It’s true, we could! Those small fragments of text—a phrase, a sentence fragment, or even a word—can make an interface really work. We call it microcopy.

Microcopy sits unobtrusively alongside user interface, ready to provide contextual information for a user that needs that extra bit of help or information. It makes visitors feel confident and can help reinforce a client’s brand through tone and style. Typically you see microcopy near interactive elements. Here are some prototypical examples of microcopy found online:

“Microcopy is small yet powerful copy. It’s fast, light, and deadly. It’s a short sentence, a phrase, a few words. A single word… Don’t be deceived by the size of microcopy. It can make or break an interface.”

— Joshua Porter, 2009

Read More on Microcopy can make a macro impression

Sliders, Rotators, and Carousels — Oh no!

There is evidence to indicate that sliders (or rotators or carousels) are generally ineffective. Engagement with the second slide is precipitously low and engagement with the third slide is near negligible. Assuming visitors see it at all.

As an adaptation to information overload, web users have trained themselves to divert their attention away from areas that seem unimportant or look like advertising.
—Hoa Loranger, NNGroup

Although Loranger was summarizing a study about right-rail blindness, NNGroup has done previous examinations of sliders and found a similar effect. Notre Dame university also studied sliders on their home page and found only 1% of visitors interacted with it at all.

Finally, these interfaces often have usability concerns: microscopic control buttons, odd mobile/touch behavior, and the removal of visitors’ control.

Read More on Sliders, Rotators, and Carousels — Oh no!

2015 Annual Summit: Boulder

Boulder

Every year, around this time, our distributed team gets together for a few days to focus on developing our soft and technical skills, to celebrate our past and plan for our future. The 2015 summit is next week at a beautiful hotel in downtown Boulder, Colorado. It begins Monday afternoon with an optional tour of the Celestial Tea Factory and a mouth-watering prefixed dinner catering to myriad 10up diets. Our summit ends on Thursday night, with most 10uppers traveling home on Friday.

Read More on 2015 Annual Summit: Boulder

Scaling StoryCorps.me and the WP JSON API

We had the privilege of working with StoryCorps to help them engineer a reliable, scalable WordPress implementation for their new, TED prize winning project. StoryCorps.me enables anyone to record and share powerful stories using an iOS and Android app; the app’s infrastructure is built on WordPress, and leverages the WP REST API.

We built a custom, elastic infrastructure on Amazon Web Services, provided strategic consulting and direction for the WordPress JSON API integration with the app, and comprehensive code review and auditing for the custom theme and plugins built by StoryCorps’s internal developers.

Even as the app was unveiled at TED, and picked up in subsequent press coverage from NPRFast CompanyRecodethe Globe and MailForbes, to name a few, the site and its deep app integrations have scaled and performed like a champ.

PostStatus published a detailed, insightful write up that describes the project and technical implementation, including kind words from their program manager:

Dean noted, “You have to be willing to completely submit to the process.” He says it wouldn’t have succeeded if 10up and [app developer] Maya weren’t committed as StoryCorps to the success of the project.

Be sure to check out their coverage, and try out StoryCorps.me. You can find the app that relies on their WordPress build on the iOS app store and Android Play.

10up turns four

Four years ago, 10up came to life with a couple of clients, and a centrally located team of one. Today, our 100+ team of engineers, designers, and strategists span the globe,  privileged to serve Fortune 500 (and 50… and 1…) clients, as well as an array of well respected startups and lesser known brands invested in first class technology solutions. Here are a few highlights since our last birthday:

Read More on 10up turns four