UIEtips: Responsive Design for Apps

Jared Spool

February 25th, 2014

In this week’s UIEtips article, Jason Grigsby tackles the concept of responsive design for mobile apps. He looks at widgets for desktop and mobile and explores the idea if phones are really different platforms than tablets.

When it comes to incorporating and understanding mobile first responsive design, Jason Grigsby is one of the UX superstars to turn to. That’s why we’ve asked him to do a full-day workshop at this year’s UX Immersion Mobile Conference, April 7-9 in Denver, CO.

Here’s an excerpt from the article:

 A few months ago I was tasked with finding a good solution for a client who wanted to move to responsive design, but had a web app that they needed to support as well. The question they asked is one that I’ve seen others argue about in the past: does responsive design make sense for apps?

Read the article Responsive Design for Apps.

How does your company decide which form factors to design for when developing a responsive app? Tell us about it below.

Improve Your Mobile UX with These Six Podcasts

Lauren Cramer

February 24th, 2014

Below we feature the six UX luminaries giving full-day workshops at the UX Immersion Mobile Conference, April 7-9 in Denver, CO. Each of these podcasts brings insights on how to improve communication and workflow with your team and users.

Structuring Your Workflow for Responsive Web Design
by Ben Callahan
With the need for the web to reconfigure and adapt to different devices and displays, designers and developers need to adapt to changing workflows. Ben discusses how to move towards an iterative and collaborative approach which in turn allows your clients to become more involved in the process.

Listen to Ben’s podcast.

The Challenges of Usability Testing Mobile Apps
by Cyd Harrell
Cyd Harrell has developed some good remote usability techniques that can be more effective, both in scope and cost as well as results, than a formal testing lab.( Even something as simple as “hugging” a laptop with the screen angled away from you and using the built in camera can give fantastic insights into how a user will interact with a mobile device.)

Listen to Cyd’s podcast.

Creating Responsive Interfaces
by Brad Frost
Frameworks and design patterns are no strangers in the world of web design. As responsive web design becomes common practice, making sure these templates work across every imaginable screen and device is trickier. Brad shares his concept of Atomic Design to tackle this challenge.

Listen to Brad’s podcast.

Responsive Web Design with Mobile in Mind
by Jason Grigsby
The ability for your site to display across screen sizes and devices, reduces development time and allows for one design to work anywhere. Jason the total experience of your site is more than just what it looks like. In Jason’s mind, you need to start with performance in mind in addition to considering mobile-first.

Listen to Jason’s podcast.

Mobile Strategies for Your Content
by Karen McGrane
Ensuring that your site is responsive or adaptive is becoming essential to your mobile design strategy. Simply tacking a responsive framework on top of your existing site will often end in disappointment. Having a solid strategy about how and what your site will display across devices will go a long way to developing an asset and content management system to accompany it.

Listen to Karen’s podcast.

Coding Mobile Prototypes
by Nate Schutta
If designers understand even a little bit about code it breaks down silos within the team. Nate believes that prototyping in code helps solidify this communication. Being able to visualize and demonstrate your ideas not only provides for greater understanding, but a faster workflow.

Listen to Nate’s podcast.

UX Immersion Mobile Conference

Get the skills you need to create a seamless mobile experience at the UX Immersion Mobile Conference. Sign up by 2/28 with code UXIM20 for 20% off.

UIEtips: Content Marketing Sustains the Conversation

Jared Spool

February 19th, 2014

In today’s UIEtips, Ahava Leibtag shares an excerpt from Chapter 9 of her book, The Digital Crown: Winning at Content on the Web, to explain the challenges content marketing can solve and the set of tools it provides you.

If you’re looking to expand upon traditional content strategy-both external (branding, messaging, tone) and internal (governance, workflows)-by folding UX into the conversation, you’ll want to join us on February 20, when Ahava presents her virtual seminar, Designing Effective Content Marketing.

Here’s an excerpt from the article:

As a UX, web and communications professional, you have daily challenges that are ever present on any given day. Today’s technologies are so fast, and accessibility to information so consistent and portable, that capturing your audiences’ attention and focus seems like an insurmountable problem.

