Welcome Guest
Login
 
 
Forgot password?
   

Job Seeker|Employer
UXD Jobs News & Events

Publish your UX related news & events. Mail to publish@uxdjobs.com.



Consistency: MORE than what you think

Let’s examine a subject that has more to it than meets the eye. Applying a deeper appreciation of consistency to your designs will yield precious results, including keeping users happy.

Consistency enables users to feel familiar with your website, your brand, etc. and to be reassured that it is your company with whom they are interacting.

Ensuring consistency means careful attention throughout the conceptualization and design phase of your site. Defining, planning, designing, and testing with consistency in mind can save many headaches at the end of the design process.

If you’re working on a design project that has a real-world (bricks-and-mortar) presence, the brand message, color scheme, etc. must not only be consistent on your website, but it must be consistent with the brand message in the bricks-and-mortar location, too. Virtual reality must connect to reality in a like-for-like way.

The core of this is that consistency creates trust. It creates an experience which users can rely upon every time. It goes beyond the look and feel of a site, too; it also reaches down into interaction and behavioral patterns and even deeper. As a designer, you need to ensure consistency from the core of the company. Consistency is born from the alignment of the business and users’ goals. How do people work with your brand? As a company, how do you want to be known? What questions might your users have? What are the easiest ways for them to complete a specific task or process on your site? Conceptualizing with consistency and thus delivering a consistent experience as well as a consistent design is incredibly important.

The evolution of brand consistency

In the 1950s, in the post-war milieu of optimism, a new mindset developed. Standardization — the process of developing and implementing technical standards — was emerging as a central force in a new age of prosperity.

The vision was there; however, the technological constraints were such that companies had to rely on modes of engaging the public that can make us smile today. Against the backdrop of more basic radio advertising, infant television advertising (on few channels!), and less sophisticated print technologies, companies couldn’t reach consumers in the dimensions they can enjoy now. Nevertheless, corporate designers made the most of what communication means they had and strove to aim for simplicity to get their designs “out there” consistently, in ways that customers would have no problems understanding. Branding was all about simple, catchy designs that, say, drivers could digest in a second while speeding past billboards.

Today, the ethos of yesteryear’s brand consistencyin design survives in a more demanding environment; even the way companies go about their branding has had to change radically. Those smart words and well-balanced, static designs from decades ago are what many now see as clichéd slogans and safe, samey colors. Looking too classic– if that’s not your goal – can cost you. Technology has redefined reality in many ways for users. Where before, companies were restricted by the technology then available, they were sheltered by it, too. Removed from such direct consumer interfaces, they didn’t have to face the challenges that their latter-day counterparts do now.

Postmodern society has become very judgmental about brands. Once, a brand’s reliance was on radio, TV, and print advertising. That’s exploded into another dimension now. The Internet first and together with social media now has forced companies to up their branding game. Consumers now interact with brands in many ways and places. The question of brand, image and the need for a company’s consistency has become more complex. Many users analyze, scrutinize and draw conclusions based on other criteria. They observe the brand’s presence through different channels and from devices in a myriad of contexts. With all these factors to consider, just how can companies strive for consistency? What can designers do to cater for brands in this ever-shifting set of expectations?

Well, as designers, the complexity of current times means that you should strive for total consistency knowing that with the diversity of channels, devices and contexts that companies and users move around now, it is getting more and more difficult. We have to stay realistic in the real world of our users to maximize their experience. The good news is that there are ways to keep up and adapt to meet our users’ expectations. It’s not a flux out there; far from it.

It is not just about marketing

Consistency is repetition for marketing. It ensures that users always find the same message over and over again, however they access a brand. Think about your favourite restaurant chain. Now, imagine that you’re feeling hungry (maybe you are!) and have just turned the street corner, expecting to see that comforting sign above the restaurant. Whether you realise it or not, when your eye picks out that expected sign with its logo and color scheme, etc., you feel comforted. You have faith from seeing that standard that you’re a few paces away from getting what your brain is telling your stomach it wants. Thus, the consistency of the design has done its job.

However, there is more to it now; companies and their brand names have to be adventurous in this new arena. The definition of their identity has moved on, too. The logo used to mean everything. Now, the manner in which the brand interacts with users in the virtual world as well as the real world is every bit as important as the logo to establish (and sustain!) identity.

Branding has gone from the old, passive way (catching the logo on a TV screen, billboard, or magazine ad) to a highly interactive sequence of processes. If you guess that such interactions happen on a computer, you’d be correct. Did you know that 90% of media is consumed on screens, according to a major Google study? About two-fifths of that occurs on smartphones — users engage brands on handheld devices. Because of this, brands have had to rethink their strategy. Modern designers have had to enter the fray by making fluid brand identities.

More than branding: Providing a consistent experience

Consistency is key for usability and user experience. A coherent design across devices and formats reduces the learning curve and promotes familiarity and bonding. It ensures that users don’t have to “meet” a brand for the second time. Design for consistency is a must for the emotional and cognitive aspects of the user; it’s also much easier to maintain from the organizational point of view. Users remember details in a design. Changes will disguise it, prompting them to wonder if the brand is an imposter. Change can cost a loss in faith, even if it is sometimes needed.

AOL (America Online) is a good example of a brand that risked much in transforming itself. Ironically, it’s an Internet pioneer, large in the US and big in Britain. It’s made a comeback. “AOL” is now “Aol” — it features on everything from goldfish to a “throwing horns” hand. This means that it’s transplanted well into a dynamic multi-dimensional tableau. Users can engage it far better than its original triangular brand design from 1991. In the United Kingdom, AOL had relied on an iconic character called ‘Connie’ to feature in the branding from 1998 to 2002, levering users with no Internet experience into a comfortable UX. Tall, calm and with a dress that kept changing like a computerized design sequence, she was “designed” to soothe and lead users. Once users in Britain became more experienced, Connie (and the actress portraying her) vanished from AOL’s branding.

The Superbowl is to American Football what the World Cup is to Football. Anyone who’s ever watched the Superbowl on TV in January knows that a draw for viewers is the advertising. Those cutting-edge, funny and cool designs present brands to ever-more demanding audiences. In the US, it’s the ultimate way to engage users on television. Brands such as Budweiser and CBS know that casting ever-more impressive brand identities is vital. Even sitting at home, watching large-screen televisions in the same spirit as earlier generations, users in America in 2015 have one advantage. During and after the game, they’ll interact on their mobile phones to check out brands; they will talk about the brands that had the coolest ads. Others look for those brands to check out what they missed.

Users face more ranges of goods from brands than ever before. Frequently, they’ll struggle with getting used to a group of related products from the same company because these look and work so differently from one another. That leaves the users with something called a broken user experience.

Broken user experience is a big problem. Brands can remedy this in five ways. As a designer, you should familiarize yourself with the scope of the remedial process:

  • Visual consistency & simplification – make the design more basic at the planning stage, using more uniform fonts and colors, etc.
  • Behavioral consistency – Reuse design patterns that have been proven to work.
  • Behavioral optimization – Design to make users perform tasks with either less (or more effective) work (eliminating redundancy/unnecessary work).
  • Unified experience strategy – Reconsider the ideal workflow for individuals working on the project.
  • UX Culture – Understand and make UX a core priority before we design.

Visual design for consistency

Once you’ve defined a consistent UX, this consistency also needs to be translated into the interface and the graphic design. Let’s take a close look at how we can achieve that visual consistency. We just have to think about the elements of our designs, for example:

  • Colors—What is your focal color? What will be your secondary colors? Remember the significance of different colors. What is the nature of your brand?
  • Graphics—How will you use imagery or photos? What about icons and buttons? Think about the tone and character of your brand. Is it appropriate to be rigid and business like throughout? Or, is your brand more fun? Reflect that in the graphics.
  • Typography—What hierarchy will you use (headings, sub-headings, etc.)? What font sizes? Where will you display text in relation to the other elements of the design? Once again, can you afford to be light-hearted and inject some playfulness?
  • Sizes—What size of content blocks will you use? What size of images? What relationships will you convey between design elements with size?

While consistency matters between all pages, it’s particularly important to be consistent about the way you’re using the most important elements of your visual and interface design. People will notice if your logo jumps about between pages. They will notice if the menu suddenly switches from the top to the side. They are much more likely to notice inconsistencies in the most familiar items on a page than a font change in the 13th paragraph of content.

Recently, designers have had to become more fearless, while not being foolhardy. This is the era of brands that are adaptive and playful. Think of Google and its logo. They are not afraid to tweak it and adapt it! Gone are the days of rolling out a design and assuming consumers will love it. Now, designers have to cater to the consumers based on their feedback. It’s a risky game, but it works. Keep to the core principles that created and kept the brand together historically and match it with your target users’ needs and characteristics; from there, you have to be flexible.

Building Consistency in Your Designs

Happily, there are many ways to ensure that your designs are consistent, including:

Style Guides

