How Prevalent is Dark UX?

Original Source: https://www.webdesignerdepot.com/2019/08/how-prevalent-is-dark-ux/

Iconic comedy duo Mitchell and Webb once asked a very important question: “Are we the baddies?” Given that, at the time, they were dressed in Nazi uniforms with skulls on their hats, and looked like rejected villains from a Wolfenstein game, the answer was something of a foregone conclusion.

But what about us? No, no web or UX designers that I know of have ever invaded Poland, or done any of the more horrifying things that Nazis are known for, thankfully. But then, we’ve got a whole field of design called “Dark UX”, and that’s… concerning.

It sure feels like dark UX is everywhere…

In other words: “Are we the baddies?” How bad is it these days? It sure feels like dark UX is everywhere, with companies trying to get their hands on your cash no matter the cost.

The generally accepted definition of dark UX is something along the lines of: Intentionally malicious, deceitful, or even just highly manipulative design patterns that try to trick you into doing something you otherwise wouldn’t. I think, to answer that question, we need to establish that the first bit—the intentional malice, deceit, or manipulation—is the defining characteristic of dark UX.

Just getting people to do something they might otherwise not… it’s not always a bad thing — doctors and especially dentists, try to do that all the time, to varying degrees of success. Marketing, even, introduces you to ideas and products you may not otherwise know about, and so would not otherwise buy. While marketing can very often feel scummy, I am forced to admit that there is technically nothing wrong with putting your brand out there.

But when designers (and the companies that hire them) flat-out disregard the will, and/or well-being of the users, that’s when we have a problem. Let’s look at some classic examples, several of which come courtesy of the Dark Patterns twitter feed, because websites never behave badly when you want to take screenshots:

Opt-Out Newletters (or Even Purchases!)

Sign-up forms often come with the option to get their newsletter pre-selected. I’ve also run into airlines that have some of their add-on services pre-selected during the ticket purchase process. Forgetting to unselect those is an expensive mistake to make. But then there’s this process for unsubscribing from an email newsletter, which is pretty flagrant:

Scummy “No” Buttons

You know, the ones that say things like: “No, I don’t want to better my life immeasurably by receiving these product offers. By clicking this button, I acknowledge that my life is worthless, my children will be left homeless, and I am a terrible person.” Even Amazon is doing it:

The Complete Lack of “No” Buttons

Then there are the people that don’t even include a “no” button, or an “exit” button. I’ve had it happen with Google Play Music sometimes giving me no way to listen to my music unless I either sign up for their family plan, or refresh the page. I couldn’t get a screenshot of that, so here’s one of CrazyEgg doing something similar:

Also, Twitter won’t even let you turn off their more annoying features. There’s only a button to “see less” of them, and no one’s sure if it actually works.

Intentionally Frustrating Products

Recently, I reviewed a service named Smashinglogo (no relation) for another website. See how I’m not linking it? That’s for a reason.

It’s supposed to be an AI-based logo generator and… well it does that. But you have to depend almost entirely on the AI to randomly give you the logo you want. The customization features are minimal, and partially random too. But the site makes very sure to tell you that you can hire one of their professional designers to finish up your logo at any time. It just costs a bit more.

This sort of design is actually a notorious problem in the world of video games, and not just the mobile titles. Middle Earth: Shadow of War launched as a very grindy sort of game that took a long time to complete, but you could make it easier on yourself by purchasing “just a few, simple time savers” on top of buying the full-priced game. Assassin’s Creed: Odyssey took flak for pretty much the same reason. It wasn’t too bad if you like playing all the side quests in a game, but it was still a problem.

Predatory Features/Mechanics

We can look to video games for even more examples. Mobile games introduced the idea of the “loot box”, a purchase which will always grant you some sort of digital reward within the game. But what you get is randomized, so you can never be sure of getting what you want.

It used to be just an industry controversy, but now governments the world over are looking into this situation

