Tags: testing

Aerotwist - My Performance Audit Workflow

Excellent tips and tools from Google’s Paul Lewis on performance testing.

Labcase - Open Device Lab, in a case.

This is a really great idea—a portable open device lab. It’s UK-based and you can hire it out for a few days at a time.

More details here.

Donate Your Dusty Device

Got an old phone lying around that you don’t need any more? Why not donate it to a device lab? You know it makes sense.

Auto-Forwarding Carousels, Accordions Annoy Users

Carousels are shit. Auto-animating carousels are really shit. Now proven with science!

Ghostlab

This looks like it could be a handy app for synchronising a whole bunch of devices when testing. I’ll have to give it a whirl on the device lab.

Also, it has a perfectly fair one-off price, rather than the Mafia-style protection fee model that Adobe uses for Edge Inspect.

Responsive Inspector

A handy plugin for Chrome that always you to inspect media query breakpoints and take screenshots at any of them.

Check you’re wearing trousers first by Robert Heaton

Some cautionary tales of over-engineering solutions before doing some quick user-testing to establish what the real problems are.

It’s a pleasant delusion to believe that all our problems require hard solutions.

Antwerp Open Device Lab

Do you know anyone in Antwerp who wants to be part of a communal open device lab? Point them here.

Device lab

These device holders/stands look really nice, and they’d be a real help keeping my spaghetti cables in check.

Izilla Open Device Lab, Newcastle, NSW - Open for Testing!

I believe this may be Australia’s first open device lab. I hope it’s the first of many.

Cover-Up’s open device lab

The guys at Cover Up are great: they make accessories for tablets and e-readers, so they have lots of those devices. They’ve made them all available for web developers to test on. Like I said: they’re great!

Remote Preview

This looks like it could be one alternative to Adobe Shadow or Edge Inspect or whatever they’re calling it now that they’re charging $120 a year for using it.

Building a device stand

Pictures and plans for building a plywood stand for your device lab. I definitely want one of these for the Clearleft office.

Building the Happy Cog Test Lab - Cognition: The blog of web design

Ryan describes the research and process behind putting together a device lab for Happy Cog in Austin. Good stuff, with handy links gathered together at the end.

Game Console Browsers

This is an excellent resource from Anna. She’s documenting the browser capabilities of games consoles.

Device Lab / Oktavilla

A communal device lab in Stockholm.

Social Login Buttons Aren’t Worth It | MailChimp Email Marketing Blog

A great in-depth explanation by Aarron on why Mailchimp dropped their Facebook and Twitter log-in options. Partly it was the NASCAR problem, but the data (provided by user testing with Silverback) also brought up some interesting issues.

Airlift

This looks handy: a video-sharing service designed specifically to work with Silverback

Shadow is now Adobe Edge Inspect | Adobe Edge Inspect Team Blog

Oh, dear. Adobe Shadow gets a new name and a hefty price tag. Yesterday it was free. Today it is $119.88 per year. It’s useful but it’s not that useful.

So, lazy web, who’s working on an open-source alternative?

Don’t confuse design testing with device testing — Stuff

Andy makes a good point here, point out the difference between device testing and design testing:

When I’m designing, it’s incredibly important for me to quickly gain an affinity with how my design feels when I hold it in my hands.

These are not device testing issues, they are design questions and there’s a huge difference between how an interface feels to use on a smartphone size display and whether the HTML, CSS and Javascript actually works on any particular make or model.

Establishing An Open Device Lab | Smashing Mobile

A great article that looks at everything you need to know to set up a communal device lab in your town.

Device Lab DC | A (coming soon!) community mobile device testing lab in Washington, DC

There’s an open device lab starting up in Washington DC. If you’re in the area, get in touch and share your devices.

Lab Up!

This looks like a great idea: a centralised place for listing open device labs (and hopefully getting some sponsorship from device manufacturers).

CSSquirrel : Game Break | opinions and news on web design by Kyle Weems

Hey look; Anna’s in a CSSquirrel comic! And for good reason: Kyle is as impressed as I am with Anna’s research into browsers on gaming devices.

There’s also a call for more community device labs. I approve.

Community Device Labs - Google Groups

Jason has set up a mailing list for open device labs. If you are running one, or thinking of setting one up, you should sign up to share ideas and knowledge.

Nomad Device Lab

There’s an open device lab in Cape Town now. Excellent!

klick-ass.com » Avoid the Tamagotchis – a list of Open Device Labs

A list of open device labs around the world (mostly Europe).

A List Apart: Articles: Testing Websites in Game Console Browsers

An excellent in-depth article from Anna on the many gaming devices out there that have both an internet connection and a web browser.

The 64 Digital Super dooper device testing station

There’s a communal testing lab just outside London and they’ve got a very nifty set-up for their devices.

Introducing our “Open Test Lab” for mobile device testing - Blog - 80beans

Now Amsterdam has a communal device lab.

co.up’s new Open Device Lab - co.up

First we take Manhattan…

Berlin now has a communal device lab. Wunderbar!

London Device Library

London now has its own device lab (at the Mozilla offices).

If you’re in London and you have an old phone you could contribute, please, please add it to the contribution.

Twitter Blog: Overhauling mobile.twitter.com from the ground up

A great behind-the-scenes look at the redesign (and redevelopment) of Twitter’s mobile subdomain silo. Man, I would love to see this progressively enhanced up to the current widescreen view for “desktop” browsers without the need for separate URLs for any class of device.

But I digress …this is good stuff.

Anna Debenham: Using the Nintendo DSi browser

Anna reports on her experience testing on a device we don’t often think about: the Nintendo DS …very popular with the young ‘uns.