A style guide is a written document specifying how to use design elements. It’s similar to brand guidelines clients sometimes give designers, but it goes deeper and relates the key styles and elements of the intended web design. Many web designers will create a style guide for the client’s approval in the early part of the design process.

Pattern Libraries

A pattern library is like a style guide but on steroids; these are detailed documents that touch on every single possible element in the design. Pattern libraries normally come in three flavors:

  • Design Patterns
  • Markup Patterns
  • Content Patterns

These detail the design elements and how they will be used. They include styles for headings, text, icons, etc.

This is the CSS and HTML pattern library – with HTML and CSS classes provided so that it’s easy to expand the website consistently in the future.

This defines the tone and style of any content you’ll use on site. These can be quite challenging to develop; it’s difficult to foresee all the types of content you might use in the future. However, delivering content patterns for clients can help ensure that your designs are in keeping with the content that they employ.

CSS Frameworks

You can use a CSS framework to help deliver consistency in a design. This is a very common thing to do in WordPress designs. Twitter Bootstrap is often used to manage CSS Frameworks.

The Take Away

Consistency lets users feel familiar with your website, brand, etc. We designers use consistency in our designs to establish and foster trust with our users. Long ago, this was an easier matter; however, in the multi-platform interactive age, we have a wealth of formats, channels and devices to consider and choose.

At the conceptualization phase, think about what users might associate with your brand, how they feel about it. Are you designing for a toy manufacturer? Then you can inject fun into your images and fonts. If you’re designing for a florist, it would be prudent to maintain an appropriate tone; flowers are for all occasions, remember. This consistency is defined from the alignment of the business and target users’ goals and then is “transported” everywhere in the company: from branding and marketing, to the user experience (here we talk about consistency in the product and service behavior and throughout the different devices), to the interface and graphic design.

How do you want your users to feel? Reflect this in your design; your designs can guide your users to interact with your brand. Keep consistent in even the smallest things, such as margins, because users will notice. Keep in mind that consistency in design makes a trustworthy brand. Users will build faith in a good design that keeps consistent during their UX. This is how iconic designs are born.

Source : www.interaction-design.org

Author : Mads Soegaard

Posted in Knowledge sharing | Leave a comment

Unique Illustrations Styles

With each product we design, we tell a story to our users. Illustration is something that allows us to tell a richer story.

Well-designed illustrations can enhance your brand experience and help you to create a very personal connect with your users.

Illustrations are perceived faster than text so users may cover the key message quickly. That’s why illustrations can be good for landing pages, onboarding and tutorials. But illustrations can also be used for error states — well-crafted illustration can easily explain what an error message means in glance.

In this article, I want to cover ten unique illustration styles.

1. Slack

Slack is a collaboration tool for business. In 2017, Alice Lee worked on Slack redesign; her team introduced a new illustration style that was intended to personalize the brand by showing people in illustrations. At that time, it was one of the first companies that followed such approach.

Slack team is continuing to experiment and bring new ideas into their design.

2. Dropbox

Since Dropbox started over 10 years ago, illustrations were the natural part of the product. Dropbox uses illustration to bring life to the product.

The new illustration style which was introduced in 2018 follows a relatively simple approach — loose, handmade, witty drawings deliver the key message and create a truly memorable experience for their first-time users. The great thing about Dropbox illustrations is that they make it easier to establish a connection with users — when we see such drawings, they remind us that real human beings are behind this product.

3. Oscar

Oscar Health is a service that allows you to get more from your health insurance. The company incorporated a friendly team of illustrated personnel within its visual identity.

Oscar integrated illustrations both on macro- and micro- design levels. For example, the icons that the team uses on various pages were created based on the same illustration style.

4. Etsy

Etsy is an e-commerce website focused on handmade or vintage items and supplies. The company uses bold illustrations with funny characters. Even though illustrations aren’t primary elements of the design, they still create a memorable experience for site’s visitors.

5. Notion

Notion is a tool that blends your everyday work apps into one. The home page of this tool is full of statements such as ‘With Notion, all your work is in one place’ and the company uses illustrations to show what each statement really means. Illustrations show that Notion isn’t just a tool — it’s a living workspace that brings teams and ideas together.

The one thing that differentiates Notion from any other brand in this list is that all illustrations that the team uses are black & white.

6. MailChimp

Mailchimp is a marketing automation platform and an email marketing service. MailChimp’s mascot is one of the most familiar illustrations in the product design industry— most of us saw this friendly chimp at least once.

In 2018, the team conducted a redesign. They introduced a new style of illustrations — flat illustrations.

One noticeable thing about MailChimp’s new style is using vibrant yellow color to direct user attention. As a result, on many pages copy takes a backseat while the illustrations make the point.

7. Digital Ocean

Digital Ocean is an cloud infrastructure provider. While the most companies this list use only one style of illustrations, Digital Ocean uses two different techniques of illustration. For the homepage, they use 3D illustrations. Such illustrations make it easier to deliver the message that the system scales to meet people needs.

Digital Ocean uses flat illustrations with vibrant colors for their blog. Such illustrations bring visual interest and make people read more.

8. Shopify

Shopify is an e-commerce platform for online stores and retail point-of-sale systems. Shopify uses illustrations to cultivate a relationship that is more emotional, rather than just professional.

Meg Robichaud shares a lot of details about the process that the team followes to achieve this result (check her blog on Medium).

Shopify actively uses metaphors to deliver the key idea. For example, the illustration below makes it clear that the platform is accessible for customers with all abilities.

9. Intercom

Intercom produces a messaging platform which allows businesses to communicate with prospective and existing customers within their app, on their website, through social media, or via email. Intercom is an excellent example of a site that uses illustration as a supplement to written content. Illustrations playfully describe and reinforce the message in the text.

Recently, the company introduced a new illustration style. Instead of anthropomorphic giraffes and walruses Intercom started to use illustrations of people who use the service. The great thing about this approach is that when users see such illustrations, they start to believe that people in the illustration can be them.

10. Duolingo

Duolingo is a language-learning platform that includes a language-learning website and app. Illustrations play a vital role in Duolingo user experience. Duo (the friendly owl) guides and motivates users as they complete exercise. Many users ended up feeling emotionally attached to a tool.

Recently, Duolingo team made a redesign. The team wanted to create a more intuitive look for their illustrations, and design even more engaging and fun experience for their users.

Posted in Knowledge sharing | Leave a comment

Designing Emotional Interfaces Of The Future

When it comes to change, we tend to naturally resist it. The only real boundary we have are our brains telling us that things are best to be left as they’ve always been. In this article, Gleb Kuznetsov shares his thoughts and ideas of how interfaces will look like and what sort of extraordinary experiences we can expect in the near future.

Emotions play a vital role in our decision-making process. One second of emotion can change the whole reality for people engaging with a product.

Humans are an emotionally driven species; we choose certain products not because of what makes sense, but because of how we think they will make us feel. The interfaces of the future will use the concept of emotions within the foundation of product design. The experiences that people use will be based both on intellectual quotient (IQ) and emotional quotient (EQ).

This article is my attempt to look into the future and see what interfaces we will design in the next ten years. We’ll be taking a closer look at the three mediums for interaction:

  1. Voice
  2. Augmented Reality (AR)
  3. Virtual Reality (VR)

    Practical Examples Of Future Emotional Interfaces

    How will interfaces look like in the future? Even though we do not have an answer to this question just yet, we can discuss what characteristics interfaces might have. In my opinion, I’m sure that we will eventually move away from interfaces full of menus, panels, buttons, and move towards more ‘natural interfaces’, i.e. interfaces that extend our bodies. The interfaces of the future will not be locked in a physical screen, but instead they will use the power of all five senses. Because of that, they will require a less learning curve — ideally, no learning curve at all.

    THE IMPORTANCE OF EQ EMOTIONAL INTELLIGENCE IN BUSINESS

    Apart from making the experience more natural and reducing the learning curve, designing for emotion has another benefit for product creators: it improves user adoption of the product. It’s possible to use humans’ ability to act on emotions to create better user engagement.

    Voice Interfaces That Feel Real

    Products that use voice as the primary interface are becoming more and more popular. Many of us use Amazon Echo and Apple Siri for daily routine activities such as setting an alarm clock or making an appointment. But a majority of voice interaction systems available on the market today still have a natural limitation: they do not take user emotions into account. As a result, when users interact with products like Google Now, they have a strong sense of communicating with a machine — not a real human being. The system responds predictably, and their responses are scripted. It’s impossible to have a meaningful dialogue with such a system.

    But there are some completely different systems available on the market today. One of them is Xiaoice, a social chatbot application. This app has an emotional computing framework at its core; the app is built on the idea that it’s essential to establish an emotional connection with the user first. Xiaoice can dynamically recognize emotion and engage the user throughout long conversations with relevant responses. As a result, when users interact with Xiaoice they feel like they’re having a conversation with a real human being.

    Many of us have seen the power of voice-based interactions in the film “Her” (2013). Theodore (the main character played by Joaquin Phoenix) fell in love with Samantha (a sophisticated OS). This also makes us believe that one of the primary purposes of voice-based systems of the future will be a virtual companion to users. The most interesting thing about this film is that Theodore did not have a visual image of the Samantha — he only had her voice. To build that kind of intimacy, it’s essential to generate responses that reflect a consistent personality. This will make the system both predictable and trustworthy.

    Technology is still a long away from a system like Samantha, but I believe that voice-first multimodal interfaces will be the next chapter in the evolution of voice-enabled interfaces. Such interfaces will use voice as a primary way of interaction and provide additional information in a context that creates and builds a sense of connection.

    The Evolution Of AR Experience

    Augmented Reality (AR) is defined as a digital overlay on top of the real world and transforms the objects around us into interactive digital experiences. Our environment becomes more ‘intelligent’ and users have an illusion of ‘tangible’ objects on the tips of their fingers, which establishes a deeper connection between a user and a product (or content).

    REIMAGINE EXISTING CONCEPTS USING AR

    The unique aspect of AR is that it gives us an extraordinary ability to physically interact with digital content. It allows us to see things that we could not see before and this helps us learn more about the environment around us. This AR property helps designers to create new level experiences using familiar concepts.

    For example, by using mobile AR, it’s possible to create a new level of in-flight experience that allows a passenger to see detailed information about her class or current flight progress:

    AR helps us find our way through spaces and get the required information at a glance. For example, AR can be used to create rich contextual hints for your current location. The technology known as SLAM (Simultaneous Localization And Mapping) is perfect for this. SLAM allows real-time mapping of an environment and also makes it possible to place multimedia content into the environment.

