+91 099622 56616

Blog

Happy to Share

Video Lesson: User Centered Design(UCD)

UCD is explicit understanding of the users, tasks and environment in which product being used

When we start create something, first we need think who is going use, what they need and expect

Empathy user  for user insights, this can be done by various research mythologies . Majorly categorized as qualitative and Quantitative research, qualitative research can be done through user interview, focus group, user observation with contextual inquiry

User Interview is an one on one sessionit can bring insights into what users think, feel and says about an application, they could share experience what they have with similar products.

User research can be set with open-ended questions  to get one or more answers, example

  • How would you describe your satisfaction with this product?
  • How do you think this product could help you?

We can encourage user by asking follow up questions if they can give you additional insight

Quantitative research is expressed in numbers and graphs. It is used to test or confirm theories and assumptions.

Common quantitative methods include experiments, observations recorded as numbers, and surveys with closed-ended questions.

Surveys formed with  List of multiple choice questions that is distributed in online, helps to collect responses remotely, some of example questions are –

  • What  are the information you wish to see in our home page
  • Do you recommend our product to your friend

Another approach  user observation, observe user activities in natural environment where we can find user problems and challenges they face . We can use think aloud protocol asking user to speak loud what they think when using existing product. This approach helps to understand user paint points, emotions and friction of interaction.

Next step, synthesis of your findings and the recommendations  and  create report which will inform personas, journey maps, feature ideas, workflow ideas , through customer journey maps, we can illustrate user pain points, challenges what user faced through entire journey in time. We can identify user problems and gives opportunity for innovation.

Brainstorm with team, create ideas for user problems and business requirements, Create wire frame , low and high fidelity  prototype to implement  ideas, validate design with stakeholders and iterate.

As a next step, validate your design with end user, important step is validating your design properly. you simply need to get feedback from relevant users. Once  you get the feedback from the users, again refine your design and test different user group so that you could get different responses , refine design until your stakeholder and user get satisfied, then finally you can start development and deliver. 

Conclusion

When  you bring users every stage of the design process, user centric approach way , we could find what works well, what doesn’t and why. Your users are an early-warning system you can use to correct and fine-tune your design. They can expose many aspects—positive and negative.

UCD approach, products are more likely to meet users’ expectations and requirements. This leads to increased sales and lower costs incurred by customer services. Putting designers in close contact with users means a deeper sense of empathy emerges. This approach saves development cost since validated our ideas and its ensures product success.

Atomic Design Methodology

Atomic Design leverages to Setup Design System

As Broad Frost defined Atomic Design methodology which guides to streamline UI elements standards and re-usable to across the application.

Atomic methodology leverages to define design system which would have UI elements, components, design principle, color scheme etc. The library can be easily integrated in multiple application which is developed under the design system.

Atomic design is methodology for creating design systems. There are five distinct levels in atomic design:

  1. Atoms
  2. Molecules
  3. Organisms
  4. Templates
  5. Pages

Watch the above video to learn how the Atomic binds to create final pages.

UI UX Design Principle | Cognitive Science: Data Chunking

‘Chunking’ means breaking up content into small, distinct units of information , instead of presenting whole and undifferentiated information items. Presenting content in chunks makes scanning easier for users and can improve their ability to comprehend and remember it.

You can learn more about Data chunking in this video how this is influence your brain and memory.

UX Design Validation : AB / Split design Testing

AB Testing

Comparing two different versions of a designs with different user group and see which version performs the best. AB testing can be done with any product, it can be Initial prototype design, live ecommerce website or any physical products.

Create hypothesis what you want to test with users and validate which performs best with respect to user achievement, understanding content and user satisfaction etc.

I describe briefly about AB testing approach in this video, Please watch it here.

Usability Design Principle: Overload Data Increase Cognitive Load

The overloaded and very crowded data user interface, impact user performance and brain process, challenges to memorize data.

People struggle to process data, overloaded data competes for the process of the brain, it increases friction and cognitive load. Finally, it impacts efficiency, learnability, slows down to achieve our goal.

•Crowed free and feasible environment makes our life happy •The same way we need create the simple intuitive, clutter-free User interface, which makes user easy to access and creates delightful user experience.

UX Design Strategy: Business Vision, User Needs and Technical capability

•User experience design strategy helps to decide which problems to solve or what features to prioritize

•User experience to every touch point where people interact with or experience its products or services.  This includes bringing together technical know-how, business strategy, customer needs, and your vision for the experience you want the user to have

UX strategy bring a broad view of product vision, users need and technical capability what we have to resolve business and user problems

Vision talks about: your goal and objective what you are going to achieve

Mission: Key achievements which needs to be done to achieve our goal,
Example: Develop user friendly application which should be addressed target user problems and increase sales and revenues

Improve efficiency, learnability and usability

User needs
Gather user insights from real targets user through qualitative and quantitative user research.
The point of research is to get a clear understanding of where your business sits in the market you’re entering, and what matters to users