They’ve made their way into 60 USD desktop titles as well, and they’re specifically designed to tap into the gambler’s instinct. It used to be just an industry controversy, but now governments the world over are looking into this situation, with UK Mainstream outlets like the BBC documenting what happens when someone who has compulsive gambling tendencies gets suckered in by video games, which are supposed to be comparatively “safe”.

Dark UX is Everywhere…Oops

I wish I had better news.

Look, it’s not that the majority of websites are necessarily using dark UX patterns. I frankly couldn’t find any hard data on that, but I doubt it. Is all their marketing honest? I don’t know about that, but I don’t think that most websites are trying to trick users into clicking stuff.

But not every website is Amazon, Twitter, or Google. While most sites may not have dark UX, a lot of the biggest sites and products do, affecting a number of people that is potentially in the billions.

I’d like to think designers are mostly good people, but the ones employed by bad companies have done a lot of damage. What can we do to correct this? Either we can burn it all down and try to develop a post-money society, or we can try to convince our corporate overlords that treating people right will net them more money in the long run.

I’ve always believed that true (brand) love is better than Stockholm Syndrome. Now we just need to convince everyone else.  

 

Featured image via DepositPhotos.

 

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Top 4 DevOps Tools in 2019

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/75zxQiJ6P3I/top-4-devops-tools-in-2019

The best DevOps tools this year can support your workflow and augment your organization’s ability to bring software products to market. In this post, we’ll talk about four practical DevOps platforms and tools your team can put to work now for a more streamlined project.  But first, let’s briefly talk about the value DevOps can […]

The post Top 4 DevOps Tools in 2019 appeared first on designrfix.com.

What Is Graphic Design: Our Complete Guide

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/D6AUSMs5NvM/what-is-graphic-design

?Graphics are a visual way of communicating with someone. Billboard along highways try to sell us things or get us to stop at some location while images online work in much the same way. Somewhere at some point in time, a person designed everything we see that’s not part of nature. Quick Navigation A Deeper […]

The post What Is Graphic Design: Our Complete Guide appeared first on designrfix.com.

94% Off: Get the Fundamentals of Drawing Bundle for Only $39

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/D-mb89qigLw/94-off-get-the-fundamentals-of-drawing-bundle-for-only-39

Most people believe that drawing is a natural talent. You’re either born with it or not. But the truth is that drawing is a skill that can be learned over time. If you’re considering taking a basic drawing class for the first time, be sure to check out the Fundamentals of Drawing Bundle. Fundamentals of […]

The post 94% Off: Get the Fundamentals of Drawing Bundle for Only $39 appeared first on designrfix.com.

Building Creative Websites Can Be Easy. Here’s How

Original Source: https://www.hongkiat.com/blog/building-creative-websites-can-be-easy/

Web designers, ready for some good news? We have some for you, and it involves designing creative websites. The ever-expanding global market is creating an equally expanding number of opportunities….

Visit hongkiat.com for full content.

Get Lifetime Access to the 2019 Interactive Coding Bootcamp for Only $39

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/Ob0gQ5tZPME/get-lifetime-access-to-the-2019-interactive-coding-bootcamp-for-only-39

The demand for programmers is high and continues to increase. As the market for programmers grow, the buzz around coding bootcamps grow louder. If you want to get a quick dose of coding education, but you don’t have the luxury of time, then the 2019 Interactive Coding Bootcamp is for you. Here, you can learn […]

The post Get Lifetime Access to the 2019 Interactive Coding Bootcamp for Only $39 appeared first on designrfix.com.

92% Off: Enroll in the Complete Programming Language Bootcamp for Only $36

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/1z8KfGxlahU/complete-programming-language-bootcamp

Learning is crucial for success. If you want to take your career to the next level, you need to invest in yourself. After all, an investment in knowledge pays the best interest. As such, we encourage you to enroll in short courses, attend some seminars or workshops. If you want to explore different programming languages […]

The post 92% Off: Enroll in the Complete Programming Language Bootcamp for Only $36 appeared first on designrfix.com.

20 Freshest Web Designs, August 2019

Original Source: https://www.webdesignerdepot.com/2019/08/20-freshest-web-designs-august-2019/