There are massive opportunities for providing value to users. For example, users can point their devices at a building and learn more about it right there on their screens. It significantly reduces the effort and allows for an emotional experience of ease by allowing navigation and access.

The environment around us (such as walls or floors) can become a scene for interactivity in ways that used to be limited to our smartphones and computers.

The concept that you see below does just that; it uses a physical object (white wall) as a canvas for the content usually delivered using a digital device:

AVOIDING INFORMATION OVERLOAD

Many of us saw the video called “HYPER-REALITY”. In this video, the physical and digital worlds have merged, and the user is overwhelmed with a vast amount of information.

Technology allows us to display several different objects at the same time. When it’s misused, it can easily cause overload.

Information overload is a serious issue that has a negative impact on user experience and avoiding it will be one of the goals of designing for AR. Well-designed apps will filter out elements that are irrelevant to users using the power of AI.

ADVANCED PERSONALIZATION

Personalization in digital experience happens when the system curates the content or functionality to users’ needs and expectations in real time. Many modern mobile apps and websites use the concept of personalization to provide relevant content. For example, when you visit Netflix, the list of movies you see is personalized based on your interests.

AR glasses allow creating a new level of personalization, i.e. an ‘advanced’ level of personalization. Since the system ‘sees’ what the user sees, it’s possible to utilize this information to make a relevant recommendation or provide additional information in context. Just imagine that you’ll soon be wearing AR glasses, and the information that is transferred to your retina will be tailored to your needs.

Here’s a foretaste of what’s in store for us:

Moving From Augmented Reality Towards Virtual Reality To Create An Immersive Experience

AR experience has a natural limitation. As users, we have a clear line between us and content; this line separates one world (AR) with another (real world). This line causes a sense that the AR world is clearly not real.

You probably know how to solve this limitation, i.e. with virtual reality (VR), of course. VR is not exactly a new medium, but it’s only been in the last few years that technology has reached a point where it allowed designers to create immersive experiences.

Immersive VR experiences remove the barrier between the real world and digital. When you put on a VR headset, it’s difficult for your brain to process whether the information that you are receiving is real. The idea of how VR experiences can look in the nearest future is well explained in the movie “Ready Player One”:

Here is what designers need to remember when creating immersive virtual environments:

  1. Write a story
    Meaningful VR has a strong story at its core. That’s why before you even start designing for a VR environment, you need to write a narrative for the user journey. A powerful tool known as a ‘storyboard’ can help you with that. Using a storyboard, it’s possible to create a story and examine all the possible outcomes. When you examine your story, you will see when and how to use both visual and audio cues to create an immersive experience.
  2. Create a deeper connection with a character
    In order to make users believe that all things around them in VR are real, we need to create a connection with the characters played by the users. One of the most obvious solutions is to include a representation of users’ hands in the virtual scene. This representation should be of actual hands — not just a rigged replica. It’s vital to consider different factors (such as gender or skin color) because it’ll make interactions more realistic.It’s also possible to bring some objects from real life to a VR environment in order to create this connection. For instance, a mirror. When the user looks at a mirror and sees their character in the reflection, it enables more realistic interactions between the user and virtual characters.
  3. Use gestures instead of menus
    When designing immersive VR experiences, we can’t rely on traditional menus and buttons. Why? Because it is relatively easy to break a sense of immersion by showing a menu. Users will know that everything around them is not real. Instead of using traditional menus, designers need to rely on gestures. The design community is still in the process of defining a universal language for using gestures, and taking part in this activity is fun and exciting exercise. The tricky part is to make gestures familiar and predictable for users.
    1. Interact with elements in the VR environment
      To create an environment that feels real, we need to give the user the ability to interact with objects in that reality. Ideally, all objects in the environment can be designed in a way that allows users to touch and inspect them. Such objects will act as stimuli and will help you create a more immersive experience. Touch is extremely important for exploring the environment; the most important information that babies get in the first days is received through touch.
    2. Share emotion in VR
      VR has a real opportunity to become a new level of social experience. But to make it happen, we need to solve one significant problem, i.e. bring the non-verbal cues into the interaction.

      When we interact with other people, a significant part on information that we get comes from body language. Surprise, disgust, anger — all these emotions are in our facial expressions, and during face-to-face interactions, we infer information from the eye region. It’s important to provide this information when people interact in a VR environment to create more realistic interactions.

      The good news is that the head-mounted devices (HMDs) will soon cover emotion recognition. Almost any area of human-to-human interaction will benefit from facial expressions in VR.

  1. Design sound and music suitabke for a VR environment
    Audio is a huge component of the immersive experience. It’s impossible to create a genuinely immersive experience without designing sound for the environment. The sound can both be used as a background element (i.e., ambient sound of wind) or directional. In the latter case, the sound can be used as a cue — by playing with directionality (where the sound comes from) and distance (it’s possible to focus user attention on particular elements).

    When it comes to designing audio for VR, it’s essential to make the sound 3D. 2D sound doesn’t work for VR very well because it makes everything too flat. The 3D sound is the sound that you can hear in every direction around you — front, behind, above and beyond — all over the place. You don’t need specialized headphones to experience 3D sound; it’s possible to create it using standard stereo speakers of HMD.

    Head tracking is another critical aspect of a good sound design. It’s vital to make sounds behave in a realistic manner. That’s why when a user moves his head, the sound should change according to the head movement.

  2. Prevent motion sickness
    Motion sickness is one of the primary pain-points in VR. It’s a condition in which a disagreement exists between visually perceived movement and the vestibular system’s sense of movement. It’s vital to keep users comfortable while they experience VR.

    There are two popular theories what causes motion sickness in VR:

    • ‘Sensory Conflict’ Theory
      According to this theory, motion sickness occurs as a result of a sensory disagreement between expected motion and motion that is actually experienced.
    • ‘Eye Movement’ Theory
      In the book “The VR Book: Human-Centered Design For Virtual Reality”, Jason Jerald mentions that motion sickness occurs because of the unnatural eye motion that is required to keep the scene’s image stable on the retina.

    Here are a few tips that will help you prevent users from reaching for the sickbag:

    • Physical body movement should match with visual movement. Sometimes even a small visual jitter can have an enormously negative impact on the experience.
    • Let users rest between moving scenes (this is especially important when the VR experience is really dynamic).
    • Reduce virtual rotations.

Conclusion

When we think about the modern state of product design, it becomes evident that we are only at the tip of the iceberg because we’re pretty limited to flat screens.

Posted in Knowledge sharing | Leave a comment

Interpreting Contradictory UX Research Findings

Summary: If your product looks good from one perspective and bad from another, you have to check the methodology and try to interpret the findings.

The ideal way to conduct UX research is to use multiple methodologies, mixing both quantitative and qualitative research.  Using multiple approaches to answer our research questions and to see our product’s performance in different ways is a sophisticated triangulation strategy,. But what happens when those different research methods tell different — even contradictory — stories?

In this article, I’ll consider some possible problems, explanations, and solutions for this UX lead’s situation. Unfortunately, I have very few details about her product and her research, but I’ll generate some theories based on other questions I’ve been asked and teams I’ve worked with.

Check the Methodology

In situations like the one described above, the first step is to examine how each study was conducted. Since UX research involves studying human beings, there are a huge number of potential mistakes that could’ve resulted in an incorrect or misleading finding.

Before we consider what these contradictory findings might mean, we need to check some critical components in each study. We should look for potential problems in four areas:

  • Participants
  • Tasks
  • Logistics
  • Analysis

Participants

