In UI design, many people are relying on colors or are drawn to colors to differentiate things, like illustrating the meaning of two different buttons or distinguishing a link from a regular text. However, if a user is colorblind, they may not perceive the difference. This online UX design education blog will help you build an interface that’s accessible for everyone.

Wireframe First

As a designer who has red and green colorblindness, one thing I like to do is work in as much detail as possible for the final version of wireframes for my app design or web design. I’ve found that’s really, really helpful in my work itself. You can look at a detailed wireframe as if you’re looking at a black-and-white version of your design. Working in as much detail as you can to create a UI with just black, white, and gray allows you to create a visual hierarchy for someone to successfully navigate and use your interface.

Adding Color

Black, white, and gray have a definite contrast of tonality in UX design. Use that tonality to define your color usage as well. When you’re adding colors to your UI, you can base the contrast of the colors in terms of the black and white and gray tonal contrast.

Back to Basics

I think sometimes when we give ourselves a limited amount of tools, we actually create a more accessible UX design. This is another reason why I say start in black, white, and gray. Try to reduce your tool kit first, and then design a successful UI. Then on top of that, you can add colors to make your UI design a little bit more exciting.

In regards to ethical issues, the most important thing is to be very, very sensitive. When we go out and interview people, we want to really understand the world. Because human beings are very complex creatures, our world sometimes is very vulnerable.

What I would always recommend when you interview someone is to be hypersensitive to where they are and look at their body language either when they’re closing up, when they’re opening up, when they’re looking away, when they’re looking straight at you, when their eyes open up with excitement, etc. If we see them closing up, it means that we’re touching something that is sensitive there.

This is really where our ethics come into the picture. Do we want to probe them more and push them towards more answers, or is this enough information for us and do we want to back up? The idea is to really respect whoever you’re interviewing and observe what they’re not saying, and be sensitive about when you’re going to explore further.

In your online UX design education, it’s important to keep the method of your research at the forefront of your mind. Your UX and UI decisions are based on these interviews, and it’s important that the UX design and UI design data you gather are collected in ethical ways.

Often, when designers use the word modeling, and if you were to look up an industrial design model, you would see a product that really looks like the real thing. So if you looked at the model of a shoe, a model of a surgical tool, or a model of a bandage, it’s just going to look like that specific product that represents the product design concept.

But that model in what we call the high-fidelity state is not really for testing. That model is to show what we call a proof of concept or to illustrate our final design intent to help others visualize the concept. But before we ever get to that model, we’re doing all sorts of Frankenstein modeling or low-fidelity models, because we’re just trying to figure this idea out. So, there may be several steps that lead to a satisfying end result.

If we never made a drone before, we’re trying to figure out how we can pull together a drone. You might buy existing products that work similarly, take them apart, and reverse engineer them to try to understand from a product development standpoint how they work, how they fit together, and how the pieces fit. You might be taking measurements or looking at the circuits.

But you’re really trying to understand the design from existing products, and some of these things can be almost exactly what you want to create. At other times, though, the design may be very different. But we’re trying to look for those influences and inspiration from analogs. Then we’ll pull that design together into functional or semi-functional prototypes where we’re just testing these ideas. For prototyping for designers, it really is about the inquiry of trying to test hypotheses about how things might work. This process is similar to what you might learn from a professional product design education.

Designing products from models is about aesthetics. So, sometimes we’re making form prototypes where we’re trying to understand how things should look or feel in the hand or while in use. Sometimes we’re experimenting with different materials on an object. We might want to see how one material behaves versus another. That can range from a fit in the hand to how it feels to your skin, but also it includes functionally pertaining to how these things work.

If you had something that had to spin or hinge or had to be very strong, you would want to test it to see if that material and that form factor or that shape would actually be able to do what you want it to do. You can learn more about this process by getting an online product design education.

Steph Mantis gives this advice on product design education: “Once you have a rough sketch and you’re starting to know the direction you’re moving in, you want to start thinking about materials. You want to start thinking about ‘How do I refine this?’ And ultimately, you want to think about ‘How am I going to communicate this to my fabricators, and my audience?'”

