What we're going on about

Tech talking, horn tooting and other stuff that really gets us fired up.

Mobile First, Content First, User First

Reply

Think Mobile First when designing for the web

The term “Mobile First” is thrown around more and more often – I think we’ve all heard it by now. What “Mobile First” means is subjective at times, and when philosophy is applied to process, there are bound to be exceptions to rules, edge cases, etc.

What is Mobile First?

For most people, the initial thought is mobile devices. But what is “mobile”? Mobile is mobility. This is important, because mobility speaks to the humanistic qualities of experience, whereas devices are hardware.

The most important piece of a Mobile First process is the context of the user. I recently attended DrupalCon Denver, where Michael Keara, of That User Advocate Guy and My Planet, compared a user to a traffic cone. A traffic cone, in and of itself, is inconsequential. But when placed in any environment, the traffic cone should alter its environment to its purpose. People are the same way, and the goal of any Mobile First process is to nail down the context of that user. More great reads in Michael Keara’s blog.

Know your user before creating mobile websites

Path is an application that strives to make mobile social interaction more fun. Aside from having a great responsive brochure site, they have created a fluid social experience focused on usability. This application embraces the context of the user in a way that makes using it feel completely natural, and has allowed Path to make some noise for itself in an intimidating market space.

As an industry, this is an exciting time. We are forced to break away from old habits, and put the context of the user first. The behaviors in which users access content are changing at an unprecedented pace, and these users are increasingly stingy about the amount of effort they will put into engagement. This evolution in the digital space is a huge opportunity to create better products as well as tailor user experiences to match their day to day life. Mobile first, content first, user first is where we need to be as an industry. 

For more on Mobile First philosophy, I recommend the bible on the subject, Mobile First by Luke Wroblewski.

By Colin Proctor, Smashing Art Director

 

UX Part 1: UX is Everywhere

Reply

“When a Product is being developed, people pay a great deal of attention to what it does. User Experience is the other, often overlooked side of the equation—how it works—that can often make the difference between a successful product and a failure.”

- Jesse James Garrett, author of The Elements of User Experience

User Experience(UX) isn’t just about how people interact with technology, it permeates our lives. Observing your everyday interactions can inform your thinking process when planning out your next website or app. Take your experience with cars for example. Cars are incredibly complex, with thousands of moving parts, but think back to last time you “interacted” with a car unfamiliar to you, say a rental or friend’s car. Most likely you drove it with minimal effort because you’ve learned that pressing down on the gas makes you go faster, stepping on the brake slows you down, the steering wheel takes you left and right, and so on.

When things don’t behave as expected, the experience can be very different. For example, I borrowed a friend’s truck a while back and ended up returning it with the wipers still going. For the life of me I couldn’t figure out how to control them. “It’s easy” he said, “All you have to do is tap it up, down, wiggle, left, right, wiggle and it will stop.” Knowing my friend was joking, I laughed it off, but was still confused about why it didn’t work the way I expected it to.

UX for digital has many of the same pitfalls. When things don’t behave as expected and you end up needing to hunt and peck your way around, it creates a break in the experience. It takes you away from doing what you want to be doing and forces you to focus more on how to do it. This has the potential to cause frustration and even anger, emotions nobody wants associated with their brand and products.

When it comes to planning a positive user experience, there are things you have complete control over and things you simply don’t.

Content, interactions, and visuals are things you can control within the user experience. But, there are many factors like emotional state, distractions, time, and place playing a role, that you simply have no control over. These elements must be taken into account and planned for–by knowing your users, their goals, and the context of how and where they would most likely use your product. This planning has a substantial impact on the overall experience and can mean the difference between a disgruntled user and an evangelist extolling the virtues of your brand and products.

By Clemente Miller, Smashing Designer

Download the UX Poster

Best Day Ever with Polly Pocket!

Reply

Mattel came to Smashing Ideas with the objective of bringing Polly Pocket’s unique story to life and increasing awareness of the updated Polly Pocket brand. At the core of the new experience Mattel wanted to introduce gamification to the Polly Site and offer girls an innovative digital play experience.

Polly Pocket Website Redesign

Partnering with Smashing Ideas, the teams collaborated on the initial concept and through brainstorm sessions defined the project goal: Build an immersive digital experience that speaks to the heart of Polly – Adventure! And encourages girls to  make every day the Best Day Ever.

This super fun and incredibly adorable site is seamlessly driven by several advanced front-end and back-end technologies. You can play games, watch videos, explore Polly World and go on adventures from your Adventure Tracker. PollyPocket.com is a unique online destination packed with delightful discovery that’s  unmistakably POLLY!

Get Poppin with Polly Pocket

Reply

It’s time to get poppin’ with the latest Polly Pocket game for Mattel, Balloon Burst Races!

Polly Pocket Online Game

Balloon Burst Races is a sport-tacular game targeted primarily toward the youngest Polly Pocket fans (5-6 yrs.), with an emphasis on fun, surprises, and Polly adventure.  Three unique levels create a story as girls pop as many balloons as they can on land, air, and water! Mini activities between levels keep girls engaged and bring them into the overarching story.

Get on Board the Dinosaur Train!

Reply

PBS KIDS and Dinosaur Train turned to Smashing Ideas to design and build a cross platform, Transmedia suite of educational math games complete with a story narrative to help bring the characters to life in Dinosaur Train’s Troodon Town. The Suite includes an online game and two mobile games. Buddy’s Gem Hunt (online) is a two-dimensional shape recognition game where kids sort by shape, size, and color. Dinosaur Train Camera Catch (for iPhone) is a virtual reality game that challenges kids to snap pictures of flying dinosaurs to complete patterns. All Aboard The Dinosaur Train (for iPad) is an educational problem solving game where kids are asked to estimate and match dinosaur sizes to the correct train cars’ capacity. The game can be played by one player or collaboratively in a two-player mode.

Get on Board the Dinosaur Train!

PBS KIDS and the Corporation for Public Broadcasting (CPB) in a first-time collaboration with Head Start centers and other community-based organizations will make the Dinosaur Train math apps available at no cost to help increase access to educational children’s mobile content in underserved communities.

 

The project was funded by a Ready To Learn grant awarded to PBS Kids and CPB by the Department of Education with the goal of making a suite of educational learning experiences for kids with a goal of accelerating learning.

Find out more at PBS:

PBS Kids Lab

App Gap Press Release