Who was involved in each study? 
How many people participated in each of the studies? Were there any outliers — people who behaved very differently than the rest of the group?

Was the same user group involved in both the quantitative and the qualitative research? How were the participants in the two studies recruited? Answering these questions may point to the reason behind the contradictory findings.

For example, maybe the researchers decided to recruit users with different levels of expertise in using the product. If novices participated in the quantitative research, but experienced users provided the qualitative feedback, then the differences between the participant groups could influence the results.

Tasks

Which tasks did the quantitative study include?

It’s possible that users may be more efficient when performing a handful of tasks that the company cares about. However, if users regularly engage in a broad set of tasks, that increased efficiency in one area of the product may not exist throughout the system.

How much exposure preceded the qualitative interviews?
If the researchers just pulled up the new version on a laptop, pointed to it, and asked participants what they thought without giving them the chance to actually complete any tasks, that could explain some negative responses. Users could’ve just been reacting to the fact that the UI looked new and different, if they didn’t have adequate time to explore its features.

How much exposure preceded the quantitative study?
Were users given any practice tasks before they tested the system? Did they receive any type of training from the researchers? If the quantitative participants had more exposure to the new system than the qualitative participants, they have had time to get over their initial negative reactions and learn to be efficient with the new product.

Logistics

How were the studies run?
We’ll need to verify that the studies were conducted in a reasonably realistic manner — that the studies have external validity.

For example, imagine that this product is always used on a factory floor, where users are exposed to a lot of environmental noise and distractions. If the study was conducted in a quiet conference room, the users may have performed better with the new version. But there could be some aspect of the design that would make it perform worse in realistic conditions.

Additionally, we’ll also need to check that there wasn’t some accidental problem with how the quantitative study was run that could have biased the result — that the study has internal validity. We can ask: who was moderating those tests? How much experience did the moderators have?

Even small confounding variables could produce an invalid result. For example, imagine if all of the participants who tested the new version of the product did so in the morning on a Monday, and all of the participants who tested the old version did so in the evening on a Friday. There could easily be something about the timing of the tests that influenced the participants to perform better or worse.

Analysis

Do we have statistical significance?
For the quantitative research, was the difference between the two designs statistically significant? In order words, were the faster task times in the new version reliable and not likely due to random change?

How was time on task analyzed?
In many studies, the time on task includes only successful attempts. The new design was faster than the old one, but were the success rates comparable?  If the average time on task increased by 2 minutes, but the proportion of users who could successfully complete the task decreased by 40%, that would still be bad for the company and the users!

What the types of errors did people run into? 
We should look not just at time on task, but other metrics that were collected during the quantitative study, to see if they all suggest that the new product is better. Even if there were fewer errors with the new design, it’s possible that they were more severe than the errors made with the old system and that they influenced users’ attitude in the qualitative study.

Interpreting the Findings: Not Only What Users Say, But Why?

If we find no substantial faults or explanations in the methodologies, it’s time to consider what the conflict between these two standards of quality (quantitative efficiency and qualitative satisfaction) might mean.

As UX professionals, it’s our job to listen to users. But as any experienced UX professional will tell you, that sounds easier to do than it really is. That’s because we can’t just listen to users and follow their verbatim requests. People usually don’t know what they really want — your users aren’t the designers of the system, they can’t see the big picture the way you can. What’s worse, their feedback is often influenced by other factors (faulty memories, social pressure, psychological biases, etc.)

This is part of the reason why a triangulation strategy is so necessary. We can’t just ask people what they want and do what they tell us. We have to collect a mix of data (quantitative, qualitative, self-reported, and observed) to really see what’s going on.  Then we can use that information to interpret what our users say.

So, in this UX team lead’s example, how should we make sense of the user feedback, which seems to contradict the quantitative performance data? We need to look at why these people might be responding so negatively to an objectively better product, while the task times in the quantitative study seem to be better.

Perceived Usability Can Differ from Objective Usability

Unfortunately, we don’t know exactly how much this particular team reduced time on task in the quant studies. The UX lead said that the reduction was “substantial,” but that could mean a matter of seconds or minutes. From the company’s perspective, even a reduction of seconds could be hugely beneficial. Imagine that thousands of employees perform this task thousands of times per year — at the company level, those efficiency gains add up quickly, and could result in cost savings.

However, from an individual user’s perspective, those gains might not matter so much. If it’s an improvement of seconds, an individual user may not even realize that the new system is actually faster, as she doesn’t see her own time on task or that of other participants. Or maybe they do realize the new system is faster, but those small gains may not seem worth the difficulty of a new workflow.

People Don’t Like Change

The users of this complex enterprise product have been using it almost every day for work. Some of them have been using essentially the same version of the application for many years. Even if it isn’t the most efficient it could possibly be, they’re used to it. They know how it works. By changing things, the design team is asking the end users to invest effort to become proficient with the new version. (It’s a common finding that users hate change — which is a reason to do research before release so that subsequent changes can be minimized.)

If users in the quantitative study received training or practice with the new system before the test (as described above in “Check the Methodology”), there may have been an initial lag in performance that was not captured by the measured task time. When a new interface is introduced, there will sometimes be an initial loss of productivity. Learning a new interface for a complex task takes time and is less efficient than simply doing the task with the old, familiar interface. Even though in the end the new interface may prove better, (1) people have no way of knowing that when they first start using it; (2) in the beginning, the experience can be worse.

It’s also possible that there was one negative reaction to some (presumably minor) feature of the new system — for example, a change in color that people did not like, a change in the visibility of the teams’ contributions in an Intranet — that did not necessarily affect UI performance, but dominated their reaction and created a peak-end effect.

Next Steps

My advice to this team lead was to first consider these reasons behind the user feedback, and then step back and look at the larger picture. Of course, in UX, quantitative data should never automatically overrule qualitative information or designers’ instincts (taking that approach leads to comical design mistakes.)

When weighing conflicting findings, we have to consider the tradeoffs. We always want users to be effective, efficiency, and happy with the products they use. However, in this context, the potential efficiency gains are probably much more attractive to stakeholders than the employees’ happiness. This new version of the product is very likely to be implemented, regardless of how users feel about it. That could be a potential problem, though — if users hate this new version enough, it could lead to decreased job satisfaction or employee turnover. It’s worth this company’s time to try to make its users both efficient and happy.

As we’ve discussed, this negative feedback may be a temporary negative reaction to change. Since the stakes are high, and so is this team’s research budget, my recommendation would be more investigation to see if that hypothesis is correct. The team could try qualitative beta testing with new hires, who had minimal exposure to the previous system, and see if their feedback differs. New hires will not have the same attachment to the old system as more experienced employees and may be less susceptible to affective reactions to change. (On the other hand, new hires are also less likely to have as much domain knowledge as people who have been using the system for a while, so they may ignore some important aspect.) Positive feedback from new hires might indicate that the experienced employees’ responses were caused by an initial aversion to change.

Or, the team could conduct a systematic learnability study, with multiple rounds of quantitative usability testing that track task time, task completion, and satisfaction over time. This study will give an accurate and complete picture of how user performance and satisfaction changes as people gain experience with the new product. If the new design is truly better than the old one, the team should expect both the satisfaction and the performance measures (task time and task completion) increase over time and eventually reach comparable or better numbers than the current design. The study will give a good idea of how much exposure to the new design people need in order to overcome their initial negative reaction.

(We did one such study for a consulting client. While the details have to remain confidential, I can say that it took a full year before users performed better with the new design than with the old, which they had used daily for a decade. In the long run, the new design was indeed much better, but the decision to change over required long-term commitment from management.)

If those studies show that the initial negative reactions will be replaced by long-term satisfaction and productivity gains, then the team can be confident that it is moving in the right direction. From there, they can plan an incremental rollout of the new system. Allowing current users to opt in to the new product when they’re ready (and not under pressing deadlines) can reduce the short-term frustration.

Alternatively, another possible outcome of research could be that the new design is mostly good, but that there’s some good aspect in the old design that should be retained in the new version.

The Challenge of UX Research

Making sense of contradictory findings is part of the challenge (and the fun) of conducting UX research. Each methodology is just one piece of information, a way of looking at our users or our products from a different perspective. The data should always inform our decisions, but at the end of the day, it’s up to us to make sense of that information and make the best choice.

 

Source: www.nngroup.com

Author: Kate Moran

Posted in Knowledge sharing | Leave a comment

Brochure Design Ideas & Inspiration for 2019

Almost every designer has created a brochure at some point. And there’s a strong possibility you’ll be asked to design another! Whether it’s for a client or to promote your own business, there’s an art to designing a brochure.

And then there’s an added challenge: brochure design isn’t just for print anymore. Digital brochures are just as popular as the hard-copy versions. It’s quite common for clients to request a printed brochure with a digital shareable file of the same design.

Don’t sweat this design challenge though. We’ve put together some classic and modern tips so you can create a brochure design that looks great, and is easy to read.

Common Brochure Shapes and Sizes