She goes on to explain, “If you can communicate it to your fabricators really clearly, you can use a number of tools. It can be auto-card; it can be solid works. I’ve designed stuff where I just put together a mood board. I say, ‘Like this, not like that.’ And I give that to a factory, and it communicates enough for them to get to the next sketch, which then comes back to me so I can critique that.”

Mantis makes it clear that at the end of the day, it’s about how you are communicating this idea of yours. You can use various tools for product design and product development. Pinterest, for example, is great for mood boarding. The Internet itself is a plethora of images that you can easily just start pulling out and organizing. It’s a source of online product design education. She personally likes things like Google Drive to organize concepts and uses spreadsheets to start her sourcing and pricing. Steph says she also likes Keynote.

“I think Keynote is really easy,” she continues. “It’s an Apple-based product. It comes on every Mac product basically. It’s cloud-driven, so it’s super easy to pull presentations together, share them, edit them, get them on your phone, get them on a tablet, get them on a desktop.”

Usability tests in online UX Design Education come in two broad categories: moderated and unmoderated.

A moderated UI usability test is when the researcher or you, as a designer, work with the user, either in the same space or online, to take them through the prototype. You ask the questions while the user completes the tasks answers the questions.

In an unmoderated test, the users work by themselves. There is no one there in the room, or in the virtual room, to help them, prompt them, or ask the question in a different way. This really tests the UI design. So, unmoderated tests can be challenging for users, but, equally, can give you really good insight into where those UX challenges are. If the users are struggling to complete the test, then that is a clear indication that something with your solution isn’t quite right, and may need some extra attention.

The double diamond ideation product design process starts as literally a drawing of two diamonds sort of placed next to each other. It’s a process diagram that explains the ideation methodology. It’s also known in product development as the design method.

Double Diamond Basics

We start with divergent thinking in the first diamond. We broaden ideas related to discovering insight into a problem and defining a focus area from one outside tip of the diamond to the other. In the second diamond, we develop and deliver potential solutions.

You’re not trying to think about the exact thing that you want to design but everything around it. No idea is a bad idea when you’re using this process. Your goal is to have ideas converge by taking all of the ones that you’ve written down and narrowing the list by placing them into groups of ideas that make sense together by category or theme.

The design process is really, really cool because you go through this a couple of times so that the ideas in the double diamond diagram are diverging, converging, diverging, and converging again. This process works because you’re really thinking out of the box. The diagram also promotes good discipline so that you can narrow down and focus on the things that you’re supposed to focus on.

Product Design Education

You can learn about the double diamond process and other ideation workshop tools with a formal online product design education. Formal training covers this and many other important product design and development processes that you need for a successful career.

Learn how live shopping and community building can provide you with the information and context needed to enhance your ecommerce shopping experience.

With live shopping, something that is incredibly valuable is understanding your communities on a deeper level. Communities are changing every hour, every minute, and every day.
I think one of the most beautiful things about live shopping events is that you’ll be able to understand what your audience is thinking, what they’re asking from you, and what they’re doing in real-time. In a way, that feels holistic and allows you to put context to the situation.

For example, we had one women’s health brand that used our solution a few months ago. We wanted to understand a little bit more about this customer. People think that live shopping events and live shopping are only for digital-first brands that are innovative and easy to sell. Such as a makeup or skincare company. However, what we’re noticing is that if you can build a community and engage, live shopping is for you.

This brand made use of a lot of our engagement modules. They asked a lot of questions and triggered a lot of polls within the live shopping experience. One of the great takeaways was they found out that 54% of their audience was first-time moms.

Now that not only is insightful information to target the rest of your live shopping event but is helpful for future events and to figure out what kind of products you want to launch later on.

Data is something that I think we’re all a little bit wary of. However, insights, context and information from your community, especially in real-time, really are priceless.

