Blog - Archive for September, 2013


MarthaStewart.com gets an RWD Makeover

September 16th, 2013
by sabrina.shimada


It was last night when I was on the couch with my iPad mini in hand, pinning away DIYs and vegetarian recipes on Pinterest, when a picture of lollipops dressed as ghosts lead me to MarthaStewart.com. I clicked on the image and arrived on the site, but it was not what I remembered. As a usability researcher, I knew exactly what was going on - large pockets of white space, difficulty finding the navigation menu, Martha had gone RWD! *The site did feature a responsive homepage earlier this year, but it looks like all content pages have now been converted to responsive designs.

MarthaStewart.com is currently running a beta Responsive Web Design (RWD), which means that the site can offer the same content on any device, any screen size, and it will adjust accordingly. RWD is a relatively new concept in terms of web design; you can learn more about it on a previous blog post that my colleague wrote. What’s important to know here, is that RWD can result in a beautifully efficient site that seamlessly delivers content to the user across devices without any sacrifices. Websites that are not using RWD often curate content specifically for their mobile site, causing frustration for some users who seek the “full” site experience. As with all new things, there is a bit of a learning curve. In this case that applies to both the web designers and the users.

On that note, let’s take a look at the new Martha Stewart responsive website. For this blog post, we thought it would be fun to point out some of the key differences between the old site and the new responsive site. We would love to hear your thoughts and reactions to the new design, so please don’t hesitate to leave a comment.

MARTHA GOES RWD!

Let’s start with a side-by-side comparison of the old homepage and the new homepage. At a glance, we first notice that the overall color scheme has transitioned from shades of blue and greens, and orange to a more minimalist look that is mostly white with touches of grey and green. We are seeing less use of borders, bullet points, and left-aligned text on the new design.

Now let’s take a closer look at how Martha’s team dealt with the navigation. When moving to a RWD, navigation is one of the most challenging obstacles. Mobile web designer, Brad Frost, put together some great examples of responsive web design navigation styles, which you can look at here. Below shows the old navigation and how the architecture has changed:

  • “Food” turned into “Cook”
  • “Crafts” and “Home & Garden” are now found under “Create”
  • “Entertaining”, “Holidays”, and “Weddings” are now rolled up under “Celebrate”
  • “Weddings” also lives on its own tab in the primary navigation

Please note, that there are a few areas of the site we were unable to locate on the new site, including “Pets” and “Whole Living.”

Now as I mentioned before, I was on my iPad mini when I first explored the site; here’s a snapshot of what the site looks like on that device.

Overall, the site looks great on the iPad Mini. My only complaint is that the line items are a little narrow and it is easy to click the wrong one, even with my tiny little fingers! The dropdown arrows make for an even smaller target; let’s just say that the menu is not “fat finger”-friendly (NN/g talks about “fat fingers” here).

Lastly, I would like to share just a few more screenshots of the content experience so you can see how Martha’s team has optimized the experience to further encourage social sharing on sites like Pinterest.


Notice the in-page navigation, which allows users to click to certain areas of the page vs. forcing the user to scroll.

We are looking forward to seeing what changes Martha’s team makes to the beta site, and hope to see a new and improved RWD from them soon!

  • Share/Bookmark

Focus Group Icebreakers

September 5th, 2013
by Christine.Heerwagen


A focus group is an integral research tool used to reveal the needs, emotions, and reactions of users. Prompting these spontaneous reactions provides valuable insight into UX issues and concerns before interface design and after implementation. By observing a focus group’s dynamic in a controlled setting, we can assess ideas that may not surface during interviews or surveys. Unlike other methodologies such as in-depth interviews or surveys, focus groups are typically used in early stages of research to explore or generate a hypothesis and to garner a broad range of information relatively fast. Moreover, focus groups are useful for not only collecting valuable insight, but for observing interaction and thought processes in a group context. This group setting also helps to uncover potential social stratification among participants and to reveal a degree of unanimity regarding the topic at hand. Also, when paired with observational UX methodologies, focus groups can provide more robust findings helpful in validating research results. However, for analyzing sentiments and behaviors specific to an individual and for generalizing findings, in-depth interviews or surveys are much more effective UX methods than focus groups.

To generate accurate, ample insight from focus groups, we must immediately create an environment in which respondents feel comfortable and safe opening up and sharing their perspectives and behaviors. Unfortunately, creating an environment conducive to unveiling such deeply rooted emotions and reactions with strangers is a major challenge. Icebreakers are especially helpful to establish a safe environment and build trust within a group – not to mention engage participants. When individuals hear themselves speak in the room before the focus group, it can mitigate anxiety and prime them for delving deeper into the following research task/s.