The first step in creating a brochure design is to consider shape, size, medium, and folds. All these tactile properties of brochure printing contribute to the style of design you choose and how combining text, images and other elements comes together.

When it comes to creating brochures, common options include: https://blog.flipsnack.com/standard-brochure-sizes-for-print/

  • Tri-fold: Three panels on the front and back, stacked vertically or horizontally printed on common paper sizes such as 8.5 inches by 11 inches (or A4) or 11 inches by 17 inches (or A3).
  • Half-fold: This style works best for a mini-booklet style with a front, back and inside spread.
  • Die-cut: Brochures with cut out panels, shapes and styles are often printed on thick stock and come in almost any size. They are characterized by multiple cut elements so that at least some part of the brochure isn’t rectangular.
  • Multi-page: The more pages a brochure has, the more likely it is to become a booklet. These are almost always in a standard size (8.5 by 11 or A4) and include some binding.
  • Square: The shape has become popular thanks to usage online and square designs often include a custom paper size. It can be a little more expensive, but quite attractive.

Make sure to take into consideration print versus digital publishing. It is common that brochures live in both physical and online spaces. While some brochure styles don’t need adjustments other than converting a file to PDF, some print jobs don’t render well digitally. (Tri-fold brochures can look especially strange.)

When it comes to shifting a print brochure to digital, consider making each page or fold of the brochure a separate page in the digital version. Order them in the way content should be read. This will make the brochure easier to read regardless of format.

Creative Brochure Design Inspiration

What’s great about designing a brochure is that you can get creative with effects and textures.

  • Foil: Shiny lettering or feature for a certain portion of the design
  • Spot UV: A special gloss or matte finish on part of the design
  • Letterpress: Printing that makes an imprint on certain parts of the design, such as the brochure above)
  • Folds: Bi- and tri-folds aren’t the only option, interesting fold patterns can encourage user engagement
  • Paper: Paper types with different textures can set the tone of a project
  • Die Cuts: Cutting out parts of the design so something else shows through creates a send of mystery

Modern, Trendy Styles

Some trends in brochure design include using high-color options, plenty of sleek typography and simple images. Many of the same things that are popular in other areas of design apply to brochures as well.

Three modern, trendy brochure design techniques that always look great include:

  • Minimal aesthetics with plenty of white space, such as White (above)
  • High-color designs, including color blocking on alternating folds, pages or panels, like DIHK (above)
  • Use of oversized typography, that makes lettering a key element of the design, such as Impro KRK (above)

Highly Visual, Image-Based Designs

When it comes to creating a brochure design, highly visual elements with mages and color are trending. (These styles are especially popular for brochure designs that will only be shared digitally.)

High color, high image designs can work great and be quite impactful in print also. Just make sure to check with your printer to ensure that colors, images, and bleeds will work well with the paper and printing selections you have made and adjust if needed.

When it comes to brochure designs with a lot of color and imagery, look for visual elements that are easy to understand at the size displayed. Images shouldn’t be overly complicated and communicate a single message. (Note the Realcraft example above, which uses a lot of color and imagery, but the image is of a single element.)

Typography-Driven Brochure Design Ideas

A great way to handle a brochure design without a lot of images or other “designed” art elements is with big type. Fun oversized lettering can make a lot of impact and help users know exactly what the brochure is all about.

Get creative with type choices and the way you create words. Interesting word breaks for long words (such as on syllable per line), titling, color, and different alignments can add a lot of visual draw to lettering.

When choosing to design a brochure featuring only lettering, take care to include plenty of white space and a defined type hierarchy so that the eye travels easily through content.

Minimal Design is Great for Printing

When it comes to printed brochures, less is more.

Minimal design styles are popular with brochures because there’s less to worry about when it comes to printing and quality control. Avoid reverse type and you don’t have to worry about the readability of light text on dark backgrounds. Go for a white background or canvas and there’s less ink to worry about smear.

Minimal styles give you a little more choice with paper stock as well. You can actually use lighter weight paper when you don’t have as much happening with the overall print job.

Finally, minimal design styles are classic and modern. They never seem to go out of style.

Conclusion

Ready to get started? We’ve got even more tips to help you create a great brochure design. Or, if you’re short on time, consider starting with a brochure design template!

 

Source: designshack.net

Author: Carrie Cousins

Posted in Knowledge sharing | Leave a comment

When Should I Conduct Usability Testing for a Product?

Usability testing is an essential part of product development. A common question from those new to the field is “when should we test?” The answer is simple; you test before a redesign, you test during the redesign and then you test afterwards too. Here’s why:

Usability Testing Before a Redesign

This might sound silly because you know you’re going to do a redesign but usability testing of the existing product can provide all sorts of ideas for the redesign. It also means that you can identify the biggest pain points of the current offering and work to resolve them.

We’d also encourage, budget and time permitting, you to look at competitor’s products and put them through usability tests too. This can tell you what works really well that you’re not doing yet and identify any areas which don’t work saving you time and effort trying these ideas yourselves.

Usability Testing During a Redesign

We know that during a redesign there’s no finished product to play with. This doesn’t stop you from testing sketches, wireframes and prototypes. This quick and dirty approach to usability testing can save a fortune in development time. Getting a user to run over a design before you put into production will let you know if an idea has the mileage to really be valuable or whether you’ve misinterpreted what users really wanted form the product.

 

If the resources exist you should do this at every milestone of the project. If they don’t pick the most critical milestones and place your usability tests against those.

Usability Testing After a Redesign

This is where most usability tests already occur. This is the time when you take that nice shiny new product and put it through its’ paces before a release. The objective is not to test the functionality (that’s normally a function of quality assurance) but to test the experience with that functionality. However, you are going to identify bugs, and niggles as well as experience issues. It’s a good idea to share those discoveries with the QA team so that they can add them to their tests (if they haven’t already).

Usability Testing and The Project Roadmap

There’s no point in conducting tests unless you’re going to use the results. That means usability testing needs to feature on the roadmap for release. You need time to conduct the tests, time to analyse the results, and time to put the findings into useful practice.

In particular, it’s very tempting to conduct the post-design testing a couple of days before launch. In reality it would be better to have a bigger window because if the experience is broken; it’s better to fix it prior to a launch than during the next iteration (whenever that may be).

Source : www.interaction-design.org

 

Posted in Knowledge sharing | Leave a comment

VR: Empathy at scale

Virtual reality has introduced us to the possibility of being able to step into other peoples shoes, visit places we never thought possible and experience things all whilst sitting in the office but perhaps more interestingly it has given UX researchers a chance to immerse themselves into the perspective of their users — the chance of being able to reach previously unreachable groups, recreate specific scenarios or emulate specific attributes, all with a simple and recently inexpensive headset. This post explores how VR is powering the future of user research.

Using VR to Explore Immersive Storytelling

One of the most exciting aspects of VR is the way in which it is used for immersive storytelling. Powerful stories are already used in brand awareness to capture the attention of users but just imagine the recreation of these stories for product concepts in user testing where the response has the potential to reflect a more realistic reaction from participants.

The accessibility of these experiences becomes unrivalled. You are able to create a narrative around a product, allow the user to experience the actions and feed on their reactions straight back into your process. Yes, VR can be used for roller coasters, museums or Pornhub but I think the real trick is using it to measure the experiences of product iterations to get a better judgement of what makes peoples tick.

The Guardian created the above video, a VR experience attempting to capture what it is like being on the spectrum of autism at a family party. I used this film and a selection of others in an attempt to build a greater empathy with users with autism so that I could make better decisions moving forward in a certain project. The Party is a great example of how VR is used for immersive storytelling, I was taken away by how real the experience felt and these insights were instrumental in iterating my existing concepts without having contact with their intended users.

I’m not suggesting this is a replacement for user research, nothing can replace the relationships that are built through human contact. What I am implying is that in the correct context VR is another tool for us to utilise. Being able to share our ideas for interactions with users or even our own teams can help immerse others in the idea/problem space and hopefully result in better solutions through this increased empathy.

The final thing to keep in mind, however, is that with VR becoming a new tool for us to utilise it is important to consider the ethics and preparation that is needed for such a tool. VR could quite possibly be easily exploited in making others feel uncomfortable but is this ethically correct? No. We should provide comfort and transparency to others when using these new technologies.

Posted in Knowledge sharing | Leave a comment

4 Key Takeaways from Being UX Researcher

What is the first thing that comes to your mind when you see the word “research?”

I am sure that the answers will vary. However, according to articles from Irish Times(2015) regarding public opinion of research, it is known that most people are still perceiving research as something that goes on behind a closed door, in which only very specialized people can engage in.

Honestly, I used to think of research just like that before I started pursuing a career as a researcher myself. I even think of researcher as an occupation that is quite nerdy. Well, here’s to prove my point:

Reverting a bit to my past, I used to study Psychology. I studied it not because I specifically want to be a psychologist, nor delve into the field of HR like most people expected a psychology graduate would be. I simply study it because I like communicating with people. What I didn’t expect from studying psychology was the countless days spent for research. During my University days, I would say that I wasn’t very good at quantitative research. However, I like qualitative research. While people who like numbers loathe it, I found myself enjoying the abstraction of qualitative data.

