SlideShare a Scribd company logo
Daniel Williamson
User Experience (UX) in Design
• A user experience can not actually be designed; instead you must
design for an experience
• Colours, shapes, formats and text are some of the ingredients that you
can use to trigger emotions and create a certain kind of experience for
the user
• With such an overwhelming amount of information on the internet, the
aim for designers is to make their websites as simple as possible
• However, you mustn’t forget any important information and the site
must still engage the user
Introduction
• A large picture that takes up a
lot of the screen not only
makes a bold statement, but
also leaves an embedded
image in the user’s mind
• These images draw the users
into the site; if not for the
content then just for the visual
aspect
• Users don’t need to click
through, they just have to
scroll down to see information
• There is room to explore this
technique by taking advantage
of higher resolution and wider
screens
Large Pictures
• Typography is the eye-catching
text that designers use to draw
visitors into the site
• Fonts are meant to be
explored, twisted and moulded
to fit the designer’s aim of
providing a clean and clear
message
• They can also be more visually
compelling than imagery
• Typography sometimes uses
images to support the text as
nothing can get across an
organisations message clearer
than simply saying it
Typography
• Modal boxes are very quickly becoming the must have for any new website
• To describe them simply, they are like a pop-up which appears when you hover over a
certain part of the page, but much more sophisticated and useful
• These boxes are perfect for designers troubled about usability as they allow the user to
interact with the site, without actually steering away from the page that they are on
• Modal boxes are likely to contain things such as login details, forms of media, and
navigation to other areas of the site as seen on the example of our website above
Hover/Modal boxes
• Sliders are a great way
to make the UX very
attractive visually and
easy to use
• They are a great
navigational tool that
allows users to access
a lot of information
from the main pages of
a site
• They provide an easy
website path for the
user
Sliders
• A lot of designers are too scared to put their own pen to paper to create a design for
websites
• Sketch drawings have always been admired for their unique style and personality,
which is why it is always at the front of new design trends
• Unfortunately however, some designers have the ‘I’m not that good of a drawer’
attitude which stops them from actually using this type of design
• In fact it is often the rough and ready drawings, that are by no means masterpieces,
that can really give the site a burst of character and personality
Sketching
• A website’s footer in the
past wasn’t seen as
something a design
team would take into
consideration
• Recently it has become
more popular to have an
oversized footer that
contains information that
some users may find
useful such as various
social media feeds from
twitter or LinkedIn
Oversized Footers
• One page sites are on the
agenda for designers in the
future, as they deliver a
message that is straight to the
point
• One page websites are like
business cards on the web,
because they only contain the
necessary information that the
visitors will require
• However, when you integrate
other design techniques like
hover/modal boxes or sliders it
helps expand the content
without actually drifting away
from the one page
One Page Sites
6th Floor, 60 Moorgate, London EC2R 6EL
T: +44 (0)20 7256 7651
daniel.williamson@intendance.com
www.intendance.com

More Related Content

PDF
Current Trends in Web Design & Development
PDF
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
PDF
The school’s guide to modern design trends corwin bermudez
PPTX
Get rid of those sliders
PDF
The Top Ten Elements Your Noprofit's Strategic Website Should Have
PPTX
Design principles for websites part 1
PPTX
Webinar seminar2
PDF
Designing for a Better User Experience
Current Trends in Web Design & Development
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
The school’s guide to modern design trends corwin bermudez
Get rid of those sliders
The Top Ten Elements Your Noprofit's Strategic Website Should Have
Design principles for websites part 1
Webinar seminar2
Designing for a Better User Experience

What's hot (11)

PDF
The Way We Build Our Product
PDF
Guide Series Interactive Design_PastPresentAndFuture
PDF
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
PPTX
Basics of Interaction Design and Strategy
PPT
Designing With Usability In Mind
PDF
Web designtrends 5-29-2013
PDF
Web Design: Day 1
KEY
Decrap Your Application
PPT
Website Wow
PDF
Design 101 > Lesson 02
PDF
J105 Web Design
The Way We Build Our Product
Guide Series Interactive Design_PastPresentAndFuture
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
Basics of Interaction Design and Strategy
Designing With Usability In Mind
Web designtrends 5-29-2013
Web Design: Day 1
Decrap Your Application
Website Wow
Design 101 > Lesson 02
J105 Web Design
Ad

Similar to UX in Design (20)