This month we leap back to the culture of America circa 1969, dive into the oceans with whales, discover multiple approaches to pitching a design agency, get invited to festivals, and shop online the right way. Enjoy!

Kilotype

Kilotype’s awesome new site shows off its variable fonts with a clever mouse-track — move your cursor around the screen vertically and horizontally to see the full range of each family’s weight and italic.

Once Upon a Time in Hollywood

The latest film from Tarantino is steeped in the culture of 1969, from the moon landing to Woodstock. This amazing promo-site does an incredible job of transporting you to a different era.

Wade and Leta

Wade and Leta are a partnership of talented art directors, whose offbeat sense of the absurd leads to some truly original and inspiring work. The homepage videos range from hilarious to bizarre.

Morenita

If there’s one place I’d like to be right now, it’s floating around the coast of Menorca on beautiful traditional fishing boat, and that’s all thanks to this inspiring site for Balearic boat hire.

The Believer Magazine

The site for The Believer Magazine is charmingly counter-culture, with deceptively sophisticated typography and New Yorker-quality illustration. Exactly what you’d expect from a modern culture publication.

Cher Ami

Cher Ami’s site features plenty of engaging work, but it’s the little details that make this site special, like the way the menu flies out not-quite-square, and the hyperspace-style transitions.

Good Day

Good Day sells CBD-infused beverages from a tastefully minimal site. At roughly $6/drink, it’s not cheap, and this sophisticated site is ideal for positioning the company in the luxury consumables market.

Dice

Dice is a German music and arts festival. Its site features some incredible, generated organic shapes, with animated gradients to match, and the seamless eternal scroll is a delight.

Flatiron Collective

The Flatiron Collective site opens with animated illustration. It’s an eye-catching pitch for business, far into left-field from the usual agency promotional site, and doesn’t even showcase previous work.

Save Whales

Whales are among the most intelligent, graceful, and magical creatures in the world. This inspiring site features extraordinary photography and facts about the magnificent creatures.

InDnegev

InDnegev is an Israeli music festival with a psychedelic animated site. The site features bold color choices, subtle animation, and two people riding a giant fox made out of stars, because why not.

Gucci Marmont

One of the big trends in online shopping is 3D, and Gucci’s Marmont collection jumps on this trend with a 17th-century inspired art exhibition featuring its latest purses. Scroll to browse.

Oust

Oust is a leading creative agency with tons of amazing work. Instead of pressing its portfolio, Oust’s site shows off the energy and ambition of the company’s professional culture.

Gantri

Gantri designs better lights, and its site is a glorious collection of careful ecommerce best practices and stellar product photography. This is exactly how you should sell products online.

eyehealth1st

Look Deeper is an eye health campaign from Australia that wants to educate you about the dangers your eyes face, with an impactful infographic style site highlighting the various threats to your eyesight.

Ada Sokół

Ada Sokół’s portfolio is designed to focus entirely on her unique brand of futuristic, 3D artwork. Alongside commercial work you’ll also find some exceptional personal work.

Stuuudio

Embracing the www-ness of using three letters, where one would be too real-world, is Stuuudio, a design agency with a nice line in blobby-animated transitions. It’s a good take on the classic agency site.

Ocean Vagabond

Ocean Vagabond is a watersports company in Morocco. Its homepage features some small-scale video, but navigate to one of the location pages for inspiring video and typography interaction.

Festival

Festival is a vibrant and engaging one-pager for the Camberwell College of Art undergraduate degree show. With light-hearted typography and interactive confetti, it’s a great online invitation.

Neutral Works

Neutral Works is another design agency with a penchant for interesting, liquid-style transitions. Based in Japan, it’s fascinating to see the different approach to familiar products in a foreign culture.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

15 wp-config Snippets to Configure WordPress Site

Original Source: https://www.hongkiat.com/blog/wpconfig-snippets-configure-wordpress/

WordPress admin makes it easy to manage configurations without touching a line of code. These basic configuration settings are then stored in the wp-options table inside the database. But, WordPress…