Little did I know, my enjoyment of qualitative research eventually lead me into my current profession. Never ever have I ever, thought that I would be UX Researcher. To be honest, 2 years ago, I didn’t know even know the meaning of “UX”, moreover the existence of job title that came with it. I used to think of researcher as a title that was related to numbers — scientist, statistician — you name it. But now I know that I was wrong.

User Experience (UX) researcher’s job encompasses a variety of investigative methods to add context and insight to design process. UX research merely translated from other forms of research. That is why anyone who has experience in running scientific research may be suitable for this role. To prove a point, my team members in Tokopedia (which consist of UX Researchers and Product Researchers) came from various backgrounds, such as biological science, IT, management, anthropology, psychology, and Chinese literature. Some even have previously worked as market researcher, field researcher, HR, business support, and data analyst. However, instead of diverting our focus as a team, those differences turn out to be empowering, as it enables the team to see things from a different point of view. Because of it, the team becomes braver in trying various method of research — to see what is working and what is not. It also opens more room for each individual to voice opinions based on his/her respective background — something that is needed to drive collaborations in the team.

While my experience in UX may not be much, I personally feel like I have learned a lot from being UX Researcher. Just like research finding that has key takeaways, every job also has it own lessons. Here are some key takeaways (or lessons) that I learned from being a UX Researcher:

  1. Perspective taking really helps you to get through the day.

    Since I begin to work, I have come to realize that many people aren’t used to the practice of perspective taking. I have seen people forcing their belief to their colleagues — be it in a harsh way, or in a more acceptable way. I also have seen people blaming others if something goes wrong, or even worse — blaming themselves too much that it ended up destroying their self-esteem.

    I can say that I am very fortunate that my current job teaches me a lot about perspective taking. Since each research usually has a different goal and can be handled by multiple stakeholders, I have to accommodate their opinions in order to formulate a research plan. Be it the Designer, Product owner, Associate Product Owner, Business Development people, or even Marketing people— I need to understand how they think, how they work, and what they need so that I can conduct a research that can answer their problem. Not only I learn from the stakeholders, but I also learn so much during my time spent with users — be it directly or indirectly.

    Let me give you three examples on this one. First of all, seeing quantitative data from survey enables me to see how different kinds of variable, such as demography, roles, and economic standing — can affect people’s sentiment or behavior toward things. Secondly, talking with different kind of users makes me realize that every person has their own story, and even when some of it seems similar, each one of them is actually unique. Last but not least, visiting users to their natural environment give me depictions of their daily life and also the limitation that they have to face every day.

    By knowing lots of aspect regarding users, I have more or less been put in the position where I have to consider their point of views when solving a problem. It really helps me on making sense of the things that happened in my life – be it work-related or not. Without those experience, I would still probably think of things only from my point of view. I would also more likely to have problems in understanding people who had different opinions than I did— which would lead me into higher tendency to be frustrated because I can’t make sense of what’s going on, or being in conflicts with other people.

    2. There’s always time to try or learn, even when you feel like you don’t.

    When you are working, it is really easy to be caught up in work and abandon everything else. Sure, working can be fun, especially if you love your job. However, even when I love my job, there were days when I felt like I was just running my work responsibilities instead of improving myself. After a long time reflecting on what could have been wrong, I found out by then that it wasn’t my job that was wrong — it’s just the way I did it that was wrong. I forgot that there were actually so many things that I could do rather than just sat down and tried to finish my job as good as I could.

    Working as a researcher pretty much drives me to be aware of many things since the job enables me to be in contact with so many people and topics. It somehow drives me to be more open to change. At some point, I then learned to challenge myself to do things that were out of my habit, starting by attending various meetups or workshops, volunteering in an event, embarking on outdoor adventures and even spending more time to do my hobby — something that I previously do in rare occasions. By spending time to do other activities, I become more able to pursue new knowledge and skills that otherwise wouldn’t be there had I chose to be caught up with my usual work routines.

    If you open your eyes, you can always try and learn — whenever, wherever, from whoever it is — be it from books, movies, parents, friends, communities, colleagues, strangers, etc. Learning doesn’t always involve something that is really new. Sometimes, the things we learn might be more subtle — it can be from the things that we have heard or maybe have experienced before. If that’s the case, you can try seeing things from another point of view. As long as you are willing, you can always find that there are many things in the world for you to learn. If you ever feel empty despite your best efforts to do your routines, just take the chance to try and learn more things to break out from the feeling. You have countless better versions of yourself, inside you. They are waiting to be expressed and realized. After all, you can only regret the things you don’t do or try, right?

    3. It’s very important to communicate things clearly with othersI remembered a day when I sent a report to my lead. I thought that I have done the report well until she asked me to check her feedback. Eager to see it, I found that she told me that some of the written sentences were hanging — leaving the reader with ambiguous meaning. I decided to re-read it, and turned out what she said was true. I have just realized that I have forgotten to explain things in context — something that is very important when communicating things to others.

    Sure, the word “context” has various definitions. One of the widely acknowledged definitions of context is the one according to the Merriam-Webster dictionary, in which it is defined as “the parts of a discourse that surround a word or passage and can throw light on its meaning.” I previously read an awesome article regarding the importance of context that is written by Julien Samson in the Writing Cooperative. In the article, it is said that “context adds specificity to your writing and directs the reader attention to a particular train of thought, thus avoiding unwanted interpretation.”. However, it is also said that while the context is important, too much explanation will further confuse the reader and will make writing becomes harder to understand.

    As a researcher, I can’t guarantee that stakeholders will always have time to meet with me and discuss the findings of the research altogether. More often than not, stakeholders can’t meet the researcher in person due to various circumstances (ie: stakeholders are residing outside the country, different schedule with researchers, etc). Given the situation above, it is very important to make sure that the audience can understand research findings in a glimpse, by delivering the findings in clear and concise words.

    Now, back to my experience where my lead asked me to revise my writing — so, in order to make it easier for the audience to understand what I wrote in the report, I then learned to add more context to it. Adding context doesn’t mean that you need to write a long explanation — it means that you have to find the most effective way to communicate things in a way that will avoid misunderstanding. For example, I started by explaining numbers of user base (ie: answered by 315 participants who have bought pulsa), and make sure that I have written all the base for the graphics and chart that I have included in the report. The information that I added regarding user base may seem simple, but it can help readers to better understand what I write. From that time until now on, I will always keep in mind that I have to put context when communicating with people. Without context, people can’t relate to your story — and that is just sad because the most powerful stories are usually the ones people can relate to.

    4. Practice makes everything better — but not perfect.

    “Practice makes perfect” is one of many age-old sayings that is still popular until this time. Well, the concept itself is believable. For example, if you are learning to drive a manual car, where you constantly have to think about shifting the gears — it’s logical that you have to practice to drive over and over — until you just can do it instinctively. However, after mastering the driving skill, does it really make your driving skill perfect? what if you are put in the situation where the road is steep? what if the road is bumpy? can you still drive successfully? During my time working, I have done many usability tests, interviews, surveys, and other methodologies to gain information from users and make use of it to improve products. Due to that, there was a time when I thought that I was good enough in this field — probably better than certain people at it. Fortunately, that feeling of superiority didn’t last long, because, in one event, I found that my colleagues were able to give better explanations and practical solutions to stakeholders regarding a topic. That event made me feel like I was kicked in the guts. It left me thinking “ What the hell did I do wrong? how come I didn’t think of better solutions? how did she/he able think of that while I couldn’t? ”. That was also the time where I realized that falling in the illusion of perfection is very easy.

    Since it’s the researcher’s job is to unravel the truth through various kind of analysis, I have come to the term where I realize that I need to know more today than I did yesterday. By falsely believing myself to have expertise in a certain field, I have shut down my curiosity, and that is the death of my growth. Embarking from my mistake, now I believe that there is no such thing as perfection no matter how hard you try — but you can always learn to be better, and curiosity is the key. As long as you are curious, you will never stop learning — which is good because explosive growth is usually triggered by curiosity, not knowledge.

Source: uxplanet.org

Author: Ananda Nadya

Posted in Knowledge sharing | Leave a comment

12 tips on designing great a user onboarding experience

Designing a good user onboarding is all about activation and retention of users. Check out these 12 tips and wow your users from the get-go!

All users need a little guidance when they first come to use your product — its only natural that you take them by the hand around the key parts of your design. Right? Yes, but a good user onboarding flow is much more than a simple tour of the product.

You need to illustrate why the product is a good thing for the user, how they can make the most of it and help them get the ball rolling. You want to leave users feeling like they have known your product for a while, and they they can start building up a habit of using your design in their everyday lives. No easy task, eh? But don’t worry!

We got these 12 best practices that will work as a framework for the next time you find yourself designing a user onboarding experience. Read on to find out more.

What is user onboarding experience and why does it matter?