Everyone says content is the solution, but when you try to find new ways to manage it in your organization, you feel like you’re fighting an ancient beast from the deep. Why is content so hard? How do you lasso this monstrous beast and align your content developments to your business objectives? And what’s this new thing everyone is talking about called content marketing?

Read the article Content Marketing Sustains the Conversation.

How does your organization align content development with business objectives?  Tell us about it below.

Stephanie Lemieux – Using Taxonomy to Manage Content Sprawl

Sean Carmichael

February 19th, 2014

Play

[ Transcript Available ]

Stephanie Lemieux

Ultimately, your content is the reason users visit your site. Taxonomy can build a structure underneath that content, making it much more dynamic. By employing a layer of taxonomy, your CMS can better understand the relationships between the content. This allows you to easily surface related content, dynamically display bits of information, and improve your users’ experience.

Stephanie Lemieux discusses her approach to taxonomy in her virtual seminar, Managing Content Sprawl. In it she shows how to bake taxonomy into your content model and information architecture. During the live seminar, the audience had a bunch of great questions for Stephanie. She joins Adam Churchill for this podcast to answer some of those questions.

  • When you start a taxonomy, how do you deal with legacy content?
  • Are there tools available to make this process easier?
  • Is there an open source CMS that supports hierarchical taxonomies?
  • How do you do dynamic pages in SharePoint?
  • Are there drawbacks or limitations to using a taxonomy?

