background preloader

Stuff work (read)

Facebook Twitter

The agile design team maturity scale. Design is historically a waterfall process. The change to an agile workflow is usually driven by the engineering team, or by the demands of the organization to deliver faster in the face of market disruption. Whatever the reason for the switch, in my experience the journey to adapt to an agile practice appears to follow the same pattern. This journey is similar whether the design team is an in-house product team, a digital agency, or a consultancy—there are just differences in how difficult it is for the team to move along the journey or where they start. I also believe that the recent trend of designers moving from agencies to in-house positions is connected to the opportunity to move along this journey, and the impact they can have on the products they create. Related: How to adapt design for agile workflows I’ve created the agile design team maturity scale to chart your team’s progress and to benchmark it against others.

The agile design team maturity scale Throwing grenades Also: A framework for designing a better user onboarding experience. After weeks of brainstorming, sketching, designing, and arduous development, your app’s ready to launch. Your team’s enthusiasm is through the roof. This is the moment of truth: Will the app be successful? User onboarding has so much to do with an app’s success—really, it can make or break it. Done right, it’ll result in people coming back to use the app again and again. Great user onboarding feels effortless, demonstrates value, and bridges the gap between users’ expectations and what the product can help them achieve. Related: 5 key lessons for successful user onboarding Distilling the experiences we’ve had building apps here at tapptitude, we’ve come up with a straightforward framework called instruction-action to better understand and design effective user onboarding flows for mobile products.

“A great user onboarding flow feels effortless and demonstrates value.” The instruction-action framework is based on strategically playing with the 2 building blocks of the user onboarding process: How Creating A Design Language Can Streamline Your UX Design Process. Advertisement Around a year ago, while working at a digital agency, I was given the objective of streamlining our UX design process. Twelve months later, this article shares my thoughts and experiences on how lean thinking helped to instill efficiencies within our UX design process.

The Challenge Link When I arrived at the agency, wireframes were already being created and utilized across a variety of projects. However, up until this point, rather than dictate a promoted “way of working,” the agency had encouraged UX designers to “do things their way.” When you stepped back and looked across past projects, you could see the different tools and processes in action, ranging from low-fidelity wireframing tools such as Balsamiq1 and Moqups.com2, to mid-high fidelity outputs from tools such as Axure3 and UX Pin4. Meanwhile, for the agency, the absence of a standardized UX design process was costly both in time and money. A New Direction Link The enhancements we decided on were as follows: 1. 2. 4 salary negotiation mistakes you’ve probably made. Four years ago, I was making $25 per hour as a freelance digital designer building ecommerce sites.

I had no idea how to increase my hourly rate, even if I’d wanted to. Today, I work as a UX contractor for multi-million dollar ecommerce companies. I made the transition from a digital design generalist to a specialist in the research and design of ecommerce purchase paths. By becoming a UX expert, I increased my earnings by 150%. I know what some of you are thinking: “I don’t make $500 in a week!” I could have made the transition much faster had I known the secret formula high-performing UX executives use to get the salaries they want. Let’s dive right in. Negotiation mistake #1: Going in cheap Four years ago, I didn’t know what my skill set was worth. I said the lowest day rate I could think of—and they said “yes” to my offer the very next day.

Why did I do that? Why was this a mistake? Weeks later I overheard a conversation between a hiring manager and team lead in the office kitchen. The Mobile Design Elements That You Have to A/B Test. UX is at the intersection of product and design. If UI designers are fixated on the look and feel of an app, while product managers are focused on its functionality and usability, then UX designers fall somewhere in between. A/B testing plays as big a role in UX design as it does in marketing. It’s difficult to make good design decisions purely based on gut feel, so many designers find themselves iterating based on real user behavior.

The problem is, there are countless factors that go into app design. And you can’t just A/B test everything — testing is only useful if you have a hypothesis first. Here are a few elements that we recommend every designer to A/B test. Start with these, and you’ll be well on your way to optimizing your app’s entire user experience. 1. Iconography is one of an app’s most basic design elements. As with much of UX design, the key to iconography is clarity. 2. This is one of the classic design elements to A/B test, and for good reason. 3. 4. 5. How To Poison The Mobile User. Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and making future-proof and accessible interfaces without extra effort. Hardcover, 312 pages.

Get the book now → TV heroes often fight against people who destroy their natural environment. When watching The Little Mole with my kids, I sometimes picture him as a mobile website user. Do you want to know why? We, as web designers, often treat our users the same way the “bad guys” treat The Little Mole, especially on mobile websites. One episode of the series is particularly dramatic. So let’s be a little sarcastic today and try to poison the mobile user. Let’s make a slow website, disable zooming, hide the navigation and fill up the page with fixed-positioned elements. 1.

Making the website load slowly is the best weapon against the mobile user. Now, let’s be serious. Optimizing speed is not that complicated. 2. 4. 5. 6. 7. 8. Figma: the collaborative interface design tool. Designers share how they get focused. Maybe you have a list of effective rituals to help you double down on your workload. Or, if you’re anything like me, you’re looking for some new ideas to help regain your focus throughout the day.

