UIETips: Responsive Content Modelling

Jared Spool

April 15th, 2015

In today’s UIEtips, we’re pleased to publish an article from Steve’s blog which discusses Responsive Content Modelling.

Join us April 23, when Steve, a UX Architect and Founder of The Republic of Quality, presents Content Modelling: Creating Responsive Content Experiences. You’ll understand how to rethink your content for responsive projects and see how you can start any web project on the right foot.

Here’s an excerpt from the article:

The team also orbits this central content. The process unites far flung members who aren’t sure how they’d work together to make a project successful. When they rally to find this central content, they become bonded by its gravitational pull. It’s the number one exercise I lead that causes that aha moment-the moment people understand how the project will succeed. It isn’t just finding the atomic piece that is the big win-it’s finding it together.

Read the article Responsive Content Modelling.

How do you model your content? Tell us about it below.

UIETips: Becoming a Design-Infused Organization

Jared Spool

April 9th, 2015

In today’s UIEtips, I offer an original article on two UX mutations that will give your company a competitive edge.

Using UX as a competitive edge is what our new conference, UX Advantage is all about. Karen McGrane and I interview design leaders on what they do to instill UX within their corporate DNA. Explore the conference’s ten key interview topics.

Here’s an excerpt from the article:

Intrinsically motivated organizations are more innovative. Apple innovated an entire new store concept, with commission-less retail staff, a massive investment in in-store customer training, and a cashier-less purchasing system. The New York Times applied innovative thinking to smarter ad placements, integrated interactive designers into the editorial team, and clever ways to leak high-profile articles through the pay-wall to increase exposure from social media.

Finding intrinsic motivation and using that to drive the massive change within the organization seems to be the successful pattern. It’s a more difficult path, because it requires looking beyond today’s competitive pressures and researching opportunities that nobody else has spotted yet. However, the payoff is big when you pull it off.

Read the article Becoming Design-Infused: 2 Necessary Mutations to Organizational DNA.

How is UX used to your company’s advantage? Tell us about it below.

10 topics that get you closer to the UX Advantage

Lauren Cramer

April 6th, 2015

UX Advantage is a new kind of conference that explores strategy differently. Through a series of interviews with design executives led by Jared Spool and Karen McGrane, you’ll hear how organizations emphasize user experience as the competitive edge in their organization. Plus you’ll hear four keynote presentations that explore UX strategy.

Interview topics include:

  • Gaining Executive Support
  • Reinventing Corporate Structure
  • Shifting to Continuous Deployment
  • Taking Advantage of Fear
  • Restructuring Incentives and Rewards
  • Government’s Design Lessons
  • Inventing the Yes Lawyer
  • Designing a Global UX
  • Experience Through Site Performance
  • The Role of Outsiders

What will you hear?

You’ll hear design leaders from PayPal, Fidelity, Marriott, Akamai, and more on how they’ve achieved a competitive edge through UX.

There are only 200 seats available for the conference.

Save your spot now.

UIETips: Devising a Strategy for Responsive Design

Jared Spool

April 1st, 2015

In today’s UIEtips, we reprint an article on the importance of organizations nailing down a strategy for making their sites responsive. I make the point that saying yes to responsive design will require changes to your editorial process, the ways you approach visual and interaction design, and how you think about your users and their goals.

If your team struggles with how to design responsively, then you’ll want join Stephen Hay’s day long workshop at UXIM Wednesday, April 15 on Optimizing Responsive Workflows with Structured Content. Stephen Hay has a practical approach to improving your responsive web design workflow.

Here’s an excerpt from the article:

A responsive design can have multiple breakpoints, say for a small-screen phone, then a large-screen phone, then a tablet, then a laptop/desktop. Many teams try to decide on breakpoints using average screen sizes.

However, it’s better to look at what the content and navigation wants to be. By letting the content and navigation drive the breakpoints, teams find they can often get away with fewer screen configurations. For example, a high-resolution Retina iPad might easily share the same configuration as a well-constructed laptop display, while lower resolution tablets might just need a little adjustment to that same configuration.

Read the article Devising a Strategy for Responsive Design.

What are your strategies for preparing a responsive design? Tell us about it below.