User onboarding experience is the initial phase when a new user downloads your product and is using it for the first time. Usually most products will have some sort of walkthrough the key features of showing off the main advantages that the product can bring to the user.

The reason why a user onboarding flow is crucial to any product is that users will download a lot of things onto their devices — but most of those things are removed within a few days by a bored and unconvinced user.

Most designers will be surprised to see how quickly products lose users after the first use. Andrew Chen and Quettra carried out a study on Google Play Store that came up with this terrifying graph on user retention:

It’s only normal for many of the new users that a discovering your product to abandon its use if it’s not their cup of tea. In fact, the study found that on average, apps will lose 77% of new users within the first 3 days! Within 30 days, that number jumps to 90%. But how can we explain that difference in user retention from the top 10 apps when compared to the rest? After all, the top 10 apps lose only about 50% of new users over 90 days.

According to Chen, that difference comes from both the general quality of the UX design of the product, and the effectiveness of their user onboarding flow. This only works to illustrate that users will allow new apps a brief period of grace in which the product must impress the user, or risk losing that user to the competition.

Tips on designing a great user onboarding experience

By now, you’ve probably realized that an effective user onboarding experience is more than just showing the user the ropes or laying down the key benefits of the product. For you to keep those users, you need to captivate users from the first use. It needs to bring the user and product closer. It’s about introducing the product, activating the user and retaining that user until the product is a part of their life.

Find balance between benefits and how-to

People acquire your product for a reason. And even though it’s easy to fall into the trap of thinking that users want the upsides your product brings to the table — that is not accurate. In fact, users want a solution to a problem. They want a better version of themselves that your product can make come true.

The way to make good on those promises you made when users first got your product is to make sure you highlight the benefits your product has and how it will affect the user. This approach works well to make the user see how those benefits can bring the desired solution to fruition. But there’s a catch. Building up expectations of your product can be a good thing — but it does nothing to help users understand how to operate your product.

The user onboarding flow isn’t just an opportunity to build on your marketing. This is when you should also guide the user around the key points of the product and give them a quick class on how they can actually use those benefits you promised before.

If you don’t address the educational side of user onboarding, you risk leaving users disappointed at their inability to make use of those benefits. On the other hand, focusing exclusively on the walkthrough the product, you may leave users wondering why they downloaded the product to begin with — and why they need to process so much new information for the sake of this product. Since there is no supreme recipe for finding the right balance between the two, you will need to adjust the onboarding to the market — which brings us to the next tip.

Know your user

Saying that not all users are the same is understatement. But even though you’ll have quite a variety of people downloading your product, it’s possible to find a broad definition of who those people are, and that is valuable information when designing the user onboarding experience.

You’ll want to focus on a key matter: how tech-savvy are your users? Are you making a product for people who don’t necessarily know tech terminology, such as “delete data” or “reload the page”? This is particularly true for audiences that don’t include millennials — the people who want to enjoy your product but may not know too much about how any software works. Those users will need a user onboarding experience that doesn’t include fancy tech words, and carefully shows them around the crucial actions they can perform with the product in a simple and intuitive way.

Other audiences are mainly composed of young people who are considered tech natives. They are always closely familiar with their phones and computers and don’t need to you show them how to load files onto any platform, not do they need you to show them what the notifications icon means.

Here is how you can reflect the type of user on your user onboarding flow: take the time to include the workings of the phone or the website for users who don’t know much about technology. Include simple things such as the meaning of icons, stay away from jargon of any kind and open the window for the user to seek more information should they desire. For tech-savvy users, focus only on your product and how its features can be found and used.

Be consistent in the user onboarding experience

We’ve talked about how important it is to be consistent in your UX design before, and we cannot stress it enough. Just like your icons need to be consistent across the entire design, your user onboarding flow should follow the same tone and visual design as the rest of your product.

Think of things such as branding and brand identity. You want users to get introduced to the personality of the product straight away. Think of it like this: users are meeting your product for the first time, and just like when we meet new people we create a judgment of that person, so will users have an opinion of the product after that first use.

You need to make sure that opinion is favourable and that it really speaks to the identity of the brand and of the product. This includes thinking of the language and tone you use in the copy of the onboarding flow, the use of visual components that suit the branding and creating an overall first experience that represents the whole product in a nutshell.

Some products such as Evernote make good on this guideline by the use of custom illustrations that represent both instructions with new information and the brand identity of the young and practicality-focused brand. That’s visual storytelling that works for user onboarding!

We included Evernote in our post with the top 10 examples of user onboarding done right — we recommend you take a look! See some great examples and why they work.

Be predictable!

Being consistent in your design will help make your product’s navigation be more predictable, but that’s just part of it. Aside from having a coherent design so you ensure good discoverability and learnability, you want to keep the user informed of where they are and how many more steps there are ahead of them in the onboarding flow.

When users come to to a brand new product, they look forward to playing around the features and not to have a long class on how it works for hours. And what’s worse: when we are excited about a final goal, anything that comes before that goal can feel like hours. You want to give users a clear picture of the onboarding experience they are about to get on.

Consider having indicators of long they have to go, such as progress bars or navigations icons with the remaining steps until the users are good to go. This will work to keep users from feeling restless, and have them know just how close they are to the light at the end of the tunnel.

Put users in the driver’s seat

Consider giving users control over the user onboarding flow. This may sound slightly strange, considering that users won’t know the product at all — so how can they make a decision regarding the onboarding experience? How can they decide what will and won’t help them in using the product?

That’s a fair point. But here is another point that is equally fair: not everyone has the desire, inclination or the time to endure the whole onboarding process. Sometimes, people prefer to take their time in messing around with the product and exploring it by themselves. And when users want something within your product, forcing them to do something else can lead to a feeling of frustration and eventual abandonment of the product.

Instead of going against the tide, give the user the option to skip a few steps in the onboarding or at least give them control over what gets shown.

Here at Justinmind, we do that by giving new users the choice to experience the onboarding in two modes: beginner or expert mode. While the expert mode lets the user dive into the full array of features and palettes, the beginner mode will guide users around the key features in an interactive way, and link users with support or Youtube tutorials.

Don’t overload users

Learning to use anything for the first time can be demanding — even riding a bike for the first time can be stressful. Your users are already dealing with something that’s unfamiliar to them, which by itself requires quite the cognitive effort on the user’s part.

That’s the main reason why your user onboarding experience needs to be very selective of what it shows the user. If you can, limit your flow to 5–6 screens or popups and make sure each screen has only one key message. After all, can you recall ever reading the 50-page manual that came with your washing machine? Ain’t nobody got time for that! Intead, go straight to the point and don’t make the user sit through 50 screens of information.

This can be quite tricky, especially if your product has a few extensive and complex features. If this is the case, consider breaking up your onboarding into phases. That would mean that users get the initial onboarding UX, and will come into a second onboarding experience as they grow familiar with the use of the product — allowing them to venture deeper into the complex features.

Follow up: send more information

If need be, of course. As we saw from the quick user onboarding flow of WhatsApp, not all onboarding flows have so much information that you would need to account for emails or notifications that can deliver further information to the user. But if your product does have some complexity to it, you may want to consider giving users a way to get better informed.

You can design a complementary side of the user onboarding by offering follow-up emails. These emails can be either a gentle reminder if the user didn’t get to finish the onboarding UX, or contain more helpful information.

Youtube tutorials are a great way to illustrate how to use the product, and are a great way to offer in-depth information while not overloading the initial onboarding flow with too much detail. Similarly, you can choose to send emails with short and visual guides on smaller features that didn’t quite make the cut of the onboarding flow.

There is something to be said about trying to bring users that haven’t finished the onboarding flow back with emails: don’t overflow user’s inbox with reminders. If after two reminder emails the users hasn’t come back, they most likely won’t. It’s important to know boundaries when it comes to sending users emails — when was the last time you felt good about receiving 20 messages in 2 days from the same app?

Ask to send push notifications — at the right time

Sending push notifications to users can be a great way to get users to finish the onboarding flow, as you can send them reminders if they don’t. But the risky thing about asking user’s permission to send notifications is that the timing of your request for that authorization is going to have a direct impact on how many users agree and how many decline.

If you ask for permission to send push notifications too early, the vast majority of users will automatically say no. After all, they only just started using your product and giving that sort of permission can feel like giving a stranger access to your personal information… which is enough to make most users decline your request.

You need to wait until the user has a clear picture of why the product brings them certain advantages and how the product will help the user be a better version of themselves. Give them space to grow familiar with the product before they give you permission to send them notifications — the same can be said about requests regarding access to pictures or data.

Logically, this can be tough if your product needs the use of notifications to operate correctly as is the case with messenger apps. Sometimes, there’s no running away or postponing the request to send notifications.

Test, test and test!

No one can expect to get it right the first time. As you know by now, designing a good user onboarding flow comes with many variables which the designer has to consider — all of which have some impact on the final onboarding flow. It’s normal and even recommended that you have several versions of the flow and that you test all of them.

Narrowing down what is truly crucial and needs to be a part of the onboarding flow is difficult, and finding a way to convey that information is even more challenging.