PPTX
Mastering Web Design: Essential Principles and Practices
PDF
ONLINE PLATFORMS AS TOOLS
PPTX
Wix templates
PPT
Module-2-The UID process- Obstacles, Usability.ppt
PPT
Module-2-The UID process- Obstacles, Usability.ppt
PPTX
Enhancing conversions with web design techniques – chris bowser review
PDF
SCOPE AND INFORMATION OF WEB DESIGNING PPT.pdf
PDF
Online platforms
PPT
Website design to secure business or Yes – I’ve got a website! (but is it a...
PPTX
UI/UX Fundamentals
PPTX
Web Designing Services
PPTX
What Makes SharePoint UX Good?
PPTX
Web Designing Course in Chandigarh Join Now.pptx
PPTX
Week2 lecture-whatiswebdesign-part1
PDF
WordPress for Designers
PPTX
Web Designing training in Chandigarh.pptx
PPT
webdesign.ppt
PPTX
SharePoint Usability and Design Tips for Non Designers
PPTX
Basic Web Design Principles and Elements
PPTX
Purple and Green Modern ICT Computer Parts Classroom Quiz_20241108_072627_000...
Mastering Web Design: Essential Principles and Practices
ONLINE PLATFORMS AS TOOLS
Wix templates
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
Enhancing conversions with web design techniques – chris bowser review
SCOPE AND INFORMATION OF WEB DESIGNING PPT.pdf
Online platforms
Website design to secure business or Yes – I’ve got a website! (but is it a...
UI/UX Fundamentals
Web Designing Services
What Makes SharePoint UX Good?
Web Designing Course in Chandigarh Join Now.pptx
Week2 lecture-whatiswebdesign-part1
WordPress for Designers
Web Designing training in Chandigarh.pptx
webdesign.ppt
SharePoint Usability and Design Tips for Non Designers
Basic Web Design Principles and Elements
Purple and Green Modern ICT Computer Parts Classroom Quiz_20241108_072627_000...
Ad

Recently uploaded (20)

PDF
Five Habits of High-Impact Board Members
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
PPTX
Benefits of Physical activity for teenagers.pptx
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
Unlock new opportunities with location data.pdf
PPTX
observCloud-Native Containerability and monitoring.pptx
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
Hybrid model detection and classification of lung cancer
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
A review of recent deep learning applications in wood surface defect identifi...
PPTX
Modernising the Digital Integration Hub
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Five Habits of High-Impact Board Members
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
Benefits of Physical activity for teenagers.pptx
Group 1 Presentation -Planning and Decision Making .pptx
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
Unlock new opportunities with location data.pdf
observCloud-Native Containerability and monitoring.pptx
Chapter 5: Probability Theory and Statistics
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
DP Operators-handbook-extract for the Mautical Institute
Hybrid model detection and classification of lung cancer
A comparative study of natural language inference in Swahili using monolingua...
A review of recent deep learning applications in wood surface defect identifi...
Modernising the Digital Integration Hub
A contest of sentiment analysis: k-nearest neighbor versus neural network
NewMind AI Weekly Chronicles – August ’25 Week III
Module 1.ppt Iot fundamentals and Architecture
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
How ambidextrous entrepreneurial leaders react to the artificial intelligence...

UX in Design

  • 2. • A user experience can not actually be designed; instead you must design for an experience • Colours, shapes, formats and text are some of the ingredients that you can use to trigger emotions and create a certain kind of experience for the user • With such an overwhelming amount of information on the internet, the aim for designers is to make their websites as simple as possible • However, you mustn’t forget any important information and the site must still engage the user Introduction
  • 3. • A large picture that takes up a lot of the screen not only makes a bold statement, but also leaves an embedded image in the user’s mind • These images draw the users into the site; if not for the content then just for the visual aspect • Users don’t need to click through, they just have to scroll down to see information • There is room to explore this technique by taking advantage of higher resolution and wider screens Large Pictures
  • 4. • Typography is the eye-catching text that designers use to draw visitors into the site • Fonts are meant to be explored, twisted and moulded to fit the designer’s aim of providing a clean and clear message • They can also be more visually compelling than imagery • Typography sometimes uses images to support the text as nothing can get across an organisations message clearer than simply saying it Typography
  • 5. • Modal boxes are very quickly becoming the must have for any new website • To describe them simply, they are like a pop-up which appears when you hover over a certain part of the page, but much more sophisticated and useful • These boxes are perfect for designers troubled about usability as they allow the user to interact with the site, without actually steering away from the page that they are on • Modal boxes are likely to contain things such as login details, forms of media, and navigation to other areas of the site as seen on the example of our website above Hover/Modal boxes
  • 6. • Sliders are a great way to make the UX very attractive visually and easy to use • They are a great navigational tool that allows users to access a lot of information from the main pages of a site • They provide an easy website path for the user Sliders
  • 7. • A lot of designers are too scared to put their own pen to paper to create a design for websites • Sketch drawings have always been admired for their unique style and personality, which is why it is always at the front of new design trends • Unfortunately however, some designers have the ‘I’m not that good of a drawer’ attitude which stops them from actually using this type of design • In fact it is often the rough and ready drawings, that are by no means masterpieces, that can really give the site a burst of character and personality Sketching
  • 8. • A website’s footer in the past wasn’t seen as something a design team would take into consideration • Recently it has become more popular to have an oversized footer that contains information that some users may find useful such as various social media feeds from twitter or LinkedIn Oversized Footers
  • 9. • One page sites are on the agenda for designers in the future, as they deliver a message that is straight to the point • One page websites are like business cards on the web, because they only contain the necessary information that the visitors will require • However, when you integrate other design techniques like hover/modal boxes or sliders it helps expand the content without actually drifting away from the one page One Page Sites
  • 10. 6th Floor, 60 Moorgate, London EC2R 6EL T: +44 (0)20 7256 7651 daniel.williamson@intendance.com www.intendance.com