modl ∴ Malmö Open Device Lab

Now there’s a communal device testing lab in Malmö, Sweden too.

xip.io: wildcard DNS for everyone

It took me a while to get my head ‘round it, but this routing service from 37 Signals is handy for testing local sites on multiple devices (kind of like showoff.io).

Setting up a mobile testing suite | words from Cole Henley, @cole007

If you’re based anywhere near Frome in Somerset, get in touch with Cole—he’s putting together a communal device testing lab.

Mobile Device Testing: The Gear | Bagcheck

An oldie but a goodie: this Bagcheck blog post contains a whole bunch of useful links to lists of mobile device testing suites.

Responsive News - Cutting the mustard

This seems like a sensible way of separating capable browsers from legacy browsers: if the browser supports querySelector, localStorage and addEventListener, you’re good to go.

Testing For Dummies | Testing

An in-depth look at the BBC News mobile testing process. I think it’s great that people are sharing this kind of information.

Pingdom Tools

A handy performance testing tool from Pingdom, similar to Google’s offering.

Adobe Shadow | preview mobile web - Adobe Labs

Adobe have launched their version of Weinre, the tool that allows you to refresh and debug iOS and Android browser views from your desktop computer.

Browser Support? Forget It! – David Bushell – Web Design

A great post that discusses exactly what we mean when we talk about “supporting” different browsers.

Ringmark

An acid test for mobile browsers. Point your device at rng.io and it will report on how much or little mobile shininess is available.

BenjaminKeen.com

A bookmarklet version of that handy multiple-iframe page I linked to the other day. Even more useful for testing responsive designs!

Bricss - Simple responsive design test page

A handy little document to load pages into differently-sized iframes—useful for testing responsive designs.

deCSS3 - a bookmarklet for graceful degradation.

This is really handy: a bookmarklet that will disable any CSS3 on a page so you can check that your fallbacks look okay.

A plea for progressive enhancement | Stephanie Rieger

Yes! Yes! Yes!!!

Progressive enhancement is the only sane approach to today’s massively divergent landscape of devices. It can’t be repeated often enough.

marstall/shim - GitHub

A very clever and tricksy way to sync up multiple devices so that when you refresh a URL or follow a link on one, it happens on all of them. It uses OS X’s Internet Sharing feature combined with locally-hosted Node.js. It’s positively McGyverian!

localtunnel: instantly show localhost to the rest of the world

An alternative to showoff.io for sharing your locally-hosted sites.

Responsive Design Testing

Another browser-based tool for viewing the same site at different sizes, but this one displays them all the same time, side by side.

ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design.

Another browser-based tool for testing your responsive designs at different screen sizes.

responsivepx - find that tricky breakpoint

Remy created this tool for resizing a viewport to figure out where to put the breakpoints in your media queries.

Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

A handy little service for viewing sites at different dimensions. Just be aware that it doesn’t actually emulate different devices.

2011 Mobilism workshops announced · Blog · Mobilism

Stephen and PPK are taking their two-day mobile workshop on the road, including two dates in the UK (one of which is Brighton!). There’s a welcome emphasis on testing.

Accessibility and HTML5 Block Links — Simply Accessible

Derek runs some tests on how screenreaders behave when block-level elements are wrapped in links, which is now legal in HTML5.

BBC News - Are you experienced? Business and the web user experience

A nice overview of the increasing importance of UX on the web, written by Bobbie with soundbites from Andy.

this, is boomerang

This code could be useful in determining a user’s bandwidth.

HTML5 Conformance Test Results

All the tests and all the results, all in one place.

Capturing the Atom Bomb on Film - Audio & Photos - NYTimes.com

Monstrously beautiful images, accompanied by an eye-witness audio account.

Wishlist » User Testing with Silverback

A nice little case study in using Silverback.

Usability Testing: You are not your user. No matter how good you think you are.

A lesson from Google Buzz: a large sampling isn't always a representative sampling.

Statistical significance & other A/B test pitfalls

Cennydd delivers a slap of common sense to A/B testing. With science!

The WHATWG Blog » Blog Archive » Usability testing HTML5

Hixie has been making changes to microdata in HTML5 based, not on opinion or theory, but on the results of user testing.

HTML 5 Outliner

A very handy tool to help you check the outline algorithm in HTML5.

Google Code Blog: Introducing Page Speed

GSlow.

How to run Safari 4 beta and Safari 3 on the same mac: BeatnikPad Journal

Neil explains how you can have your Safari cake and eat it.

BBC - Future Media Standards & Guidelines - Browser Support Standards v3.3

A document outlining browser support standards for bbc.co.uk

five second test - A simple online usability test

The five second test is a simple usability test that helps you measure the effectiveness of your user interfaces.

“Gorilla” Usability Testing | GarrettDimon.com

Garrett's in-depth look at Silverback, the Mac app that we've been cooking up at Clearleft.

Empty Links and Screen Readers » Yahoo! User Interface Blog

Excellent research into how screen readers respond to empty links (i.e. A elements with no text between the opening and closing tags).

Validator S.A.C. - Stand-Alone W3C HTML Validator Application for Mac OS X

For those times when you need to validate your markup but you don't have a 'net connection.

YSlow for Firebug

The YUI folks have released an add-on for Firebug that will analyse your pages and suggest ways of speeding it up.

A List Apart: Articles: Paper Prototyping

A great hands-on article on the benefits of playing with paper.

Toronto Interacts presentation, 2006.10.25

Joe's notes make for great reading, specifically "Accessibility is a precursor to usability."

Card sorting pix

Flickr photo set, AIGA card sorting exercise.