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.

UIETips: ‘View Full Site’ Must Die

Jared Spool

March 11th, 2015

In this week’s UIEtips, I offer my latest original article. In it I explain why responsive design should take over M dot sites.

Here’s an excerpt from the article:

We provide the escape hatch because the M Dot’s experience isn’t complete. The M Dot site can’t have what the user needs, because we’ve intentionally crippled it.

Read the article: ‘View Full Site’ Must Die

What impact did moving from M dot to a responsive design have on your site? Tell us about it below.

Josh Seiden – Lean UX for Enterprise

Sean Carmichael

March 11th, 2015


[ Transcript Available ]

Josh Seiden

With the widespread adoption of Agile development methods, Lean UX has grown in popularity in the user experience world. It’s built around small, collaborative, cross-functional teams and is an extremely useful approach for startups and smaller teams. However, challenges arise when trying to adapt it to a larger, enterprise organization.

Josh Seiden, co-author of Lean UX and principal at Neo, believes that even though the Lean UX practice is a natural fit for small organizations, it can work well in any size organization. The main thing is being able to identify the things that you may get hung up on and working through them. In his virtual seminar, Lean UX for Enterprise, Josh talks through some of those “gotcha” moments and discusses how to implement Lean UX tactics.

Josh received a bunch of great questions during the live seminar and he joins Adam Churchill for this podcast to answer some of those.

  • Is there a scenario where your MVP doesn’t have to be version one of your product?
  • How do retrospectives and team agreements factor into the process?
  • What can you do if you have limited access to your customers?
  • Can you have contracts with vendors based on outcomes instead of deliverables or collaboration?
  • What are the issues that arise in two-track Agile?

Recorded: February, 2015
[ 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 »

This is your final chance to register for UX Immersion Mobile and save $350

Lauren Cramer

March 10th, 2015

Here are two reasons why now is the time to register for the UX Immersion Mobile Conference in Salt Lake City, UT, April 13–15.

One, on March 13 the price goes up $350. Two, some workshops (hint Brad Frost and Jason Grigsby) are filling up fast and likely to sell out.

Don’t miss your opportunity to participate in intensive full day, hands–on workshops geared to help you create seamless mobile user experiences.

The speakers make the difference

UX luminaries will give both full–day workshops and featured talks that address pressing UX mobile topics. Additionally, you’ll hear keynote presentations from Jen Simmons and Jared Spool. Here’s a sampling of the workshops.

Brad Frost Theresa Neil Chris Risdon
Brad Frost

Atomic Design

Theresa Neil

Designing Native Apps

Chris Risdon

User Experience

Past attendees say

“Speakers at UXIM are at the leading edge and have broad industry experience; also depth of knowledge and experience.” – Duncan G.

“I was very happy with the format of the workshop – combination of slides/learning and actually doing exercises in a group environment.”
– Tracy D.

“I enjoyed the more intimate group setting and the emphasis on tactics. I appreciated that I took away lots of practical useful information.” – Kim M.

Reserve your spot by March 11 – Save $350

Whether you register for a single day or all three days, you’ll want to lock in the current pricing by March 11. After March 11 the price increases.

Explore this year’s conference

Improve Your Mobile UX with These Six Podcasts

Lauren Cramer

March 6th, 2015

Each of these podcasts brings insights on how to improve communication and workflow with your team and users.
Brad Frost Building Responsive Interfaces From Atomic Elements
by Brad Frost
A website can be made up of relatively complex pieces. You have multiple pages, images, maybe some JavaScript, and it all needs to come together to create this larger experience. But as with things in nature, it can be broken down even further than that into more “atomic” elements.
Chris Risdon Connecting with Customers through Experience Maps
by Chris Risdon
A customer’s journey may begin on your website or maybe it begins in a physical retail location. But it more than likely won’t end there. Many organizations have a variety of touchpoints where their customers can interact with them. Understanding where, and also when and how a customer is interacting with your product or service is essential to providing them with a great experience.
Theresa Neil Designing Native Apps
by Theresa Neil
Offering a mobile design is essential in today’s web. Having an app, however, can be a hotly contested issue. The cries of, “we need to be in the app store!” are heard coming from corner offices. While having a presence there can be beneficial, you have to determine how to best serve your users, and whether a native app or a web based product is the ideal.
Stephen Hay Structured Content and Responsive Workflows
by Stephen Hay
Responsive web design’s combination of fluid grids and media queries has really changed the design and development process. It’s an elegant way to ensure that one set of code can display appropriately across devices. It is, however, a bit of a problem with large legacy products and waterfall strategies.
Jason Grigsby Real World Responsive Web Design
by Jason Grigsby
Media queries shape and form a web page to display on multiple screen sizes. That’s the core of responsive web design. Users can maintain the same level of experience that they get on the desktop even when they switch to a smaller device. The theory of responsive web design is great, but it’s not a silver bullet. When real world constraints and use cases arise it makes responsive design a bit trickier.
Aaron Gustafson & Jenn Lukas Cross–device Adaptive Design
by Aaron Gustafson & Jenn Lukas
Responsive web design is widely regarded as a must when designing for multiple devices. With just one code base, instead of multiple sites, you can more efficiently make use of your resources. But, how your design looks is only a piece of the overall experience for a user. Having it be able to adapt to different browsers and technology can fully round out the interaction.

Brad Frost – Building Responsive Interfaces From Atomic Elements

Sean Carmichael

March 6th, 2015


[ Transcript Available ]

Brad Frost

A website can be made up of relatively complex pieces. You have multiple pages, images, maybe some JavaScript, and it all needs to come together to create this larger experience. But as with things in nature, it can be broken down even further than that into more “atomic” elements.

The human body is made up of various organs and bones but essentially we’re mostly carbon. In a website the purest atomic element is an HTML tag. These tags are the initial building blocks of the web. When you start combining these “atoms” and using them in conjunction with colors and fonts you start to see a larger organism take shape.

Brad Frost has used this analogy to develop his Atomic Design process. Viewing a site as an amalgamation of these individual components helps illuminate where and how content should be structured. It also gives you the flexibility to create these components starting from the atomic level and plug them into an interface while alleviating some of the complexity.

Brad will be presenting one of 6 daylong workshops at UX Immersion Mobile, April 13-15 in Salt Lake City. For more information, visit uxim.co.

Recorded: January, 2015
[ 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 »