UIEtips: Code Sketching – A Stretch Goal for Your Design Superpower

There was a time that providing a simple sketch on paper conveyed enough information to the stakeholders on the intent of a design. Now, with the plethora of devices a person can use, a sketch lacks the detail needed to convey how the design will appear on various devices. Today’s article discusses the benefits of sketching in code and why you shouldn’t fear it. If showing your designs on multiple devices is important to you, you’ll want to explore Nate Schutta’s full day workshop, Coding Prototypes, Even if You’ve Never Tried at the UX Immersion Mobile Conference this April. He’ll ease you into mobile prototyping–from using HTML and CSS in a text editor to debugging what you have built. Here’s an excerpt from the article: Our designs flow and move. Expressing the subtlety and nuance of how we imagine our designs is hard to do with a static sketch. Microinteractions are essential for a good experience, but difficult to imagine by just looking at a picture. We compound by desiring to express how the design will change as we move across platforms. We need to see if we’ve made something too complicated. Maybe we’ve left something important out? Maybe it’s too clumsy when there’s no keyboard? Building the entire design to discover an important flaw is a time-consuming and expensive process. We want to get our ideas out there for review and reflection. How do we make it easy to do and cost effective? Read the article Code Sketching – A Stretch Goal for Your Design Superpower. Have you added sketching in code to your design toolbox? Tell us about it...

UIEtips: Explore These 7 Great Podcasts from 2013

This past year we featured some fantastic podcasts from a variety of UX luminaries. It was difficult to cull the list but we managed to do just that. Here for your listening pleasure are our favorite podcasts from 2013. Designing Microinteractions Do you think about the ringer on your phone and the ability to turn it off? Dan Saffer uses this example to kick off his book Microinteractions. Silencing the ringer on your phone is a common feature. If that feature is clunky or hard to find, it interferes with needing to silence it quickly, in a crowded movie theater for example. These tiny interactions that surround the main functionality are integral to rounding out the entire experience. Listen to the podcast Lean UX: Escaping Product Requirement Hell Assumptions tend to be the downfall of many research projects. Jeff Gothelf suggests starting with an attitude that you’re testing a hypothesis which leads to a more open discussion. The main thing is, hypotheses, just like design, can change. Being flexible and iterative in your design process encourages an environment of collaboration. Listen to the podcast When Responsive Design Meets the Real World Responsive web design allows the notion of “one web” to be a reality. Designers are increasingly able to sell to their organization the idea of delivering content to multiple platforms. Putting it into practice is another story. Jason Grigsby, co-founder of Cloud Four, says that it is easier to sell the idea of responsive web design than to do it well. Listen to the podcast Prototyping for Mobile Designs Building a prototype is a great way to test...

UIEtips: Announcing our Favorite Articles of 2013

Over the past year we published more than 35 articles. Here are 6 of our favorites in no particular order: What Makes an Experience Seem Innovative? There are so many better things we could be doing with our time than standing in line. But if we step out of the line, we lose our opportunity to get the service we want. Who would’ve thought you could innovate around something as simple as waiting in line? Here’s an excerpt from the article: Since customers think standing and waiting is a necessary evil without alternatives, they may not complain about it. Organizations that focus on the specific activities to resolve their perceived customer objective, may overlook the deep frustration from tool time that’s happening in the gaps between those activities. Teams that study the entire experience look into those gaps to see from where the deep frustration emerges. Addressing that frustration, when no other product or service has done so, will look innovative to the customer. Read the article What Makes an Experience Seem Innovative   Feedback Illuminates the Rules In this article, Dan Saffer discusses how a good microinteraction immediately shares a result with a user. It lets them know the next steps to take or if they’re going in the right direction. Here’s an excerpt from the article: Let’s take a microinteraction appliance like a dishwasher as an example. The dishwasher process goes something like this: a user selects a setting, turns the dishwasher on, the dishwasher washes the dishes and stops. If someone opens the dishwasher midprocess, it complains. Now, if the dishwasher has a screen, each of...

Get yours now — 13 hours of recordings from the UI18 Conference

UI18 OnDemand gets you front row access to 10 UX experts sharing best practices and cutting edge techniques on advanced design processes, flexible team-based techniques, and meaningful data display. Recordings include: Stephen Anderson – Help Users Decide Is your phone bill easy or enjoyable to read? Help users make decisions more easily by displaying your information in highly visual, interactive, and meaningful ways. Kim Goodwin – Get More from User Research Think you don’t have time for user research? Once you see the tools and techniques Kim uses to quickly gather customer insights and prioritize designs, you’ll change your mind. Adam Connor and Aaron Irizarry – Discuss Design without Losing Your Mind Overcome the endless barrage of opinions that thwart your design progress. Get the techniques to make critique a positive experience for everyone involved. Scott Berkun – Do Great Work from Anywhere How can WordPress be effective when its entire team works remotely? Managers, designers, and developers all thrive in its autonomous environment — hear why. Kevin Hoffman – Hold Meetings That Aren’t Excruciating Enjoy your meetings by applying the same design thinking that UX pros already know and love. Get real work done and build consensus, regardless of personalities and opinions. Dan Saffer – Dig into Tiny Design Details The difference between a product we love and one we only tolerate often lies in these details. Turn your product’s dull microinteractions into memorable, engaging moments. Jeff Gothelf – Axe Requirements-driven Product Design Start spending your time on the right work for your business by creating a series of hypotheses. Then, run experiments to validate which solutions are...

Resources around designing microinteractions

Microinteractions are often an overlooked UX element, yet they can be incredibly powerful. It can be the difference from engaging and delighting your user to turning them away from your web site. Crafting the right copy to use is just a small element. There are many factors that go into it including appropriate timing, how data influences the triggers you use, and how to convey feedback just to name a few. In this post, we’ve listed out some great free articles and podcasts on microinteractions. Additionally, you can really jump in deep with Dan Saffer’s fullday workshop, Designing Microinteractions at this year’s User Interface 18 Conference in Boston, October 21-23, 2013. Dan’s workshop covers everything you need to know to ensure you properly create, use, and monitor microinteractions. Here’s some reading on Microinteractions Feedback Illuminates the Rules – Dan Saffer Dan discusses designing with details Designing Intuitive Microinteractions – Jared M. Spool Jared talks about microinteractions and how the social interaction they play. Designing Microinteractions – An interview with Jared M. Spool and Dan Saffer Jared and Dan discuss what microinteractions are and how they play a social role. Here’s a taste of what Dan has been saying about microinteractions Designing Microinteractions – Dan Saffer Do you think about the ringer on your phone and the ability to turn it off? Dan Saffer uses this example to kick off his book Microinteractions. Silencing the ringer on your phone is a common feature. If that feature is clunky or hard to find it interferes with needing to silence it quickly, in a crowded movie theatre for example. These tiny interactions...