Visit hongkiat.com for full content.

Bringing A Better Design Process To Your Organization

Original Source: https://www.smashingmagazine.com/2019/08/better-design-process-organization/

Bringing A Better Design Process To Your Organization

Bringing A Better Design Process To Your Organization

Eric Olive

2019-08-21T13:30:59+02:00
2019-08-22T17:06:41+00:00

As user experience (UX) designers and researchers, the most common complaint we hear from users is:

“Why don’t they think about what I need?”

In fact, many organizations have teams dedicated to delivering what users and customers need. More and more software developers are eager to work with UX designers in order to code interfaces that customers will use and understand. The problem is that complex software projects can easily become bogged down in competing priorities and confusion about what to do next.

The result is poor design that impedes productivity. For example, efficiency in healthcare is hampered by electronic medical records (EMRs). Complaints about these software systems are legion. Dr. Steven Ugent, a Boston-based dermatologist and Yale Medical School alumnus, is no exception.

Since 2010, Dr. Ugent has used two EMR systems: Before 2010, he finished work promptly at 5:15 every day. Since he and his colleagues started using EMRs, he typically works an extra half hour to 1.5 hours in the evening. “I don’t know any doctor who is happy with their medical records system. The crazy thing is that I was much more efficient when I was using pen and paper.”

man holding pen on paper

The EMR systems are clunky, inflexible, and hard to customize. Ugent, for instance, cannot embed photos directly into his chart notes. Instead, he must open the folder with the photo of the mole and then open a different folder to see the text. This setup is particularly cumbersome for dermatologists who rely heavily on photos when treating patients.

Ugent succinctly summarizes the problem with EMRs:

“The people who design it [the EMR system] don’t understand my workflow. If they did, they would design a different system.”

Doctors are not alone in their frustration with clunky software. Consumers and professionals around the world make similar complaints:

“Why can’t I find what I need?”

“Why do they make it so hard?”

“Why do I have to create a login when I simply want to buy this product. I’m giving them money. Isn’t that enough?”

A major contributor to clunky software is flawed design processes. In this article, we’ll outline four design process problems and explain how to address them.

Complexity
Next-Release Syndrome
Insufficient Time For Design Iterations
Surrendering Control To Outside Vendors

1. Complexity

Scale, multiple stakeholders, and the need for sophisticated code are among the many factors contributing to the complexity of large software projects.

Sometimes overlooked, however, are complex laws and regulations. For example, insurance is heavily regulated at the state level, adding a layer of complexity for insurance companies operating in multiple states. Banks and credit unions are subject to regulation while utilities must comply with state and federal environmental laws.

Healthcare products and software subject to FDA regulations offer an even greater challenge. The problem isn’t that the regulations are unreasonable. Safety is paramount. The issues are time, budget, and the planning necessary to meet FDA requirements.

As Jeff Horvath, Ph.D., a UX consultant with extensive experience in healthcare, explains: “These requirements add a couple of orders of magnitude to the rigor for writing test protocols, test setup, data gathering, analysis, quality controls, and getting approval to conduct the research in the first place.” For example, a single round of usability testing jumps from six weeks (a reasonable time frame for a standard usability test) to six months. And that’s with a single round of usability testing. Often, two or more rounds of testing are necessary.

This level of rigor is a wakeup call for companies new to working with the FDA. More than once, Horvath has faced tough conversations with clients who were unprepared for the extended timelines and additional budget necessary to meet FDA requirements. It’s hard, but necessary. “It pays to be thorough,” says Horvath. In 2018 the FDA approved a mere 11% of pre-market submissions.

The demands on researchers, designers, and developers are higher for healthcare software requiring FDA compliance than for traditional software products. For example:

A UX researcher can only conduct one or two usability test sessions per day as opposed to the more common five to six sessions per day for standard software.
UX designers must remain hyper-attentive to every aspect of the user’s interaction with software. Even one confusing interaction could cause a clinician to make an error that could jeopardize a patient’s health. For the same reason, UI designers must draw interfaces that remain faithful to every interaction.
A longer time frame for design and usability testing means that the developer’s coding efforts must be planned carefully. Skilled and well-intentioned developers are often eager to modify the code as soon as new information becomes available. While this approach can work in organizations well practiced in rapid iteration, it carries risk when designing and coding complex systems.