Animation, an April 2 Virtual Seminar with Rachel Nabors

Adam Churchill

March 27th, 2015

Animation often gets a bad rap for being nothing more than decorative, sometimes in poor taste. But, it turns out that animation can add value to the digital world by making interactions more intuitive, interesting, and seductive. In Improve UX With Animation, Rachel Nabors, animation ambassador and founder of Tin Magpie, is excited to show you how animation can benefit user experience.

  • Theories that make the case for animation
  • Six principles to take animations from good to great
  • Best practices that enhance an interface
  • Your process and where animation fits

Learn the guiding principles of when and why to use animation, how it fits into your process, and best practices to ensure your motion design always serves the user. Join us on April 2.



UIETips: Five Ways to Animate Responsibly

Jared Spool

March 25th, 2015

In today’s UIEtips, we’re reprinting and article from Rachel Nabors, originally published in 24 Ways. Want to know more about how to put animation to work for your interface and its users? Join us April 2, when Rachel presents Improve UX With Animation.

“Here’s an excerpt from the article:”

Sadly, animation is considered decorative by the bulk of the web development community. UI designers and interaction developers know better, of course. But when I’m teaching a workshop on animation for interaction, I know that my students face an uphill battle against decision makers who consider it nice to have, and tack it on at the end of a project, if at all.

This stigma is hard to shake. But it starts with us using animation deliberately or not at all. Poorly considered, tacked-on animation will often cause more harm than good. Users may complain that it’s too slow or too fast, or that they have no idea what just happened.

Read the article Five Ways to Animate Responsibly.

How do you use animations to improve user experience? Tell us about it below.

We’re After Our Next Amazing Web Developer Intern

Adam Churchill

March 24th, 2015

We’re looking for an amazing Web Developer Intern for a paid, 6-month internship. It starts in May 2015 in our offices just north of Boston.

Fast Forward Six Months…

We’d like to thank you for doing a fantastic job as our 2015 Spring/Summer Web Developer Intern. You’ve excelled at maintaining, editing, and documenting our stable of web properties. You spent much of your time creating all of our outbound HTML emails, and managed those campaigns through MailChimp.

Your site development skills are top-notch, as you worked closely with our web team to improve our online subscription program. You worked your magical HTML5, and CSS3 skills to get our next version closer to what our users want. You kept the  content in our ExpressionEngine-based content management system up to date and, because of you, this program continues its success.

To top it off, you’ve even helped us improve the documentation for our Git-based development process to make life easier for future interns and mined useful data from multiple databases for our Director of Marketing.

Thanks for your energy and enthusiasm during your internship. We know you’ll succeed at your future ventures.

Now back to today…

If you’d like this to be your story, send us:

1) Your resume

2) A half-page write up of your most significant web development accomplishment (Don’t forget this.  Most do)

While we’re less concerned with your skills and qualifications, we won’t compromise on your ability to deliver team results. We’ll be back to you in 24 hours if you can follow these simple directions and have what it takes to achieve something special.

You might even want to check out our web sites—http://uxim15.uie.com/, aycl.uie.com, www.uiconf.com, and www.uie.com—for some insight into our current efforts. We think you’ll be excited by where we are today and the challenge to get us where we’re going.

You will work in our North Andover offices. (Sorry, we don’t hire remote employees, or those not already in the United States.) We’ll provide all the equipment you need, including Apple hardware and Mac software to bring out the best in your talents and skills.

We’d like this internship to begin the first full week in May, with the ideal individual working 30 to 40 hours per week, but offer flexibility to the right candidate.

Send your resume and write-up to: WebDevInternJob@uie.com

or: Adam Churchill / Director, Online Products / User Interface Engineering

510 Turnpike Street, Suite 102  North Andover, MA 01845

20% off UXIM Plus 5 Other Reasons to Attend

Jared Spool

March 24th, 2015

Conquer your mobile design challenges