You will also need to establish the metrics, or KPIs, you will use to evaluate success.

Competitor
Compare your Competitor performance , strength and weakness, find opportunity for unique value proposition
To stay in market as valuable product

Technical capability
It brings about budget and team competency who are going to participate to fulfill business and user needs. This will uncover all technical challenges and budget required for the product development.

A good starting point is a minimum viable product (MVP). That’s the smallest iteration help to test whether your conclusions about the product, the need, the audience, and the UX are correct.

  • UX Strategy benefits:
  • Assumptions are Validated
  • Risks are Minimized
  • Every idea is an assumption until validated. Assumptions equal risks.
  • A UX Strategy can help businesses eliminate risk by spending time up front to research, plan, test, and validate ideas.

Agile Scrum – A brief guide

Agile Scrum: Ken Schwaber and Jeff Sutherland how described in Scrum Guide as follows

Scrum: A framework within which people can address complex adaptive problems, while productively and creatively delivering products of the highest possible value.

  • Lightweight, Simple to understand and Difficult to master

Scrum has been used to develop software, hardware, embedded software, networks of interacting function, autonomous vehicles, schools, government, marketing, managing the operation of organizations.

Scrum is immutable, cannot be modified by organization flexibility, if modified, we lose real benefits of scrum,  it should be adhered how described in Scrum Guide

Three Pillars:  1. Transparency 2.Inspection 3. Adaptation

Scrum Values: 1. Commitment 2. Courage  3. Focus  4. Openness  5. Respect

SCRUM TEAM:

  1. Product Owner (1 person): Responsible creating product backlog items to maximize the value
    1. Product Backlog is visible, clear to all, and shows what the Scrum Team will work on next
    1. Backlog refinement/grooming can be done with help of developers, no more than 10% of the capacity of the Development Team
  2. Scrum Master (1 person): Responsible for promoting and supporting Scrum as defined in the Scrum Guide
  3. Development Team(3-9 people): Self organized team who creates working deliverable, collaborative responsibility, no sub team

SCRUM EVENTS:

  1. The Sprint:  The heart of Scrum is a Sprint, a time-box of one month or less during which a “Done”, usable, and potentially releasable product Increment is created.
    1. Sprints contain and consist of the Sprint Planning, Daily Scrums, the development work, the Sprint Review, and the Sprint Retrospective.
  2. Sprint Planning: The work to be performed in the Sprint is planned at the Sprint Planning.
    1. Sprint Planning answers the following:

• What can be delivered in the Increment resulting from the upcoming Sprint?

• How will the work needed to deliver the Increment be achieved?

  • The Product Backlog items selected for this Sprint plus the plan for delivering them is called the Sprint Backlog.
    • Participants: Scrum Team, Stakeholders, SMEs
    • Duration: Maximum 8 hours
  • Daily Scrum: The Daily Scrum is a 15-minute time-boxed event for the Development Team.
    • Developers asks three questions
      • What did I do yesterday that helped the Development Team meet the Sprint Goal?
      • What will I do today to help the Development Team meet the Sprint Goal?
      • Do I see any impediment that prevents me or the Development Team from meeting the Sprint Goal?
    • Team plans work for the next 24 hours
    • Participant: Developers only, Scrum Master ensures that the Development Team has the meeting, cannot be moderator.          
    • The Development Team or team members often meet immediately after the Daily Scrum for detailed discussions, or to adapt, or replan, the rest of the Sprint’s work.
  • Sprint Review: A Sprint Review is held at the end of the Sprint to inspect the Increment and adapt the Product Backlog if needed.
    • Presentation of the Increment is intended to elicit feedback and foster collaboration.
    • Participants: Scrum Team and Stakeholders
    • Duration: Maximum 4 Hours
  • Sprint Retrospective:
    • Inspect how the last Sprint went with regards to people, relationships, process, and tools;
    • Identify and order the major items that went well and potential improvements; and,
    • Create a plan for implementing improvements to the way the Scrum Team does its work.
    • Participants: Scrum Team (Product Owner, Scrum Master, Developer)
    • Duration: 3 Hours max

SCRUM ARTIFACTS:

  1. Product Backlog:  The Product Backlog is an ordered list of everything that is known to be needed in the product. It is the single source of requirements for any changes to be made to the product.
    1. Responsible: Product Owner
  2. Sprint Backlog: The Sprint Backlog is the set of Product Backlog items selected for the Sprint, plus a plan for delivering the product Increment and realizing the Sprint Goal.
    1. Responsible: Development team
  • Increment: The Increment is the sum of all the Product Backlog items completed during a Sprint and the value of the increments of all previous Sprints. At the end of a Sprint, the new Increment must be “Done,” which means it must be in usable condition and meet the Scrum Team’s definition of “Done”.

James Gibson, Don Norman: Affordance a usability principle which makes more turn around

What is affordance ?
Affordances are properties of objects, elements which shows actions for users who interact to complete actions. Affordances are defined what actions possible to take without additional instructions.