Failure to manage complexity can have fatal consequences as happened when Danielle McCray was admitted to Tallahassee Memorial Hospital as she was about to give birth. To ease her discomfort, healthcare workers connected her to a patient-controlled analgesia machine, a programmable infusion pump.

Eight hours later McCray was pronounced dead from a morphine overdose. A major factor in this tragedy was the flawed design of the infusion pump used to administer medication. The pump required 27 programming steps. Failure to address such complexity by designing a more intuitive user interface contributed to unnecessary death.

Solution

The solution is to acknowledge and address complexity This point sounds logical. Yet, as explained above, complicated FDA regulations often surprise company leaders. Denial doesn’t work. Failing to plan means your organization will likely fall into the 89% of pre-market submissions the FDA rejected in 2018.

When conducting usability tests, user experience researchers must take three steps to manage the complexity associated with FDA regulations:

The moderator (the person who runs the usability test) must be hyper-attentive. For example, if an MRI scan requires a technician to follow a strict sequence of steps while using the associated software, the moderator must observe carefully to determine if the participant follows the instructions to the letter. If not, the task is rated as a failure meaning that both the interface design and associated documentation will require modification;
The moderator must also track close calls. For example, a participant might initially perform the steps out of order, discover the mistake, and recover by following the proper sequence. The FDA considers this a near miss, and the moderator must report it as such;
The moderator must also assess the participant’s knowledge. Does she believe that she has followed the proper sequence? Is this belief accurate?

2. Next-Release Syndrome

One factor in the failure to acknowledge complexity is a fix-it-later mindset we call next-release syndrome. Software bugs are not a problem because “we’ll fix that in the next release.” The emphasis on speed over quality and safety makes it all too easy to postpone solving the hard problems.

Anyone involved in product design and development must tackle next-release syndrome. Two examples make the point:

We discovered serious design flaws with a client’s healthcare tracking software. The company chose to release the software without addressing these problems. Not surprisingly, customers were unhappy.
We conducted usability tests for a large credit union based in the U.S. The participants were seasoned financial advisers. Testing revealed serious design flaws including confusing status icons, buttons with an unclear purpose, and a nearly hidden link that prevented participants from displaying important data. Remember, if the user doesn’t see it, it’s not there. When we reported the findings, the response was: “We’ll fix that in the next release.” As expected, the web application was not well received. Responses from users included: “Why did you ask us to review the app if you had no intention of making changes?”

Solution: Reject The Fix-It-Next-Time Mentality

The solution is to address serious design problems now. Sounds straightforward. But, how do you convince decision-makers to change the entrenched “fix-it-later” mindset?

The key is to shift the conversation about achievement away from product delivery toward the value created. For example, teams that take the time to revise a design based on user research are likely to see better customer reactions and, over time, increased customer loyalty.

Strengthen the case by using quantitative data to show decision-makers the direct connection between user research and increased revenue and a positive customer experience.

Use data to connect research and design improvements to specific business goals

Use data to connect research and design improvements to specific business goals (Large preview)

Re-defining value is, in effect, a process improvement because it establishes a new set of priorities that better serve customers and your company’s long-term interests. As McKinsey reports in The Business Value of Design: “Top-quartile companies embrace the full user experience; they break down internal barriers among physical, digital, and service design.”

3. Insufficient Time For Design Iterations

Related to the next-release syndrome is insufficient time to iterate the design based on research findings or changing business requirements. “We don’t have time for that,” is the common refrain from developers and product owners. Designers working in Agile environments are frequently pressured to avoid “holding up” the development team.

Development speeds along, and the software is released. We’ve all seen the results from confusing phone apps, to clunky medical records software, to the cumbersome user interface for financial advisers referenced above.

