 |
| UX Designing Process | Everything about UX Designing | IndianTechnoEra |
User experience / UX / UCD?
User experience surrounds all aspects of all end users in traction with the company. Its services and its products.
It includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviour, and accomplishments that occur before, during, and after use.
Ux designers consider the WHY, what and how of product use.
Elements of UX/ UCD.
Active involvement of users. Clear understanding of user requirements, task and environment. Allocation of function between users and technology. Attraction of design solutions. Validation testing with users.
User experience is about measuring and improving:
- Effectiveness: Can user achieve what they need by using the product?
- Ease of learning: How fast can a user who have never seen the interface learn to use it?
- Efficiency of use: How fast a user can complete a task.
- Memorability: Can user remember enough to reuse the interface effectively.
- Error prevention: Can user complete task without making errors?
- Satisfaction: How much do users like using the product?
User interface or UI
User interface design or UI design refers to the visual layout of the elements that are user might interact with the website or technological product.
It focuses on the look, feel and presentation of our product.
Parameters for the UI.
Font family, style of icons and images, colours schema, highlighting the important things on screen, differentiating things we want to user to click versus things that can be clicked. Replacing text with icons or images background textures.
UI developer. Developer is the bridge between presentation layer and the backend layer who understand both and creates the transactional layer in between so that both lives up to its full potential and are not compromised because of each other.
Take create user interface by. Take a stack and framework such as HTML, CSS, JavaScript, Angular, ReactJS, View JS, TypeScript, Ajax etc.
User experience vs User interface
User experience and user interface are some of the most confused and misused Toms in our field. Au is only a small part of UX or UI. Without UX is like painter slapping paint. On to canvas without the thought. Why did UX without UI is like the frame of sculpture with no paper match on it. A great product experience, start with UX followed by UI. Both are essential for the product success. Hey.
 |