Psychologist James Gibson coined “affordance” in 1977, stated as All Action possibilities with an object based on users’ physical capabilities
“When affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.” — Don Norman said,

Desired actions cannot be carried out if the object does not afford it, and afforded actions might not be carried out if the user does not perceive they are possible.
“ Affordance is a relationship between the properties of an object and the capabilities of the person that determines how possibly the object to be used

Affordances represent the possibilities in the world for how the person can interact with something
For example water bottle a physical product will have different affordance for 3 years old child and 18 years old boy.
18 years old boy easily can hold and use, but 3 years old child may not hold comfortably
Possibility varies based on person capability

The presence of an affordance is jointly determined by the qualities of the object and the abilities of the agent that is interacting – Don Norman said

Digital Products
Person who familiar in websites, perceive underlined text. And blue color text as a hyperlink But who are not familiar with websites they may perceive as just decorations.
it’s important to consider how obvious your interface is to use without instruction, spelled out directions. Your design needs to be usable and intuitive without holding your user’s hand at every step.

Types of Affordance
1) perceptible affordance is characteristics of the object itself indicate what action possibilities are available and desired . A raised button that says ‘Click me’ is a great example of both language and physical cues. Water bottle handle conveys user to take and hold

3) Hidden affordance
the actual affordance isn’t available until an action has been taken to reveal it.
For instance, hovering over a button to see whether its active or not.
you don’t see the drop down menu unless you hover or click on the parent list item.
Hidden affordances are used to simplify and reduce visual complexity of a design.

4) False affordance
User perceive underline text as hyperlink if user find its broken link then it’s a false affordance. Colors have specific associations with them. example, green is success while red is fail . When you change this color pattern , user might be confused who already familiar with standard one

5) Negative affordance
Negative – You block users from proceeding towards a goal when they must provide more data – e.g., a disabled “register” button remains until users fill all mandatory inputs.

User Centric Design Approach (UCD)

In Technology era, we see and use millions of digital and physical products which offers various features and facilities which influence people life.

When we look interaction of user and products , the interaction takes place very important role which brings user satisfaction and delightful user experience.

User Centered Design

Product owners and designer should think about user needs and what they feel when interacting with products , how product helps them to achieve their goal more effectively and efficiently. if we want to understand user needs, feedback and insights.

UCD is explicit understanding of the users, tasks and environment in which product being used. When we start create something, first we need think who is going use and what they need and expect

Empathy

Empathize user insights as part of User centric design approach. we can understand through various ethnographic research methods which has been distinguished as two types 1. Qualitative 2. Quantitative research methods.

Qualitative Research

Qualitative research  can be done through user interview, it is an one-on-one session, User Interview can bring insights into what users think, feel and says about an application, they could share experience with similar products. Qualitative research can formed with open-ended questions  can get one or more answers

Example questions:

  1. How would you describe your satisfaction with this product?
  2. Please describe a scenario where our online solution helps you make day-to-day  activities.
  3. How do you think this product could help you?

We can ask follow ups questions which simulate more responses.

Quantitative Research

Quantitative research is expressed in numbers and graphs. It is used to test or confirm theories and assumptions. Common quantitative methods include experiments, observations recorded as numbers, and surveys with closed-ended questions.

Surveys:   List of multiple choice questions that is distributed in online, can Ecollect responses remotely

Example of close ended questions

  1. What  are the information you wish to see in our home page
  2. Do you recommend our product to your friend
  3. Do you like working with us

Another approach  user observation, user observation helps to uncover user problems and challenges when they do face in natural environment. We can use think aloud protocol asking user to speak loud what they think when using our existing product. This approach helps understand user paint points, emotions.

Synthesis

Synthesis of your findings and create recommendations  and  create report which will inform personas, journey maps, feature ideas, workflow ideas. Through customer journey maps, we can illustrate user pain points, challenges which will bring opportunity for innovation.

Design & Validate

Brainstorm with team, create ideas for user problems , user problem helps to find out opportunity for innovation. Create wire frame , low and high fidelity  prototype to implement  ideas then validate with stakeholders and iterate design

We need take our design to end user for validation

important step is validating your design properly. you simply need to get feedback from relevant users. Once  you get the feedback from the users, again refine your design and test different user group so that you could get different responses. Refine design until your stakeholder and user satisfaction, then finally you can start development and deliver. 

UCD Approach Benefits

With close user involvement, products are more likely to meet users’ expectations and requirements. This leads to increased sales and lower costs incurred by customer services. Systems designers tailor products for people in specific contexts and with specific tasks, thereby reducing the chances of situations with a high risk of human error arising. UCD leads to safer products. Putting designers in close contact with users means a deeper sense of empathy emerges. This is essential in creating ethical designs that respect privacy and the quality of life. By focusing on all users of a product, designers can recognize the diversity of cultures and human values through UCD – a step in the right direction towards creating sustainable businesses.

Conclusion

User centric design elicits user needs and feedback before development. This approach confirms user requirements and guides product development which helps to success in competitive market.