Solution: Design Spikes

One solution comes from the coding world. In his article “Fitting Big-Picture UX Into Agile Development”, Damon Dimmick offers the idea of design spikes, “bubbles of time that allow designers to focus on complex UX issues.” They fit into the Scrum framework by temporarily taking the place of a regular sprint.

Design iteration

Design iteration (Large preview)

Design spikes offer several advantages:

They allow UX teams to focus on holistic issues and avoid getting bogged down in granular design issues that are sometimes emphasized within a single sprint;
They offer the opportunity to explore complex UX questions from a high level. If needed, the UX design team can also engage in design-centric thinking at any point in order to solve larger UX challenges;
By adopting design spikes, UX teams can leverage the same flexibility that development teams use in the agile process and devote the time needed to focus on design issues that don’t always fit well into a standard scrum sprint;
Development unlikely to be affected by design decisions can proceed.

Naturally, design iterations often affect certain parts of the code for a site, app, or software product. For this reason, during design spikes any code that will likely be affected by the design spike cannot move forward. But, as Dimmick clearly states, this “delay” will likely save time by avoiding re-work. It simply does not make sense to write code now and then re-write it a few weeks later after the team has agreed on a revised design. In short, postponing some coding actually saves time and budget.

4. Relying Too Heavily On Vendors

Addressing complexity, resisting next-release syndrome, and allowing time for iteration are essential to an effective design process. For many firms, another consideration is their relationship with software vendors. These vendors play an important, even critical, role in development. Yet, granting them too much leverage makes it difficult to control your own product.

Outsourcing to software vendors

Outsourcing to software vendors (Large preview)

Certainly, we should treat colleagues and vendors with respect and make reasonable requests. That doesn’t mean, however, that it’s necessary to surrender all leverage as happened during my tenure at a large finance firm.

While working at this firm as a UX designer, I frequently encountered this dynamic:

Manager: “Hey, Eric can you evaluate this claims software that we’re planning to buy? We just want to make sure it works as intended.”

Me: “Sure, I’ll send you my preliminary findings by the end of the week.”

Manager: “Great”

The following week:

Manager: “Thanks for the review. I see that you found three serious issues: Hard to find the number for an existing claim, screens with too much text that are hard to read, and the difficulty of returning to a previous screen when processing a new claim. That is concerning. Do you think those issues will hinder productivity?”

Me: “Yes, I think these issues will increase stress and processing time in the Claims Center. I’m quite concerned because my previous work with Janet’s team demonstrated that the Claims Center reps are already highly stressed.”

Manager: “Really good to know. I just sent the check. I’ll ask the vendor to fix the problems before they ship.”

Me (screaming inside): “Noooooooooooooo!”

This well-intentioned manager did precisely the wrong thing. He asked for changes after sending the check. No surprise that the vendor never made the requested changes. Why would they? They had their money.

Not only did this scenario play out repeatedly at that company, but I’ve witnessed it throughout my UX career.

Solution

The solution is clear. If the vendor product does not meet customer and business needs, and the changes you request are within scope, don’t pay until the vendor makes the changes. It really is that simple.

Conclusion

In this piece, we’ve identified four common barriers to quality design and corresponding solutions:

Complex regulations and standards
The solution is to acknowledge and address complexity by devising realistic timelines and sufficient budget for research and iterative design.
Shipping software with bugs with a promise to fix them later
The solution is to avoid next-release syndrome and address serious problems now. Persuade decision-makers by re-defining the meaning of value within your organization.
Insufficient time for design iterations
The solution is to include design spikes in the agile development process. These bubbles of time temporarily take the place of a sprint and allow designers to focus on complex UX issues.
Relying too heavily on vendors
The solution is to retain leverage by withholding final payment until the vendor makes requested changes as long as these changes are within the original project scope.

The fourth solution is straightforward. While the first three are not easy, they are concrete because they can be applied directly to existing design processes. Their implementation does not require a massive reorganization or millions of dollars. It simply requires commitment to delivering a better experience.

Smashing Editorial
(ah, il)