We asked the InVision community to share tips for when they’re having trouble getting “in the zone” and we got some seriously good answers. Here’s what they had to say: “Our office is on a bike trail, so I’ll go on a walk with a coworker who isn’t on the project to run the problem by them. Fresh air goes well with a fresh perspective. I come back with a head full of ideas and a couple thousand steps on my Fitbit!” –Jon Moore, Senior Design Partner at Innovatemap “For me, about it’s understanding that concentration and focus are resources you can improve.

–Cassius Kiani, Partner at Mikleo “Concentration and focus are resources you can improve.” “I leave my workspace to take a walk, get a cup of coffee, or whatever will get me away from staring at my screen. –Alexis Lucio, Product Designer at Sysdig. Why executives should care about design sprints. If you’re like most business executives in larger companies, you probably keep an eye on the startups in your industry that continually disrupt and threaten your vantage point.

You watch as they routinely launch newer, better solutions to problems your customers are shouting for. And while your company spends months analyzing and obtaining group consensus, your startup incumbents are designing, prototyping, validating, and launching in days. You can be just as savvy. Images courtesy New Haircut. One of the most popular weapons these startups are now wielding is a process developed by Google Ventures called design sprints—a framework designed to help your company discover viable, customer-validated solutions to your biggest business challenges, while also shrinking product development timelines from many months to 5 days. Plus, design sprints provide the tools to bring stakeholders together from across all business and technology departments, while checking ego at the door. Wrapping up. Designing systems or: How I learned to stop worrying and love the modal window. You know the feeling. User data suggests that you should tweak the onboarding flow a little.

Your invite user screen definitely needs improvement. And you’re downright embarrassed about that stats section you designed 3 years ago. Not to worry—you got this. You can easily push an update to fix this, right? But if it’s in the nascent stages, your product is probably evolving rapidly to meet market demands and changing conditions, your engineering team is resource-stressed, and your sales team is rallying everyone to improve the numbers. In the middle of all this, it’s understandable if improving UX isn’t always on the top of your stakeholders’ minds. “Treated unwisely, modal windows can frustrate users.” Any idea to improve design is weighed for its cost against its apparent impact (sales, more users—mostly sales). It’s a matter of prioritizing—do we ship critical features or fix minor annoyances for users? “Wait, they said minor annoyance, right?” Enter modal windows Yeah, modals. Of systems. 5 Mistakes to Avoid When Designing Micro-interactions — Free Code Camp.

5 Mistakes to Avoid When Designing Micro-interactions Or, “What I learned after taking a week off and watching thousands of micro-interaction animations until my eyeballs fell out.” (by the way, if you want to receive my articles and tutorial videos straight to your email, click here to get added to my list) First of all, let’s get synced up. What is a micro-interaction anyway? In doing my due diligence for this post, I came across this handy definition by Carrie Cousins, who seems like a cool person. She says – “A micro-interaction is any single task-based engagement with a device.” Well ok then. Before we get into the ‘5 mistakes,’ I want to mention that the following UI animations I am about to rip into are all from extremely talented designers. You strapped in? 1. As a designer, your ego is a delicate flower in need of frequent watering and praise. Here, Sergey Valiukh (who is is a genius with type, layout, color, and animation), hoses some micro interactions.

Key concept — Restraint 2. Useful SVGO[ptimization] Tools. One of the steps you need to do when working with SVG is optimizing the SVG code after exporting it from the editor and before embedding in on your web page. For that, several standalone optimization tools exits. The two tools I usually mention in my articles and talks are Peter Collingridge's online editor, and SVGO. In this article, I'm going to introduce you to a new SVGO Tool that provides us with everything Peter's tool does, and a bit more. This is not to say that peter’s tool is no longer useful—it certainly is. But if you use SVGO, then you know how convenient it is with all the available tools it comes with. For those of you who are not familiar with SVGO: it is a node-js based SVG optimization tool. However, SVGO has one disadvantage: it can easily break your SVG—especially if it is animated or scripted, the document structure will change and eventually break any animations or scripting applied.

If you’ve used Peter’s tool before, you can expect the same from SVGOMG, and more. A List Apart: For People Who Make Websites. Smashing Magazine – For Professional Web Designers and Developers. I Fucking Love Science Teams Up With The Science Channel To Curate The Best Science Content On The Web. We're teaming up with The Science Channel to bring you the best science videos online. The Science Channel's new digital television channel, Sci2, will be curated by IFLS's owner and founder, Elise Andrew. In other words, me. The internet is a wonderful place to learn. Every single person reading this has access to a device on which you can view almost every piece of knowledge ever collected by the human race. That's why I'm so excited about this new project - there are hundreds and thousands of truly spectacular content creators out there who have little to no audience, simply because they haven't been noticed.

As well as curated and selected videos, there are also some great live feeds.