8. UX Delight

In my previous articles I explained the UX first step – UX Research, UX second step – UX Plan, Third step Explore UX, fourth step UX Communication, Fifth step Create UX, Sixth step – UX Feedback and Seventh step – Finalise UX and In this article I discussed how to create UX delight with micro copy this will help you to embrace the brand personality, with micro interactions like sync data, set alarm or pick a password your app engaging more with your app product. This micro interaction is possible with high level of UI transitions / animation. Let’s read in detail below :-

All these steps are part of the UX process and I categorized these steps into 9 steps, i hope you will enjoy this eighth step. Join our newsletter and we will keep you updated with next steps.

8.1 Micro Copy: A Glimpse of the Personality

UX-market-Research

Design is for the people. Unless, they connect to it, the purpose is not accomplished. Create such kind of personality of the product to which the people respond positively. This will, in turn, promote the product through word of mouth. One effective way of connecting with the users on a deeper level is emotional design. A product must hold a promise for the user and should have functional, reliable and usable factors before it is topped up with a layer of pleasure. This coating of pleasure is emotional design. Emotional design steps in when a unique product is created that crosses the barriers of original style and then eventually with repeated use becomes a body of work and has the personality layer.

Elements

The main aim of the design is to instill positivity. This will leave the users with positive memories and they would want to use the product in the future as well. This pleasurable layer also makes them liberal with forgive design mistakes, especially when they are in a relaxed state. Here is how you can induce positive emotions-

  • Surprise- Doing something unexpected just takes them aback.
  • Uniqueness- Let it be different in its own way.
  • Attention- Regard the users. Offer rewards or help even if it doesn’t give results.
  • Attraction- Capture with an attractive product
  • Anticipation- Let the users expect. Reveal bits and pieces before the launch.
  • Exclusivity- It should be exclusive. Only a characteristic of the selected group.
  • Responsive- Give a response when it is least expected. Reactions work.

Emotional design triggers the emotional brain, which further perceives a positive outlook towards the product. Some examples are mimicking emotions through a smile, paying attention with the help of music, adding edgy humor, copy, etc. which help to create an edge via the positive route.

8.2 MicroInteractions: Small Packets that Serve Big

UX-data-Research

MicroInteraction consists of product moments that focus on a single use case; the one which revolves around the main task. This means whenever we pick a password, log in, like something or set a status, etc., we are undergoing a MicroInteractions. These are the quintessential types that can be found everywhere, in all the devices we carry, in our apps on the phones, also the environments we are present. Most of the appliances and apps are governed by MicroInteractions. These are beneficial for –

  • Achieving a single main task
  • Linking the devices together
  • Working with a single piece of data
  • Managing an ongoing process, example, music volume
  • Accommodating a setting
  • Looking at the creation of small pieces of content, like status messages
  • Able or disable a feature

MicroInteraction even though small in nature play an important role and are present in our environment around us. But due to lack of awareness we fail to notice unless and until something goes wrong. Don’t go by their size and vision; their role is much bigger. In fact, MicroInteraction is the factor that separates something you love from something you tolerate.

They deserve all the credit for making our lives easier, fun and all the more interesting. MicroInteractions spell effectiveness not only through it’s size, but also form. A perfect MicroInteraction pays attention to the trigger; from where it all begins,to rules; which tells the events, to feedback; where people know what is going on and to loops and modes, wherein lies all the meta-rules.

8.3 Transitions: Go Via Animations

UX-data-Research

Animation involves moving objects and it is the movement itself that gives the picture, whether the product will be light, heavy, flexible, rigid, small or large etc. These objects are dependent on a force of real world behavior alongside encompassing the qualities of elegance, simplicity and beauty. Whether increasing or decreasing in the animated layout, make sure the transitions are smooth and not abrupt.

In order to capture the audience or to highlight the object, add elements to the animated stuff and change the speed of its movement, right from the start till the end. By accelerating or decelerating the speed asymmetrically, a more natural and delightful motion comes across through the product. Make sure the changes in the speed go with the flow as abrupt changes are loud and create a sort of hindrance as well. Linear motion is a big no-no and must be avoided.

Changes in speed also influence the entry and the exit and draws attention. During transitions plan the portion that would take all the focus. Do not speed up when there is an entry or slow down during exit as it can distract the user. While drawing in on animations, it is important to understand all the definitions as fixed earlier so as to avoid any sort of confusion. The UX dictionary already has states the meaning of some terms commonly used.

 

 

The animation tools now use keyframes that goes effective in motion building. It has ease in and ease out feature which dictate the motion while entering and exiting the transitions respectively. Curved motion is better off than the linear path and should be preferred over it. Curves depict the trend of change over a period of time for a particular range. For a perfect flow, select the curve that best suits in the character of the motion.

Credits –

1. Images – Dribbble.com

2. http://www.google.co.in/design/spec/animation/authentic-motion.html#

3. http://www.fastcodesign.com/1672922/the-future-of-ux-design-tiny-humanizing-details

4. https://econsultancy.com/blog/65585-15-delicious-ux-micro-interactions-or-clunks-from-iphone-apps/

5. http://www.smashingmagazine.com/2012/07/the-personality-layer/

6. http://www.smashingmagazine.com/2013/06/five-ways-prevent-bad-microcopy/

7. https://www.interaction-design.org/ux-daily/171/what-is-micro-copy-and-how-do-we-deliver-good-ux-with-it

In this article I discussed about UX Delight important part of UX. I’m writing following UX steps & you can also read previous steps i wrote already, so stay tuned and join our newsletter for more updates.

Summary
Article Name
UX Delight – Eighth Step of UX Strategy From Start To Launch A Product
Description
UX Delight is one of the key elements in your UX process. we discussed how to create visual micro copy and microInteraction using UI animation/ Transitions.
Author

Related Post

Best UX Articles, Tools for UX / UI Designers ... Dear Readers, I am Prince Pal, working as a UI/UX designer at Think 360 Studio. Are you searching for cool UX blogs and tools. So here your search has...
Why designers should follow User Experience Proces... I am Prince Pal, responsible for User Experience and User Interface Design at Think360 Studio. I am talking here a simple UI/UX process, with the help...
15 Ways To Make Your Website More Usable Want to make a website that is an instant consumer hit? Well, make it is usable. That means the design should be all the more user-driven. You can say...
What is Agile UX and Challenges in Startup Product... User Experience - the prime subject in our website report card. Yes, a field that can make or break your website. With growing competition, the import...
The following two tabs change content below.
palprince@gmail.com'

Prince Pal

User Experience Designer | Company Branding Expert at Think360 Studio
For 12+ years I have designed, developed and marketed websites / apps startups in New York, California, Florida and in India. Always focused on great User Interface is key.
KEEP ME POSTED WHENEVER YOU PUBLISH NEW POST!

KEEP ME POSTED WHENEVER YOU PUBLISH NEW POST!

No spam, ever. Emails are never shared.

You have Successfully Subscribed!

Pin It on Pinterest

Shares
Share This