User Friendly Website
User Friendly Website
User Friendly Website
Experience
Design
UX
Qualitie
s
• Desirability –
• Credibility do I want to use
– do I trust it? Is it a
it? Is this pleasant
website experience, or
do I dread
legitimate? logging in?
• Usability – is
it easy to use?
Are the tools I
need intuitive
and easy to
find?
BENEFITS OF UX
• Differentiate yourself market and give competitive advantage.
• If your online touchpoints are easy, fun, intuitive and awesome
to use, your customers won’t have any reason to look
elsewhere.
• Good UX research and design helps to find the best solution for
your needs.
• Every business, website and online service is unique in some
way, which means that the way it is set up must be unique too.
Ideal customer is a happy customer!
• People who love the experience you give them will become loyal
clients, and possibly even brand evangelists
• Get your digital tools working earlier, with much better functionality,
at a lower cost.
• Cut out features and elements that you simply don’t need, and focus
on the core user experience.
• This optimised development process leads, in turn, to sites that are
easier and cheaper to maintain, upgrade and support across multiple
platforms.
Core principles of UX design
User-centric design
• Business owners, marketers and web developers frequently focus on creating the web
platforms they want and think are best, instead of really interrogating what the user needs.
• Performance of web assets is compromised when the design process is driven only by
internal business needs (for instance, ensuring that each department in the company has a
space that it controls on the home page) at the expense of what the user needs.
• Don’t make your users think: they should just do (Krug, 1997-2013).
• Sticking to standard conventions, which are simply common rules or ways of displaying
Popular conventions :
Malfunctioning
No errors No broken links
tools, and
Interactive
elements that
don’t work as
advertised.
Mobile UX
• Mobile should be prioritised in strategy, design and
implementation.
• Principles of good mobile UX works just as well on full sites –
simple designs, linear interfaces and clear buttons and features.
• Decide which content is most essential.
Other mobile • ebook readers, netbooks, portable game consoles and other
media devices such as iPods – can have a range of features
devices and varying ability to connect to the web.
Mobile users
• Mobile users can be different from desktop users.
Goal orientated
Search
dominant
Limitations of mobile
Difficult
Small screens
inputs
Slow
Slow
connection
hardware
speeds
Universal mobile UX principles
Main approaches to creating mobile-accessible content:
• Mobile websites (called mobi sites)
• Native and web applications (called apps)
• Responsive websites (websites that adapt to the device).
• IA operates on both the micro and the macro level – it covers everything from the way
individual pages are laid out (where the navigation and headings are, for example) to the way
entire websites are put together.
• Most websites have a hierarchical structure, which means there are broad, important pages at
the top, and narrower, more specific and less important pages further down.
• Hierarchical structures can either be very broad and shallow (many main sections with few
lower pages) or very narrow and deep (with few main sections and many pages below).
• It’s up to the UX practitioner to find the right balance of breadth and depth.
Website Structure
Analyse content
• Website already exists: Wide variety of content. Need to perform a
content audit
• Website is new / plan to add new content to an existing website :
Put together a content strategy. This is a plan that outlines what
content is needed and when and how it will be created.
• No single template or model for this – every content strategy will be
unique.
• The content strategy is largely the responsibility of the strategy, copy
and concept teams, but the UX practitioner needs to get involved in
a few key roles.
Analyse content
• What the site should achieve. Achieving objectives.
• The tone and language used. Tone (fun, light, serious, and so on),
register (formal or informal) and style for content.
• Make sure this is consistent across text, images, videos and other
content types.
Principles of creating content
Structure Hierarchy Relevance
• Content needs to be • On the page, use an • Content must be relevant
written so that users can inverted pyramid style to the user and the
find the information they for your copy. purpose of the page
need as quickly as • The important itself.
possible. The chapter on information should be at • If a user clicks to read
Writing for Digital will the top of the page. about a product but ends
cover this in more detail. • The heading comes first, up on a page with
• Copy can be made more the largest and boldest content about the
easily readable by: type on the page. The company, their
• Highlighting or bolding subheading or blurb experience is going to be
key phrases and words follows this, and then the tarnished.
• Using bulleted lists content is presented in a
• Using paragraphs to descending scale of
break up information importance.
• Using descriptive and
distinct headings.
Create a sitemap
Build the navigation
• The navigation should guide users easily throu gh all the pages of a website; it isnot just about menus.
1. Where am I?
• Breadcrumb links, clear page titles, URLs and menu changes all help to show the user where he or she is.
• The larger your site is and the more levels it has, the more important it becomes to give your users an indicator of where they are in
relation to everything else on the site.
• This helps the users to understand the content of the page that they are on, and makes them feel more confident in navigating further
through the site.
2. How did I get here?
• Breadcrumb navigation often indicates the general path a user may have taken. In the case of site search, the keyword used should be
indicated on the results page.