Recorded: February, 2014
[ Subscribe to our podcast via Use iTunes to subscribe to UIE's RSS feed. ←This link will launch the iTunes application.]
[ Subscribe with other podcast applications.]

Read the rest of this entry »

Get Lifetime Access to the UXIM 2013 Recordings for Free

Jared Spool

February 18th, 2014

Get the UXIM 2013 OnDemand Recordings on us!

We’re celebrating the fantastic program at this year’s UX Immersion Mobile Conference by giving everyone lifetime access to the 2013 sold out conference.

Hear the same great content as the attendees from these top UX experts who shared their best practices for improving mobile UX skills.

  • Luke Wroblewski – Create designs without compromising optimization
  • Chris Risdon – Tell a visual story of what pains and delights your customers
  • Kelly Goto – Design with your customers’ behavior in mind
  • Cyd Harrell – Make better personas with tools to interpret user data faster
  • Jason Grigsby – Look into the future of designing for TV
  • Karen McGrane – Chunk your content to adapt to different contexts
  • Dana Chisnell – Consider the flow instead of the UI of your design
  • Jared Spool – Ensure delightful content regardless of the device

It’s easy to get your free lifetime access

Just submit your email by Friday, February 21, 11:59 PM PT and you’ll get access to last year’s UX Immersion talks. No tricks, no hidden payments.

Now hurry up and get your recordings from the sold out 2013 UX Immersion Mobile Conference and be sure to spread the word. The clock is ticking.

UIEtips: The Beginning of a Beautiful Friendship – Data and Design in Innovative Citizen Experiences

Jared Spool

February 11th, 2014

Applications built on public data (think flight and train schedules) bring great benefits to their users. But the benefits they bring are highly dependent on how well the applications are designed. Designs will get better if the designers really watch users with the applications and use their feedback for updates.

Today’s article by Cyd Harrell is an excerpt from chapter 12 in the book Beyond Transparency. She discusses the relationship between data, design and the end user. Cyd’s workshop, Conducting Usability Research for Mobile Apps, dives into the usability research that captures these relationships in addition to other valuable information.

Here’s an excerpt from the article:

The past decade has brought enormous and growing benefits to ordinary citizens through applications built on public data. Any release of data offers advantages to experts, such as developers and journalists, but there is a crucial common factor in the most successful open data applications for non-experts: excellent design. In fact, open data and citizen-centered design are natural partners, especially as the government 2.0 movement turns to improving service delivery and government interaction in tandem with transparency. It’s nearly impossible to design innovative citizen experiences without data, but that data will not reach its full potential without careful choices about how to aggregate, present, and enable interaction with it.

Read the article The Beginning of a Beautiful Friendship: Data and Design in Innovative Citizen Experiences.

What choices has your team made to present innovative experiences with both public and private data? Tell us about it below.

Expand upon Traditional Content Strategy by Folding UX
into the Conversation

Adam Churchill

February 7th, 2014

In our February 20 virtual seminar, Ahava Leibtag shows you which techniques you can use to make content marketing work across organizational silos. She’ll show you how to explain content marketing to stakeholders, set up a pilot program in your organization, and collaborate on content that can be measured.

You’ll learn how to

  • Understand the value of content marketing
  • Work collaboratively with cross-functional teams
  • Find a starting point for measurement
  • Measure how your content boosts revenue

If you’ve ever wondered why no one knows the true business results of your content, then don’t miss Designing Effective Content Marketing.

 

 

 

 

 

Sign up by 2/11 for UXIM Mobile Conference and Save $300

Lauren Cramer

February 6th, 2014

The increasing use of mobile devices makes designing sites and apps more complex. To design for the user, you have to completely change the ways you work and learn new tools, techniques, and patterns for success. We built the UX Immersion Mobile Conference in Denver, CO April 7-9 to help you meet those challenges. You’ll be exposed to UX luminaries through intensive full-day workshops specifically focused around the skills and techniques you need to become better at designing for the user.

The price to attend all three days of the conference goes up $300 after February 11 (it goes up $100 if you’re just attending for one day). Put the money you save by registering now towards your flight or accommodations.

Explore the workshops and video trailers to learn more about each workshop.

A Bias for Making

Jared Spool

February 5th, 2014

Today’s UIEtips article looks at the communication process designers and developers follow to bring designs to life. From the waterfall approach to an Agile method, the common goal is creating, building, and executing better designs.

If you or your team struggles with communicating design objectives and process with developers and other key players, then you’ll want join us for Ben Callahan’s full-day workshop on workflow on responsive web design projects at UXIM April 7-9 in Denver, CO.

Here’s an excerpt from the article:

Step into the Wayback Machine, Sherman, and set the dial to 1994. You’ll find me in a conference room, explaining to a room of developers and product owners (back then, we called product owners either product managers or business analysts) how we would design their new product in less than a week. The expression on their faces would be one of OMG! This dude is insane. (Though, “OMG” or “dude” wouldn’t be common parlance for at least another half decade).

We look at paper prototyping now and we think how quaint. Yet, back in 1994, it was a radical departure from established practice. In those olden days, design wasn’t done the way it is today.

Read the article A Bias for Making.

Does your team have a bias for making? Tell us about it below.

Stephen Hay – Responsive Web Design Workflow

Sean Carmichael

January 30th, 2014

Play

[ Transcript Available ]

Stephen Hay

The web is no longer fixed width. Designs are more malleable than ever because of fluid grids, media queries, and everything else that comes with responsive web design. This makes using static photoshop comps as a deliverable unmanageable. Design workflows inevitably have to change and adapt as the way we design for the web evolves.

In his virtual seminar, Responsive Web Design Workflow, Stephen Hay outlines how his workflow has changed in the face of new design processes. He believes that taking a content first approach is instrumental to working with fluid designs. This allows you to mold the design around the content instead of trying to fit the content into a fixed design.

The audience had a bunch of great questions during the live seminar. Stephen joins Adam Churchill for this podcast to answer some of those questions.

  • How do you represent graphic elements like images when designing in text?
  • How do you translate content into semantic markup that isn’t in the vocabulary of markdown?
  • What application do you use when designing in text?
  • Is there any good use of lorem ipsum?
  • Do you plan out how to display content, whether in tabs or accordions for example?
  • What is typically the first thing presented to a client?
  • What happens to the workflow with a increase of complexity?
  • Do you show linear design in-browser or use a screenshot?
  • Why should designers know how to code?

Stephen also references this article by Karen McGrane in his podcast.

Recorded: January, 2014
[ Subscribe to our podcast via Use iTunes to subscribe to UIE's RSS feed. ←This link will launch the iTunes application.]
[ Subscribe with other podcast applications.]

Read the rest of this entry »