With product design, we start by trying to understand user needs and behaviors. Once we have this important information, we then move on to the ideation stage of product development.

The ideation process usually takes place in a workshop. We gather a bunch of people in a very specific room or other type of physical space for a condensed period of time to brainstorm problem solutions and other ideas. It’s critical to select a very good mix of people for a great ideation session. We never concentrate exclusively on designers or technology-focused people. Instead, we select a cross-functional team of people who can think about the product topic from all types of different angles.

An ideation workshop team is normally composed of people who pursued a formal product design education, received hands-on training and possess extensive professional experience. If you don’t think you can afford to spend the time or money pursuing a degree in this field, you should consider an online product design education.

“A product design project begins a number of different ways,” says Alicia Tam Wei. “Sometimes it’s about something that annoys you. Sometimes it’s about something that’s a big dream of yours. Sometimes it’s about something that you wish existed. It’s often kind of like the ultimate wish fulfillment.”

Stephanie Mantis states, “I think it’s important to figure out why you’re doing something. So for me, oftentimes, my product development starts with a need, be it functional and physical, or emotional and more personal.” “First,” she continues, “identifying what am I trying to do and why, is an amazing place to start. If it’s your problem, it’s probably somebody else’s problem. And if your solution works for you, it probably works for somebody else.”

Mantis further explains, “When I graduated college, I kind of looked around my apartment, and I was like, ‘Oh, you’re a college graduate like maybe it’s time to upgrade some of your choices and fixtures.’ One of those things were my necklace racks, which at the time were literally thumbtacks in the wall. You know, there’s five or six of them. I said, ‘You can do better than this.’ I happened to have a collection of small plastic animals on my bookshelf. I looked at them, and I said, ‘Sorry guys, but I’m going to cut your heads off and mount them to a piece of wood.’ That kind of touch upon what was happening at the time with an animal trophy trend. And that’s how my first product post-graduation was born. And that is the pack rack.”

Online product design education reiterates the importance of producing an organic and believable product. “It became this sort of organic situation where I’ve had this problem and decided to make my own solution. Over the course of time, I refined that solution so that it would be producible, and scalable, and sellable,” Stephanie Mantis concludes.

There are a lot of different techniques to use when looking at product development. The various techniques go beyond product design and development. We call the type of research that we do “generative research.” We call it “generative” because it’s not necessarily about quantified research. In quantified research, we can have access that can inspire thoughts and ideas. For this reason, it is necessary to make such techniques part of product design education. It means including it in online product design education too.

We’re interested in inspirations that allow us to look at problems differently. In this case, we are trying to surround ourselves within project spaces. Frequently, and for the longest time, it’s been boards on a wall. More recently, that’s turning into more virtual project spaces, where it’s possible to modify things much more.

Most importantly, we’re trying to immerse ourselves and surround ourselves with inspirations. We immerse ourselves in these inspirations that allow us to look at a problem holistically and get at specific insights. Sometimes, that comes from detailed ethnographic research, where we spend time with people in their homes so that we can understand the tasks that they’re doing. Also, we may be looking at the whole context around using a specific kind of device or technology.

Many times, we are also pulling inspiration from similar products and trends. Again, we are looking at the culture of how people live. Often, we’re designing for different cultures, sometimes in other countries.

At the same time, there’s culture and subculture. You can define it in very narrow slices as you’re looking at who you’re trying to connect to within a brand. In this case, we’re trying to create a very holistic picture as much as possible through imagery. It is often on the wall through notes and quotations from people who we might speak to within a culture or subculture. As we do this, we are looking specifically at some technologies. You can use these technologies in parallel with what we’re designing toward.

We work to get those things together into territories. Then, we might look to design within and try to create personas around the person who we’re designing toward. We want to connect those personas to real things that we see in real life with real people as much as possible.

We try hard not to fall back on our predisposed way of thinking about the person’s identity. We want to get outside of ourselves. We want to have empathy toward the life of the person who we’re designing toward. In this effort, you dive in and look for solutions that can help the identified persons.