View
84
Download
0
Category
Preview:
DESCRIPTION
We all think that we know what is best. We build our sites and applications the way we think it should be. But let’s admit it, we are not our users. So, in what ways can we create a better experience for our users? During this session, you will learn how to help make your site or application a better user experience through a few simple steps like interactions, typography, and testing.
Citation preview
Taking Your Site From Useful to Usable
@tonynaccarato
Tony NaccaratoUser Experience Designer
Photo by slworking2
Photo by Alejandro Escamilla
WHY?
Useful Usable
Desirable
What makes a site USEFUL?Content that offers value to the user
A Website with no content?
Photo by Sebastiaan ter Burg
Is having a useful website enough?
Useful Usable
Desirable
What makes a site USABLE?Easy access to the valuable content
The Secret Lives of LinksLinks need to communicate
Jared Spool
The Meaning of Easy Access How can we make our site usable?
How do we know if our site is usable?
TEST IT
Test ItThe earlier the better
Photo by Bev Goodwin
“If I had asked people what they wanted, they would have said faster horses” Henry Ford
85% 99%
AffordanceCharacteristics of an object influence its function
Photo by Jeremy Page
Icons
Typography95% of the info on the web is written language
Oliver Reichenstein
Measure (Line Length)
Leading (Line Height)
In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution of typeset material, with a minimum of distractions and anomalies, is aimed at producing clarity and transparency.
1.5x font size!!
14px font = 21px leading
Spacing
“Space in typography is like time in music”
Robert Bringhurst
Typography In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution of typeset material, with a minimum of distractions and anomalies, is aimed at producing clarity and transparency. Fonts Do you mean fonts or typefaces? Choice of font(s) is the primary aspect of text typography—prose fiction, non-fiction, editorial, educational, religious, scientific, spiritual and commercial writing all have differing characteristics and requirements of appropriate typefaces and fonts. For historic material established text typefaces are frequently chosen according to a scheme of historical genre acquired by a long process of accretion, with considerable overlap between historical periods. Contemporary books are more likely to be set with state-of-the-art seriffed "text romans" or "book romans" with design values echoing present-day design arts, which are closely based on traditional models such as those of Nicolas Jenson, Francesco Griffo (a punchcutter who created the model for Aldine typefaces), and
Typography In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution of typeset material, with a minimum of distractions and anomalies, is aimed at producing clarity and transparency.
Fonts Do you mean fonts or typefaces?
Choice of font(s) is the primary aspect of text typography—prose fiction, non-fiction, editorial, educational, religious, scientific, spiritual and commercial writing all have differing characteristics and requirements of appropriate typefaces and fonts. For historic material established text typefaces are frequently chosen according to a scheme of historical genre acquired by a long process of accretion, with
Whitespace
White Space is Good In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution of typeset material, with a minimum of distractions and anomalies, is aimed at producing clarity and transparency.
Fonts Do you mean fonts or typefaces?
Choice of font(s) is the primary aspect of text typography—prose fiction, non-fiction, editorial, educational, religious, scientific, spiritual and commercial writing all have differing characteristics and requirements of appropriate typefaces and fonts. For historic material established text typefaces are frequently chosen according to a scheme of historical genre acquired by a long process of accretion,
In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution of typeset material, with a minimum of distractions and anomalies, is aimed at producing clarity and transparency.
Choice of font(s) is the primary aspect of text typography—prose fiction, non-fiction, editorial, educational, religious, scientific, spiritual and
“Once you know how to design and manipulate the space outside, inside, and around your content, you’ll give your readers a head start…”
Mark Boulton, Whitespace
Never put two spaces after a period
Photo by S.Zolkin
Is being usable enough?
Useful Usable
Desirable
What makes a site DESIRABLE?Appeals to emotions
“Experiences create memories for people, and there is a benefit in creating positive experiences and memories for your customers as opposed to negative ones.”
Jodie Moule, Killer UX Design
Who has achieved this?
Everyone has a plan, until they get punched in the face” Mike Tyson
“
Photo by Keith Abigail
tony@tonynaccarato.com @tonynaccarato
Thank You
Recommended