User testing is a time to learn from your users. You want to pay attention to people’s reaction to every step of the onboarding — are they bored? Do they feel confused at any moment? You also want to take notice of how users apply what they learned from onboarding to their first use of the product. Did they get lost even though they were shown the way in the onboarding?

Each little issue you notice should work as a building block for a better and updated onboarding UX in the final product.

Celebrate user’s achievements

Learning how a new thing works can be tough. Just like employees like getting recognized for their hard work, so do users enjoy recognition of their achievements. Small things like successfully uploading a picture, writing a post or sending a message are achievements your user has accomplished in unmapped territory (for them, at least).

Mailchimp understands the need for recognition. Once users have sent their first email using the platform, you get a screen that celebrates that fact. The illustration is on branding, has a funny side to it and works to encourage the user to use the product.

The wrap up

User onboarding experience is a crucial side of your product. It needs to both introduce the user to the product, give the highlights on how people can use the product and leave the user feeling both familiar and invested in its use.

Sounds pretty complicated, eh? But with some planning and the right mental framework, you can design an onboarding flow that will have both impact and meaning. Your overall UX will require something that adds value to the product in the eyes of the user — and the onboarding flow is a building block for great UX.

Time to get to work and get designing!

Source: uxplanet.org

Posted in Knowledge sharing | Leave a comment

Illustration Inspiration: 25 Digital Artworks Showing Design Process

One of the key design trends of this year is the diversity of digital illustration. We come across original artworks on websites and landing pages, they effectively support blog articles, product presentations, events, and video production. For the recent year, we’ve created a big bunch of illustrations for not only our clients but also studio projects, Tubik Blog, Dribbble and Behance portfolios, etc. No wonder, among the variety of themes, designers and design process were the central ones. So, in our today’s post, we’ve collected the digital artworks by studio designers Yaroslava Yatsuba, Arthur Avakyan, and Marina Solomennikova to share with you bright, catchy and sometimes cute metaphors, characters and environments reflecting different sides of the creative process.

Get inspired and catch the vibe!

This illustration was designed as a title image to the article telling about the variety of visual content in web design. It is based on the literal method: it reflects a quickly-recognized workspace of a designer with details such as a computer with a graphic sketch on the monitor and a graphics tablet used right at the scene. To make the artwork catchy, the designer uses a bright and rich color palette and adds cozy vibes to the image with interior details, shadows, and textures.

This artwork is devoted to the theme of applying illustrations to user interfaces. The composition is dynamic, proportions are thoughtfully broken to make the image even more artistic. The palette is also quite emotional itself, using a lot of warm colors. The illustration harmonically combines the worlds of digital and traditional art, featuring pencils and brush in the characters’ hand together with a mobile device transferred into aircraft.

Although the process of UI design often reminds cooking cool stuff of different ingredients, we bet nobody wants their website or app rare or medium. No way. Only well-done! That’s what our fresh and tasty illustration is about. This illustration is based on the allegorical method projecting design process in a totally different area of human activity.

They are small and sometimes we don’t even notice them. Meanwhile, iconsare the superpower of the usability: designed well, they make the app or website navigation intuitive. That’s why designers invest so much time and creativity into icons design — and that’s what inspired this illustration. It applies the combination method: characters interact with exaggerated images of icons.

In branding for products, services, and companies, we often come across mascots, personified characters that support memorability and communication of the brand with users or customers. This illustration presents the whirlpool of mascot power for the article devoted to this theme. The detail symbolizing a bird mascot is featured as a logo on a website header, an image on a splash screen and a graphic element on the branded T-shirt.

Alone we can do so little; together we can do so much. This illustration for an upcoming blog article is all about the power of teamwork which is a solid foundation for big projects. The designer creates the depth of composition with a distant lighter part and darker elements of the foreground. It uses a bit cartoonish style to set the atmosphere of pure creativity which is typical for children that know no limits.

Working as a designer, you sometimes feel like diving deep into psychology to understand users. How do they think? What catches their attention? What are their heads full of? That’s what this illustration reflects. The composition is not too much dynamic allowing the viewer to examine all the details. The color contrast of backgrounds creates the feeling of outer and inner worlds of the character, and thin yellow curve lines support their integrity.

In the given illustration to the article about UI animation, the smartphone plays the role of a curtain wall like the one used in a puppet theatre and designers imitate actors, each showing a specific model of motion performance. Here we can see a group composition where all the characters are equally important. Textures are drawn by hand and palette is based on a rich color of the background to draw a user’s eye to the center.

This experimental illustration was created for the article devoted to the theme of negative space in UI design. Unlike most of the artworks in today’s collection, this one exploits limited palette of bold and contrasting colors. Broken proportions and composition, creative usage of negative space and unexpected combination of elements — all that stuff resulted in an attractive and a bit mysterious illustration showing how much can be found beyond the empty spaces.

Creating clear and intuitive navigation of a website or mobile app is one of the biggest design challenges. This illustration presents the topic of interface navigation as a process that needs balance and thoughtfulness. So, the metaphor is transferred with a character in a sort of zen yoga pose on the foreground and a mobile interface image as a frame. Light background supports the feeling of balance and serenity while textures make the image soft and eye-pleasing.

One more example of a literal approach is the illustration for an article Gestalt Principles in UI: Principle of Proximity. Simple static composition catches attention with textures and bright color accents. The atmosphere of the design process is supported with faded but clear background image featuring user interface.

On the way to a user-friendly app or website, it’s so easy to get caught up in the whirlpool of variants, elements, or options. To transfer this feeling in the illustration, the designer made the composition dynamic and used a catchy color palette. The picture also presented the article about UI design trends.

The illustration created for the article 3C of Interface Design: Color, Contrast, Content is another example of allegorical illustration integrating the attributes of different spheres into metaphors about the design process. In it, the keyword “Color” was chosen as a core semantic element and is reflected literally with the process of coloring something with paint. The contrast is reflected in the color palette of the artwork while the content is shown with the elements of the furniture in the office shown in the picture. The cat becomes a bright detail which adds dynamics and humor to the scene.

This illustration is about those for whom design never stops and feels like home where life is bright and elegant. Playing with textures and layers, the designer creates the feeling of the application cut out of paper which has become one of the trends in graphic design this year. The artwork also served as a title image for the article on home page design strategies.

It’s often thought that design is far from science. Yet, practice shows that logic, balance, and precision are vital in creating effective user interfaces for web and mobile. This illustration presented a post devoted to Golden ratio in UI design. It features dynamic composition strengthened with a variety of geometric shapes and curves.

The creative process for web and mobile UI design can be compared with rising a new building: you need to consider tons of factors, think over functionality, structure and “facade” and step-by-step make it live from digital bricks and mortar. That is the metaphor behind the illustration. A background featuring silhouettes of city buildings is based on a catchy contrast and all the composition makes a mobile device the center of attention.

One of the crucial challenges for graphic designers is finding the original style. The artwork was made as a title image for an article on flat illustrationthat shared practical tips on how to catch this golden fish, so the same metaphor was applied to the main visual.

This digital illustration presented a post with the color glossary for designersto share the basic terminology. The character and bright exaggerated splashes of paint immediately set the theme building the bridge between digital and traditional art, and dark background creates pleasant contrast, making the colors even more vivid and deep.

This bright picture is a title image of an article exploring the ways of improving website scannability. The designer took the time to find the cool palette which will look original and create positive emotional feedback. The details of interior and character’s outfit create cozy homey atmosphere, as it what users feel on well-crafted and easy-to-use websites. And schematic website layouts on the wall of the room set the instant connection with the theme of web design and usability.

This is a metaphoric illustration devoted to the theme of CTA buttons design in UI. Its plot is based around a character of surfer that reflects the idea of confidence and determination. The designer uses an unusual perspective and this way makes the composition original and attractive.

A title illustration for a big review of interactive elements in user interfaces echoes the title of the article that calls them “small stars of big design”. The illustration applies vivid colors and splits the composition with bold color contrast made by sky part.

Designers have to make so many decisions and choices that it sometimes seems design is an endless universe. That metaphor inspired the illustration applied as a title image for the blog article about using light and dark background in UI design: with the contrast of plus and minus as well as light and dark it quickly sets the atmosphere of choice.

One more creative experiment resulted in the title illustration for the post about the psychology of shapes in design. It is inspired by a famous artwork by Pablo Picasso but features a laptop with a graphic editor software as an attribute of modern art instead of canvas. The gradients and color combinations make the connection with modern times and trends even stronger.

The process of mobile app creation sometimes reminds the big race consisting of sprints, targets, and anticipation of the finish line of the app release on the horizon. This metaphor inspired this illustration, combining UI design and sports dynamics.

The dynamic composition of this digital illustration is developed around the spiral. Original looks are achieved with an interesting combination of details and textures. It was designed as a title image to the tutorial telling how to create illustrations for an IT blog or website.

Source: uxplanet.org

Posted in Knowledge sharing | Leave a comment