What’s the Latest with Refresh Detroit?

We noticed we haven’t posted on the site for a while, gosh, it’s been over 1 1/2 years! Yikes!

So, here’s the latest news.

Nick DeNardis and I took time off last year with Refresh Detroit. Our last 2015 event was the annual Accessibility Summit we held at the University of Michigan.

We relaunched Refresh Detroit in 2015 with a remote talk in February by David Brooks, Designing Against Yourself.

In March, Chris DeMars returned to present Block Element Module (BEM). We had a great turnout, with many new members joining the discussion after the talk, with demos of how they’re using BEM in their work.

Do You Even BEM? laptop sticker

Last night, we held our first Geek Dinner, a casual get-together at Broderick Grille, to chat about our work, design, and catch up with other.

Next month, we’re partnering with Metro Detroit WordPress to host the third annual Global Accessibility Awareness Day, Detroit to raise awareness of digital accessibility in the products and services we design. We hope you’ll join us!

Plans for 2016

We want to hear from you! What are you interested in? What web and design topics, discussions, or presentations do you want to see happening at Refresh Detroit?

Do you have an interesting case study to share?

Or design problem you overcame in your work that you want to talk about? We’d love to have you speak to the group!

Nick and I are planning to send out a member survey to find out what will bring you to our next Refresh Detroit meetup. Expect to see it in the next couple weeks.

Recap: Fast & Cheap UX Research

At our August 2013 meeting, Refresh Detroit welcomed Jodi Bollaert and Megan Schwarz of Team Detroit, who shared their insights on fast and inexpensive user experience research.

Attendees included web designers, developers and user experience professionals who came from metro Detroit and Ann Arbor to learn about online and in-person research methods to improve their projects.

Thank you Team Detroit for the refreshments, hosting the meeting and for your support of Refresh Detroit events. It was our first time meeting at Team Detroit, and it was a great venue!

Notes from the Presentation

Before beginning user experience research, what do you want to learn? With over 100 user experience tools, how do you choose the best tool? It helps to identify:

  • Who is your target audience?
  • What will you test?
  • What’s your budget?

Challenges we face today with user experience research: three times as much to test (desktop, mobile, tablet) and short project lifecycles. Traditional testing can take up to two weeks to get the report. Web-based tools (like UserTesting.com) enables teams to do research at lower cost and less time, with fewer resources.

Why use UserTesting.com?

  • You need findings quickly (within hours)
  • Test can be completed in 15 minutes
  • If audience can easily be recruited online
  • Site is available online
  • Have resources available to do the tests, review the videos, take notes and report
  • Budget is a concern

Using unmoderated testing with Usertesting.com, you’ll be able to:

  • Test five people
  • Do remote research
  • Only spend 15 minutes
  • Get results in an hour
  • Keep cost to ~$250 on average

For mobile testing, Usertesting.com sends cameras to participants.

Analysis and Reporting

  • The team doing design and development, get the results within hours
  • Developed a UT report template – focused on actionable findings, including a few video highlights to underscore key themes
  • Deliver report in person (usually a few days later since it can take three to four days to review five videos, create report)

Team-based Analysis

  • Offer chocolate and caffeine to encourage team members to attend
  • Watch videos together
  • Practice active observation
  • Each team member documents key insights on sticky notes, one per note
  • Post stickies on wall, work together to sort out

Constraints/Lessons Learned

  • Avoid leading questions
  • Run a pilot test with one participant before launching the full study
    • Check that duration is about 15 mintues
    • Ensure your directions and questions are understood
  • Participant no good? Usertesting will find another one quickly for you

Even Cheaper Tools

5 Second Test

  • Offered by Usability Hub
  • Find out what users recall about your design
  • Free with Karma Points (which you get by participating in  tests) or monthly subscription pricing
  • Easy to set up
    • Upload screenshots
    • Add brief instructions
    • Use default questions or customize for your needs
  • Example shared: Team Detroit home page
    • 5 second test showed that users didn’t know what Team Detroit was about (was it cars? Detroit)
    • Updated home page to clearly identify what Team Detroit does

Click Test (Usability Hub)

Card Sorting

  • Method to help you organize content on a site
  • Example: videos for Ford site. Users asked to group content and write labels once all cards were grouped.
  • Card sorting resource from Boxes and Arrows
  • Consider Websort for online card sorting. Free for under 10 users

User Interviews

  • Qualitative research method
  • One-on-one conversations
  • Identify what your users’ needs are and why


  • Do-it-yourself user experience research will be used more often, but won’t replace traditional research
  • Talk to project teams. Find out their pain points. Get them involved in planning and observation.
  • Test early, test often
  • Test up to launch, test after launch
  • Share results when you get them (don’t wait)
  • Document findings & facilitate next steps
  • Be careful what you wish for! People get excited and want to do more. You’ll soon discover you need more bandwidth.
  • Just do it!

We’re hoping to have a link to Jodi and Megan’s slides soon. We’ll update this post when the slides are published online.

Advent Calendars for Web Professionals

I love this time of year when my favorite websites post advent calendars for people who work on the web. It’s like Christmas comes early with all the tips and resources!

If you missed it earlier this week, .netMagazine published eight advent calendars for web designers and developers, leading off with the well-known 24ways site and including UXMas, a new advent calendar for user experience professionals.

Here’s a few more web-focused advent calendars you might enjoy:

Online Marketing Advent Calendar

The Online Marketing Advent Calendar shares a digital marketing tip each day, focusing on SEO and content strategy.

Online Marketing Advent

Systems Administration Advent Calendar

With tips and resources written by fellow sysadmins, the Systems Administration Advent Calendar has been publishing their calendar since 2008.

Sys Admin Advent Calendar

It’s a Shape Christmas

For illustrators, the It’s a Shape Christmas interactive advent calendar features 25 downloadable shapes from illustrators around the world.

Its a Shape Advent Calendar

MDN Calendar

The Mozilla Developer Network (MDN) Calendar offers a puzzle-interface for demos and to learn about new resources.

Mozilla Developer Network Advent Calendar

WebKrauts Advent Calendar 2012

Though written in German, it’s easy to use Google Translate on the WebKrauts Advent Calendar 2012 which features web topics including CSS, wireframes, SASS, tools, and mobile web.

WebKrauts Advent Calendar