Before the focus group icebreaker, the researcher should lay the foundation for open discussion by introducing the group and addressing the process, nature of the research, desired end goal, and protection of identity and confidentiality. It is also crucial for the researcher to acknowledge any potential features of the room that may cause discomfort (e.g., cameras, mirrored wall). Once these elements are discussed, an icebreaker is a great way to transition into the more serious or personal questions at hand. By skipping a warm up exercise, respondents may feel reluctant to share answers that could reflect poorly on them.

In order to establish good rapport with a focus group and garner honest and comprehensive feedback, we suggest trying these creative icebreaker exercises:

1. Tech Effects:

What technology innovation made the most impact on your life and why? What innovation do you like the least and why? Or, more specifically, what part of owning/using a smartphone has made the most impact on your life and why? What about the World Wide Web has made the most positive impact on your life?

2. Best or Worst:

In other words, what’s our favorite or least favorite ___? Have everyone identify their favorite [insert item or concept]. For example, if you are getting ready to do a focus group about potential website enhancements you can have users identify their favorite or least favorite web feature and briefly explain why. . If you are doing a focus group about mobile usability testing, have each person identify their favorite/least favorite app. Everyone must list a different one.

3. One-Worders:

This icebreaker allows the group to get familiar with one another by sharing their thoughts on a common topic. First, divide the participants into subgroups of four or five people by having them number off. This allows participants to get acclimated to the others in the group. Mention to the groups that their assignment is to think of one word that describes X; give the groups a minute to generate a word. After, the group shares the one word that describes X with the entire group of participants. For example, with a session about mobile usability testing, you could request that the group think about their smart phone and come up with one word to describe it.

4. Draw a Card:

Give each person in the focus group a notecard. Pick a topic and let them write the questions. For example, during a mobile testing focus group, choose “mobile apps” as a topic then have users write out a question for anyone in the group to answer about mobile app/s. For example, “If you could have only one app on your phone what would it be?” or, “Approximately how many apps do you have on your phone?” Then pile all cards face down, in the middle of the group, and let people draw a card and share their answer with the entire group.

5. Fill in the Blanks:

Participants are given an incomplete sentence and asked to complete the thought. Two unfinished sentences can often reveal the wants and needs of the consumer and can be modified to fit the specific research at hand:

“When it comes to______, the one thing that makes me delete a particular app is…”
“[Client company], you would improve if…”

It is sometimes helpful to pose questions in the third person, prompting participants to formulate answers more consciously given more ambiguous stimuli.

“Websites with_____ make me…”
“When people buy an app…”

6. Worst Case Scenario:

Similar to brainstorming, participants are asked to offer a bad idea, the worst idea they can possibly think of, as a solution to the problem at hand. The bad ideas are then presented as stimuli to the group. The group is then prompted to turn the bad ideas to good ideas as people are often better at determining what they don’t like as opposed to what they like. In addition, it allows the group to come up with solutions without as much pressure. For example, “What was the worst idea when it comes to design of websites or an app that you have used?” The moderator and the research team review reactions and perceptions that surface during the exercise. With this insight, a research team gains valuable solutions.

Since each research project is unique, it is important to modify the focus group icebreaker to fit your objectives or topic. Regardless, an icebreaker should not be overlooked. Should you have any other clever warm-ups for focus groups we would love to hear them – please do not hesitate to reach out to us at .

  • Share/Bookmark

Our Services

Web Based Testing

Website Evaluation

Competitive Assessment

Intercept Survey

Prototype Testing

Home Page Survey

Brand & Concept Test

Open Web Research

Online Benchmarking


Consulting Services

Expert UI-Review

UI Consulting

Lab Based Testing

Usability Testing

Focus Groups

Eye Tracking

In-Depth Interviews

Card Sorting

Persona Research

Featured Articles

Usability 101

Methodology Spotlight

E-commerce Usability

Website Usability Testing

Our Expertise

Industries

Benchmarks

Case Studies

About Us

Management Team

Partners

News & Events

Contact Us

415-439-8333

sales@evocinsights.com

Connect With Us

linkedin logo

Affiliations and Endorsements

evoc greenbook badgeFeatured Market Research Companies

Keep Informed

Sign up for eVOC's monthly newsletter.