how to attract, engage and retain customers what are the considerations and tools for designing an immersive user experience

1. USER EXPERIENCE DESIGN
BY SRIRAM.C
MBA DMS
PONDICHERRY UNIVERSITY

2. ANSWERS THE FOLLOWING QUESTIONS
• Who are our audience?
• Why should they use our site?
• What services to be provided?(value proposition)
• How will content be structured (information architecture)
• Navigation (findability)
• Outcomes desired (lead generation, registration, sales)
• When where, on which device the site is used?

3. Functional UX design
TYPES OF UX DESIGN
creative UX design
the website or interface
primary objective is to
perform specific activities
and functions
iit is engaging the user by
using various elements so
that overall website
experience is immersive

4. User centric design
1.APPROACHES TO UX DESIGN
Marketing centric design
Usability
Site is designed on the basis of
inputs from customer needs
Tries to achieve desired action
from the target by persuasion
Answers the following questions
What action needs to be taken?
Who needs to take the action?
How do we persuade the person to take action?

5. THE NEW YORK BUSINESS SOCIETY
Take time for 1 on 1 meetings, give people purpose by explaining the bigger
picture, and try using the hierarchical objectives and key results to help
people understand how company goals align with theirs.
ELEMENTS OF UX
usability findablity
localization accessibility

6. Creating a plan to group information logically including Creation of site
map.
A well developed information architecture is essential for usability (
navigation options and findability).
Essential for ecommerce , media owner sites
2.INFORMATION ARCHITECTURE
Organized labelled and easy navigation(usability)
Facilitaties task completinon and intuitive access to content
Findability and easily manageable

7. INFORMATION ARCHITECTURE

8. Card sorting
TECHNIQUES FOR DESIGNING
INFORMATION ARCHITECTURE
testing process in which users
categorize web objeccts for task
completion and efficient
navigation
storyboarding Blueprints
wireframes
It shows thee grouping of
information and links between pages
illustrates how the content of a
website is relataed and navigated
It s used to indicate the layout of a
web page. It contains the outline of a
page, with different areas of content
and navigation shown by white space
The process of using static
drawings or screenshots of the
different parts of a website to
review the design concept with
user groups

9. Wire frames are converted into site design page templates using CSS
(cascading style sheets
CSS AND ITS BENEFITS
Typography
Background colour and
images
Borders and margins
Bandwidth-pages download
faster after initial page load
More efficient development-
Reduces updating and
maintenance time
Increase accessibility
what it controls benefits of CSS

10. Designing landing pages is important for site owners to mazimize
conversion rate, since many first visitors arrive from links from other sites
LANDING PAGE AND ITS IMPORTANCE
• Aim1- Generate response
• Aim6- attract visitors through seo
• Aim2-engage different audience types
• Aim3- communicate key brand messages
• Aim5- show case range of offers(cross-sell)
• Aim4- answer the visitor’s questions

11. 3. DESIGN THE USER EXPERIENCE
Identify different audience
Rank importance of audience to each business
Three most information needs of audience
Ask representatives of each audience type to develop their wish lists
1. Site design and structure
2. Page design
3. Content design
Stages of site design
Elements of site design

12. There are some basic factors for effectiveness of site
SITE DESIGN AND STRUCTURE
Coherence LegibilityComplexity
Site style
•Typography
•Images
Layout
Colour
Site personality
Visual design
The speed of the downloading
graphics
The screen resolution of the
computer
Type of browser used
Different access devices
site navigation
•• Where am i
• Where have I been
• Where do I want to go
• How do I get back home

13. Appropriate layout of page elements to meet the goals of findablity , usability
Elements are:
1. title
2.layout
3. content
Page elemnets: proportion of page devoted to content compared to all other
materia
combination of static and dynamic content(rich
media content
Page Design
Content Design

14. THANK
YOU FOR
ATTENTION!