Attending the UX Immersion Mobile Conference in Salt Lake City, UT April 13–15 will be one of the best mobile UX training events you have ever attended. Here are 5 reasons why.

  1. Register by March 26 to Save 20%. Use Promotion Code 20OFF

    This code works whether you sign up for 1, 2 or three days. The more days you attend, the more you save.

  2. Full Day Workshops That Give You Concrete Skills to Use Immediately

    Responsive web design, native apps, experiencing mapping, adaptive design, atomic design, and responsive workflows are all topics necessary to create delightful mobile user experiences.

  3. The Workshop Leaders Spend Some Time Listening to You

    Attendees tell us things like, “The accessibility of the different speakers. I can literally walk up, get a handshake, say hi, and talk.” “The workshops and speeches are extremely useful and inspiring.”

  4. Meet with Your Peers to Discuss Your Successes and Challenges

    UXIM attendees have said, “It was an environment where one could actually have real conversations with experts and meet people in the field.” And “Casual, very welcoming, very professional.”

  5. Leave the Conference with Practical, Actionable “Stuff”

    With your new found learning, you’ll empower your coworkers and clients by sharing great advice, direction, and new skills.

  6. Your Learning Starts the Moment You Register

    With your registration, you’ll have a year of access to All You Can Learn by UIE. Get at more than 200 virtual seminar recordings and conference recordings now.

1 Day, 6 Talks, 2 Keynotes – All on Mobile Design at the UXIM Mobile Conference

Lauren Cramer

March 19th, 2015

If You Can Only Attend 1 Day – Come for the Featured Talks

Glean new ideas and insights guaranteed to shape how you think about mobile design. Where you ask? At the UX Immersion Mobile Conference in Salt Lake City, April 13-15.

Featured Talks and Keynotes

Jason GrigsbyJason Grigsby Adapting to Different Form of Input

How do we design for the plethora of dynamic inputs available to the user?

Theresa NeilTheresa Neil Rethinking Mobile Tutorials

Learn the underlying principles behind the patterns that work best when designing mobile tutorials

Chris RisdonAaron Gustafson, Jenn Lukas There Are No Buts in Progressive Enhancement

Get practical examples to help you employ a progressive enhancement philosophy.

Brad FrostBrad Frost Working with Atomic Design

A methodology for creating robust design systems—sets everyone up for success.

Chris RisdonChris Risdon Orchestrating Customer Touchpoints

See how the physical world interconnects with the digital world. Learn to design less for screens and more for holistic experiences.

Stephen HayStephen Hay Maintaining Simplicity

Look at how and why the simple turns complicated. See how an exaggerated application of progressive enhancement can help maintain simplicity.

Jen SimmonsJen Simmons Innovation and the Power of the Web

Don’t risk being left in the dust when a competitor takes a fresh approach and solves problems in a way you didn’t see coming.

Jared SpoolJared Spool Is Design Metrically Opposed

Explore the world of measures, metrics, and Key Performance Indicators (KPIs). See alternatives to satisfaction and net promoter score that give insight for designers.

Register with the promotion code 20OFF and get 20% off the current price for 1, 2 or 3 days.

Explore this year’s conference

UIETips: Progressive Enhancement and the Content-out Approach

Jared Spool

March 19th, 2015

In today’s UIEtips, we’re pleased to publish an excerpt from Aaron’s book which discusses how progressive enhancement can serve your users by giving them access to content without technological restrictions.

Here’s an excerpt from the article:

Fundamentally, progressive enhancement is about accessibility, but not in the limited sense the term is most often used. The term “accessibility” is traditionally used to denote making content available to individuals with “special needs” (people with limited motility, cognitive disabilities, or visual impairments); progressive enhancement takes this one step further by recognizing that we all have special needs. Our special needs may also change over time and within different contexts. When I load up a website on my phone, for example, I am visually limited by my screen resolution (especially if I am using a browser that encourages zooming) and I am limited in my ability to interact with buttons and links because I am browsing with my fingertips, which are far larger and less precise than a mouse cursor.

Join Aaron Gustafson and Jenn Lukas at a full–day workshop at the UX Immersion Mobile Conference and learn how to create a solid core and build out to craft amazing user experiences that work regardless of devices capabilities or deficiencies.

Read the article Progressive Enhancement and the Content-out Approach.

Do you use progressive enhancement in your designs? Tell us about it below.