| User experience versus user interface | IndianTechnoEra |
Example with UI and UX
When do we apply UX design?
Ideally early or on project start
UK is also valuable at later project stages and in future release.
Why do we apply UX design?
Built the right thing for right user.
Fulfil the users needs.
Improve efficiency.
Create business portunus.
Solving problem the UX way
Persona: who has the problem?
Problem: What is the problem?
Strategy: How will we solve the problem?
Objective: What will the solution achieve?
Features: What features are required to accomplish the objective.
Solution: What will the product look like and how it will function?
Integrating UX design process into product life cycle
9 Methods of UX process
9 basic steps to go through when developing user experience
1. User roles and personas
What is user roles?
User rolls correspond to a specific classes of visitors interacting with your site.
They are defined by their relationship to your website and call to action.
What is persona?
A user persona is a fictional representation of your idea. Customer represent the needs of a large groups goals, requirements and personal preferences.
A persona. Describe customers, while role describe relationships between customers and the product or service.
Following things should be included in a persona
- Persona name and photo.
- Demography just like gender, age, location, marital status, family.
- A short description about the user.
- The daily objectives and we have yours and goals and task.
- Frustrations like pains points.
- Technology.
- Other products to user like.
What is persona role?
Personas role is. Benchmark for user stories and UX design.
Help everybody in the team have a common understanding about target user.
Help in developing informed wireframes and site architecture.
It is a face to the user story.
2. Task flow / workflow
What is task flow?
Task flow is high level of steps that a user would take to get a specific goal or end point.
For example, such as creating an account or going through a checkout process.
What is workflow?
Work flow helps you. To build your product in a logical way, navigation and action.
Helps in content strategy and site structure. Helps in wireframing and prototyping. Helps to improve user experience. Hey.
3. User stories
What is a user story?
User story is descriptions of who the user is, what they want, and why.
It describes something that the user wants to accomplish by using the software product.
How to write user stories?
User stories should be written in following format:
As a <type of user>, I want <some goal> so that <some reason>.
Details can be added by two different ways
By splitting a user story into multiple, smaller user stories.
Bu adding 'conditions of satisfaction' (Acceptance criteria)
What is user story role?
Help keep users always in the center of the design process.
Help to achieve cross-team clarity
Help in defining the entire product
Safeguards against features creep
4. Information architecture
What is information architecture?
It is a science of organising and structuring content of the product or application.
Information architecture also include navigation, application functions and behaviours, content and flows.
Factors that are valued by information architectures like mental model cognitive load, decision making.
Some basic things that include information architecture:
Organization schemes, and structures. How you categorise and structure information.
Labelling systems: How you represent information.
Navigation systems: How users browse or move through information.
Searching system: How users look for information.
What is a good information architecture role?
A good information architecture role is increases user satisfaction.
Help conversions or bring more sales.
Reduces user errors.
Decreases training cost.
Reduce customer support costs and time.
5. Paper prototype (Whiteboard)
What is prototype?
A prototype is an early sample, model, or release of a product created to test or concept or process.
There are following types of prototype:
- Low fidelity prototypes
- Paper prototypes
- Wireframes
- High fidelity prototypes
- Interactive prototypes
- Coded prototypes.
What is paper prototype?
Paper prototype is early stage conceptualising in user centered design process. It allows quickly visualise and test various ideas.
What are the benefits of paper prototype?
There are the following benefits of paper prototype.
Easy to change
Cost effective
No design or coding skills needed
Rapid evaluation and testing
6. Navigation Flow
What is navigation flow?
Navigation flow navigation place an integral role in how users interact with your products.
It is how your user can get from point A to point B and even Point C in the least rustrating way possible.
Navigation is about where I am. What can I do? Where I can go from where here?
What are the common navigation pattern?
Common navigation pattern are:
- Hamburger menu
- Tabs
- Vertical navigation
- Call to action button
- Breadcrumbs
What can be a good navigation?
A good navigation can give the following benefits:
- Good navigation can enhance a users understanding.
- Give them confidence using your product.
- Provide credibility to a product.
- Tells users their location.
- Provides access to information.
7. High fidelity design / mockup?
What is mockup?
Mockup is a Mead to high fidelity static picture. It is what your final project appearance. And user experience will look like.
Mockup consists of Content layout, colour scheme, typography, spacing, navigation, visuals, icons, image.
What are the benefit of more cops?
They are following benefits of mockups:
Mockups are realistic and convincing but Mockups are not markup estimate, note HTML coding, not investors, and also not users.
8. Heuristic Evaluation
What is heuristic evaluation?
It is a way to test whether a website is user friendly against the set of thumb rules.
It is a method for finding both major and minor problems in a user interface.
Identify each issue and any associated recommendations or solution.
When to use heuristic evaluation?
We can use heuristic evaluation for the following thing:
- When you need to pinpoint the problems within your product.
- Early stages of your design.
- Before user testing.
- Along with other test test.
- Before redesigning and
- Before releasing software.
What are the benefits of heuristic evaluation?
There are the following benefits of heuristic evaluation:
- Improves a products UX.
- Reduce mental effort needed to make decision.
- Fast and accurate.
- Help with problem solving cost efficient.
What should be product goal?
The product goal should be better user experience.
What is testing inspecting evaluating?
The evaluation of design in terms of usability.
What is heuristic?
Enabling a person to discover or learned something for themselves.
What things should be for better heuristic?
1. Visibility of system status.
2. Match between system and Real world.
3. Control and freedom.
4. Consistency and standard.
5. Error prevention.
6. Recognition rather than recall.
7. Flexibility and efficiency of use.
8. Aesthetic and minimalisms design.
9. Help users recognise, diagnose and recover from errors.
10 Help and documentation.
9. Usability testing
What is usability testing?
It is process which enables you to evaluate your product or service with real users and enables you to create human centric products.
There are following types of usability testing.
- AB testing
- Guerilla testing
- Eye tracking
- Remote testing
What are the difference between heuristic evaluation and usability testing?
Heuristic evaluation, realised on usability experts rather than target user whereas.
Usability testing involves actual target users and matches real world experience.
What are the benefits of usability testing?
There are the following benefits of usability testing:
- It saves time for both the company and users.
- Provide a better user experience.
- Offers insight into how satisfied users are with the product.
- Identifies problem areas within the product, which may not have been obvious otherwise.
- Provides an unbiased examination of the product.
User testing vs usability testing.
User testing is a type of research method used to evaluate how people interact with a product or service.
It involves a series of tests to observe how people use the product, identify areas of improvement, and measure user satisfaction.
Example: Home delivery service
Usability testing is a type of user testing that evaluates the user's experience with a product or service. It is used to identify any usability issues that may be present when users interact with the product.
The goal of usability testing is to improve the user experience by making the product more intuitive and user-friendly.
Usability testing is typically performed by having users complete a series of tasks with the product and then observing their interactions.
Example: Ordering food online
Integrating UX into agile development.
Agile and UX
Agile is usually a development centric philosophy. Spicing engagement with the business and using stories and code as the model for Company.
User send tired design extends the approach, It uses visualisation to articulate the solution.
Through collaborative workshops creating Persona user stories than translating them into low fidelity prototypes enables iterations to be so basics.
Engaging all stakeholders in the process ensures that when the developers start cutting code, the focus will be on ensuring code quality.
Agile UX process
Ux should be included in project as early as the ideation phase and involved through the projects life cycle.
Ux should work in close cooperation with the product team and the stakeholders.
Set clear roles and responsibilities.
Have design work on sprints in advance.
Plan adequately.
Have a developer present during UX deliverable discussions.
Combined with Agile
User centered design has the following benefits:
Better understanding of the problem allows rapid testing and validation of user concepts before time consuming coding. Provides a clear. Sociable visual representation of the project. Vision provides visibility by strength. Improves basic. Basis of estimate cell. Mitigates project risk.
7 fundamental UX design principles
Here are 7 basic UX fundamental that should be included for a better UX designer.
1. User-centricity
The purpose of UX design is to create products and services that solve user problems. As such, everything a UX designer does should be steeped in the principle of user-centricity.
User-centricity basically means putting the user’s needs first and making decisions based on what you know about them and what they want from the product.
User-centricity is built into the UX process, starting with user research to identify the problem you need to solve and to understand who your target users are, moving through to user testing to gauge how well the product meets the user’s needs.
2. Consistency
While creating products that solve specific user problems, it’s essential to adhere to the UX design principle of consistency.
There are several layers to consistency in UX design. On the one hand, you want to keep your designs consistent in terms of how they look and function across all pages/screens and products within the same brand or product family.
At the same time, consistency also extends to meeting the user’s expectations for the kind of product you’re designing. For example, if you’re designing a flight booking app, your users will come in with certain expectations of how the app should function based on their experience with similar apps on the market. You don’t need to copy your competitors, but equally, you don’t need to reinvent the wheel.
By being consistent with what your users expect, you’ll create a product that’s easy to use, with a very low learning curve for the user. That’s a key part of ensuring a smooth user experience.
3. Hierarchy
Hierarchy is an important UX design principle as it shapes how the user navigates a product — and how easy or complicated the process is.
Hierarchy relates to information architecture as well as the visual hierarchy of individual pages and screens. As a rule, you’ll want more important elements at the ‘top’ of the hierarchy (i.e. more prominent and easier for the user to find).
So what’s the difference between information architecture and visual hierarchy?
Information architecture refers to the sitemap; the overall structure and organisation of your website or app and how the user navigates from one page or screen to another.
For example, if you land on a website home page, you’ll likely see different menu items at the top of the page. If you click on each item, you’ll either be taken to another page or be given more options to choose from (e.g. in the form of a drop-down menu). This is all part of the website’s information architecture, with some items higher up in the hierarchy (i.e. more immediately visible) and others requiring more clicking around to find.
Visual hierarchy considers how individual elements are laid out on a page or screen. More important elements can be emphasised by placing them at the top of the page or screen, using larger font or using different colours to help them stand out.
Hierarchy helps the user to navigate your product as it draws attention to the most important pages and elements, ensuring they can easily find what they need.
4. Context
The fourth UX design principle to bear in mind is context.
When designing a solution to a user problem, you can’t design in a vacuum. You need to understand who your users are and the context in which they’ll use your product(s). Context considers the circumstances in which your product will be used and how certain factors might impact the user experience.
As a designer, ask yourself: What device(s) might people use to access and interact with my product? Where might the user be? Are there factors such as noise which might interfere with the experience? What kind of emotional state are they likely to be in?
Understanding the context around the interaction between your product and the end user will help you to factor in potential limitations (e.g. background noise, not being able to use hands while driving, etc) and design a better user experience.
5. User control
Another key UX design principle centres on giving the user the right amount of control over how they interact with a product.
Jakob Nielsen, co-founder of the Nielsen Norman Group, cites user control and freedom as one of the ten most important usability heuristics for web design. As explained on the NNG website:
“Users often perform actions by mistake. They need a clearly marked ‘emergency exit’ to leave the unwanted action without having to go through an extended process.”
So, the principle of user control is all about helping users to correct or reverse errors without throwing the entire user experience into disarray. You can build user control and freedom into your product by incorporating “Undo” and “Redo” functionality, providing “Cancel” buttons and clearly labelling alternative actions and routes the user can take if they want to revert a particular action.
6. Accessibility
Accessibility is critical to good UX and all UX designers have a responsibility to understand what it means and to factor it into the design process.
Accessibility is about ensuring your product or service is accessible to and usable for as many people as possible. It includes catering to the needs of people with disabilities, as well as understanding how different environments or situational factors might impact the user experience.
One example of designing for accessibility could be to use high colour contrast to ensure that text is legible for users with visual impairments. For real-world examples of accessible design in action, check out these websites which have nailed the accessible design principle.
7. Usability
Usability is, quite simply, a measure of how easy a product is to use. You can’t create a good user experience if your product isn’t usable – so of course it’s an essential UX design principle.
There are five components of usability to consider:
Learnability: How easy is it for users to get to grips with your product the first time they use it? Things like consistency and information architecture can enhance the learnability of a product.
Efficiency: Does the design of the product allow the user to complete their desired tasks quickly and efficiently?
Memorability: When users come back to the product after a while of not using it, is it easy for them to re-familiarise themselves with how it works?
Errors: How many errors do users typically make when using the product and how severe are these errors? Is it easy for users to recover from errors? This relates to the principle of user control.
Satisfaction: Is it pleasant and enjoyable for users to engage with the product? Does it provide a satisfying user experience, or a frustrating one
9 Rules For UX Design
Here are 9 Rules For UX Principles
Websites designed with user experience (UX) in mind have much better chances of establishing loyal users and improving conversion rates. Follow these nine rules to strengthen your site’s UX and see more traffic and higher conversions.
1. Involve Your Users
Users naturally gravitate to websites they like. To best determine what people want in a website, just ask them. When you involve your users in the design process, you organically create a better UX. Though intuition is often a useful tool in a design project, what is intuitive to a site designer might not be intuitive to your customer base. Reaching out to users will give you design ideas that you can count on.
2. Consider the Cognitive Load
The UX will be poor if someone has a difficult time interpreting what you are asking them to do, so consider what is happening in your customer’s mind when you design UX. One way of approaching this is through science. Consider cognitive load, which is a psychological term that describes the amount of thought a particular task requires of its doer.
One of the most significant types of cognitive load is intrinsic cognitive load, which refers to the difficulty with which a user completes a prompted step or instruction on a website or application. Knowing what to do next should come naturally. If users struggle to understand how to take the next step, you have lost them. Keep the instructions short and easy to interpret, but most of all, make sure they are intuitive.
3. Keep Things Simple
No one wants to feel dumb when he or she approaches a site. If your users do, they will bounce. People tend to have little patience for situations they cannot understand, but that can be doubly true for technology – where their fuse may already be short.
When designing for streamlined UX, it is essential to keep things simple. Overly complicated wording or overwhelming decorative touches will not do your site any favours.
4. Be Consistent
Being consistent is one of the most important rules of designing an effective UX for your website. First, it will make your website clearer. If a user can get a feel for your style and not have to adjust their thinking, it will be easier for them to navigate. If they can quickly navigate your site, they are less likely to bounce. More than increasing UX, developing a clear style will strengthen your brand and make it easier for people to recognise and remember your organisation.
5. Design Intentionally
Though UX should feel familiar and intuitive, it should not seem dull. Insert some unique or creative elements into your website or application design to attract users and make them want to spend time on your site. Be intentional with your creativity; too many unique moments may make the site feel inconsistent and frustrating. Break with convention just enough to make your website memorable.
Additionally, be intentional with your site’s overall design style. There is an endless number of design conventions, but they are not all interchangeable. If you choose the wrong style, your website or application could be less appealing to users. Having a strong UX for your digital service relies partially on your overall style fitting your brand and pleasing users.
6. Focus on Function Over Aesthetics
Though it is essential to make your website or application visually appealing, it is more important that it functions well. Before investing large amounts of time making your website or application appealing to the eye, ensure that it functions quickly and easily across interfaces.
7. Know Where You Are in the Design Process
UX design is an extensive and complicated process. It often takes a long time to achieve the stellar UX that everyone strives for. Because the process is long and complicated, it is easy to get caught up in each small step and forget to look at the overall project.
8. Personalize the Experience
People are exponentially more likely to connect to a website or application design if they can get a sense of the person behind the screen.
Developing a connection with users strengthens their experience with your platform and leads them to build loyalty to your brand.
If your website or application looks like every other one online, it is likely that it will be quickly forgotten. Lifeless, impersonal designs do not appeal to potential clients or customers.
9. Leave Room for User Error
Design your digital experience so that it still functions when someone makes a mistake. Consider how some search engines autocorrect for spelling; if they did not, many people would not get far in their online searches. Designing empathetically may help you circumvent problems your user will make, but you cannot foresee all errors. When a box pops up telling the user there was an error, be sure to include instructions. Instead of merely saying “an internal error occurred”, say that an error occurred and provide directions for the user about how to fix it. If your website or application becomes unusable after a user error, you will end up turning away many people.
Conclusion
In an attempt to create the ultimate website or app, many designers leave out the most important part – those who will be using and engaging with it. Spend some time improving your UX design, and see more traffic, increased conversions, and lower bounce rates.
good vs bad ui design
Good UI design is characterized by clarity and ease of use.
It should make navigation intuitive, provide visual cues to guide the user, be easy to read, and be visually appealing.
Bad UI design is characterized by confusion, lack of visual cues, poor readability, and unattractiveness.
It may also be difficult to navigate, lack consistency, and be difficult to understand.
Benefits of the UX design Process
User-centered design improves the customer experience associated with a product ro a service.
When a project team is united in serving the needs of their users, they often find that they develop a far better solution as they are focused on a clear direction throughout the project life-cycle.
UX Design Requirements, When & Why?
Defined user roles and persona early stages.
They drive design decisions by taking common user needs and bringing them to the forefront of planning before design has actually started.
Each primary personal requires a different user interface.
Personas provide the team with a shared understanding of users in terms of goals. Add capabilities.
Workflow / Task flow earlier stage
It will help in flushing out the requirements. The diagram starts to identify what the user and the system need to do.
It delineates a repeatable pattern of activity. It answers the question how do I .............
User stories early stage
Your story is play a vital role in. Design process. It keeps users always in the centre.
Help designers focus only on the features that help users achieve their goals.
For each user story, it should be broken down into a smaller, more specific stories.
User stories help prevent, features a creep and design dead end.
They provide an essential foundation for the consequent stages of design.
-------------------- End --------------------
Agenda: mbedding user experience in product life cycle.
User experience,
User interface,
User experience versus user interface.
Solving problem the UX way.
Integrating UX design process into product life cycle.
Methods of UX process.
Integrating UX into agile development.
Good UX versus bad UX.
Benefit of the UX design process.
Ux design requirements when and why?
What is user experience or UI?
How a person, the user feels about interacting with, or experiencing of product.
A product can be anything like. Application, website or goods, service or feature.