Tips to Care About Your Microcopy

September 5, 2019 in Design

Whether you are a visual designer, producer, developer, product owner or tester, you must focus on the user experience. You must use the effective use of words that can compel the users to navigate, learn about and experience the product and hence the interface writing must be as effective as possible. A good micro-copy is half the product. Here are a few tips to perfect your micro-copy.

Usefulness

Every segment of the microcopy must educate, explain and simplify the process and let the user complete a task. The thumb rule for this is to see that you never give something that is not useful and you never forget to include something that is crucially needed to create a user-friendly experience.

Brevity

Most times your first copy will have too many words. Make thorough editing and Make use of apps like Hemingway to make your copy as concise and clear as possible. Use active voice only and know that brevity is the key to let the users feel they can complete the tasks quickly.

Transparency

It is natural for humans to be curious and want to know things. Interacting with your user on the UX must look like a conversation that engages them and clarifies most of their possible doubts. If your customers can feel you are more open and transparent, they will like to engage with you more in a productive way.

Address the design

Consider how the copy relates to the visual and technical elements. The words must go along with the processes and never before or after them. For instance, a help copy for a form field must sit within the field to reduce the scrolling. Put words at the sketch phase. Never use lengthy lines in place of words.

Test it with people

The real validation of your micro-copy comes when you test it with users and get to know how they find it. Address the concerns they raise during the post-production phase and perfect it for surpassing user experience.

How Do Adobe XD And Sketch Compare With each Other

September 24, 2018 in Design

UX designers need to depend on a number of tools to go through the different stages of the UX workflow. The sketch is a well-known and highly streamlined vector graphics editor featuring a large number of highly useful plugins. We see this tool as fast becoming the industry standard. Nevertheless, the one downside to this tool is that it is available only on Mac OS. This will mean that those who do not have an Apple machine cannot use it. The good news is that Adobe is now working on a competitor tool known as Adobe XD which is a cross-platform tool and an able competitor to Sketch.

How Do Adobe XD And Sketch Compare With each Other

Adobe XD Overview

Also called as Adobe Experience Design CC, Adobe XD can be described as a lightweight vector graphics editor and prototyping tool which was declared as Project Comet at Adobe MAX 2015. Preview launched in March 2016 as part of the Creative Cloud, Adobe XD is receiving regular updates month on month and has now entered the beta phase.

UX and top highlights

The Adobe XD interface wears a highly familiar look to the users of Adobe and Sketch alike. Leaving out the darker buttons and menus of the Creative Cloud, Adobe has now given the best of the two domains. Unlike what you see on Sketch UX, Adobe XD displays a set of tools on the left side screen. On the right, you will find the layer panels and dynamic properties similar to how they are arranged on the Sketch interface. Users say it is a pleasure to use Adobe XD. It is highly user-friendly and very easy to learn.

Repeat Grid

Repeat Grid is a unique feature you find on Adobe XD. This tool can let you replicate a group of objects. This is a highly useful feature while working on a Material design card sporting variable data and comfortable spacing between copies.

Prototyping

When you try to create an interactive prototype on XD, you will not need any third party plugins, whereas you will need them on Sketch. The Adobe prototyping editor lets you connect the interactive areas visually to other screens deploying wires and by incorporating transitions. Once you get ready with the interactive prototype, it is also possible to share and publish the prototype to be viewed on the web or on the Adobe XD mobile app. Nevertheless, XD prototypes at present do not support gestures or headers which are fixed sections. This is something that is possible on some exclusive prototype tools like InVision that can connect with Sketch.

Assets Panel

Adobe added the Assets panel as part of August 2017 update in order to yoke together the interactive style guide, character styles, colors, and symbols. The sketch color variables, symbols, and character styles are confined to their own panels. On the other hand, when you change an element in the Assets panel on Adobe XD, all possible uses of the asset in your artwork duly follow. 

Very soon, Adobe XD upgrades will bring out “Handoff for developers” which will let the designers publish their project’s style guide along with fonts, assets, and colors hexadecimal codes that can be downloaded too. Developers can also hope to survey the elements inside the prototype in addition to accessing the inspection feature and an interactive prototype.

Since Adobe XD comes bundled with Adobe Creative Cloud and that you can use it on Windows, it is worth trying and can be a viable and even better alternative to Sketch.

How To Deploy Motion To Enhance User Experience

May 11, 2018 in Design

When implemented thoughtfully, motion can help enrich user experience. Here is what designers must know while deploying motion to enhance the user experience.

How To Deploy Motion To Enhance User Experience

The myths to rule out

Before stepping into exploring the ways to deploy motion to enhance the UX, we must first rule out the myths regarding how motion is generally perceived in relation to User Interface.

Most designers view motion as nothing more than ‘UI animation’. More than providing a delightful experience to the users, UI animation has several other goals to achieve.

Guidelines for deploying motion to enhance UX

  • The outcome must satisfy the user expectation meaning the behavior of the object must suit what they really expect.
  • The user must experience a sense of continuity to land on a total experience.
  • The user experience must be temporal or spatial framework providing a kind of narration. In other words, the whole UX must be connected throughout and not disjoint.
  • The outcome must have a temporal, spatial and hierarchical characteristic in order to guide the user towards better understanding and better decision making.

Principles to guide UX in motion

  1. Align the object behavior with the user expectation whenever temporal events happen.
  2. Go by relationships and hierarchies while introducing new elements and scenes.
  3. Establish spatial and hierarchical relationships in environments where the user has to interact with multiple objects.
  4. Ensure that the continuous state of narrative flow is maintained when there is a change in object utility.
  5. Bring in a dynamic and continuous narrative relationship when the value subject changes.
  6. Make sure there is a sense of continuity in the interface objects group when the utility has to be decided by which object of the group is concealed or revealed.
  7. When the layered objects are dependent on location, bring in a narrative element and spatial relationship.
  8. Make sure there is narrative, continuity, and relationship when new objects originate and leave the scene.
  9. The user must be able to feel a spatial orientation with regard to objects or scenes that are not in the primary visual hierarchy.
  10. Introduce the elements of spatial hierarchy in the UI when the user scrolls
  11. Achieve a spatial narrative framework when the new objects originate and depart.
  12. There must be some element of continuity and spatial narrative when the user navigates spaces and interface objects.

Designing the Written Word for Better Usability

March 26, 2018 in Design

UX designing is not simply about colors, boxes, elements, and patterns—words, yes words also play a very significant role when it comes to the usability of a product or a feature or a simple web property.

A written word provides the context and also the understanding of the scenario to a common user—remember, new users of your product or for that matter new to internet might not have the complete understanding of the symbols, icons or signs—written word is something that could provide the ease which every user is looking for while using a particular product or feature.

Understanding the importance of these words is one thing but how do you go about designing these words so that they convey the intended meaning and also get the users to do what you want them to do.

Here are some points that you can do while designing the words:

  1. While taking user surveys and interviews, jot down what kind of language they are using—what kind of words they use to describe the same terms. Sometimes, a different set of people use diff a rent kind of connotations to explain the same things.
  2. While you are doing usability testing, also perform the understandability test—are the words that you are using in your design explain the customers what they need to do and where there are while using product? If not, try different versions or options.
  3. If you are involved in conducting guerrilla testing for your product, as the customers if there are any words that confuse them—ask them to mark those words in red. Also, get to know what kind of words facilitate better usage of the product or the prototype.

Obviously, the abovementioned points are just examples where you could very specifically get to know what kind of words you need to use; however, it always make sense to simplify the language and be as specific as you can so that there is no confusion in the minds of the users.

X