10 best practices of
a good USER INTERFACE design
#UI
part 1
Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.co...
A one column layout will give
you more control over flow
of the website and help to
guide your readers from top
to bottom ...
Explain who is your targeted
group versus targeting everyone
(and none). You can even show
“qualification” or best fit cri...
Differentiate styles between
clickable actions (links, buttons),
selected elements (chosen
items) and plain text and use i...
Repeat your call to action on
longer pages or across numerous
pages where applicable and
fitting the context.
Created by E...
A social proof, especially
testimonials and data that
other people or companies
are using the
service/products, increases
...
When showing multiple offers,
then an emphasized product
suggestion might be a good idea
as some people need a little
nudg...
When designing registering
process think which elements
are crucial – rest remove. The
more fields to fill in, less people...
Be direct about your call to
action. Don’t end your message
with question marks or words
like perhaps, maybe, interested?
...
Make your users feel more in
control by enabling the ability to
undo actions and not asking for
double confirmation where
...
Instead of asking for money
right away, give consumers a
gift first. Additionally, it is a
great method to make people
try...
Final Checklist:
Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #leadership
1. ONE COLUMN LAYOUT
2. LASER ...
Upcoming SlideShare
Loading in...5
×

10 Best Practices of a Good User Interface design #UI

489

Published on

A Good User Interface is a fundamental driver for high conversion rates and overall website performance. Each Digital Manager and Product Manager must acquire User Interface knowledge and best practices.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
489
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

10 Best Practices of a Good User Interface design #UI

  1. 1. 10 best practices of a good USER INTERFACE design #UI part 1 Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI
  2. 2. A one column layout will give you more control over flow of the website and help to guide your readers from top to bottom with proper call to action at the end. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI ONE COLUMN LAYOUT
  3. 3. Explain who is your targeted group versus targeting everyone (and none). You can even show “qualification” or best fit criteria. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI LASER TARGETING
  4. 4. Differentiate styles between clickable actions (links, buttons), selected elements (chosen items) and plain text and use it consistently across an interface. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI CLICKABLE BUTTONS DIFFERENTIATION
  5. 5. Repeat your call to action on longer pages or across numerous pages where applicable and fitting the context. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI REPEAT CALL TO ACTION
  6. 6. A social proof, especially testimonials and data that other people or companies are using the service/products, increases conversion rates. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI SOCIAL PROOF
  7. 7. When showing multiple offers, then an emphasized product suggestion might be a good idea as some people need a little nudge. Don’t offer to much to avoid “paradox of choice”. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI RECOMMEND BEST PRODUCT
  8. 8. When designing registering process think which elements are crucial – rest remove. The more fields to fill in, less people will sign up, especially on mobiles. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI SIMPLE FORM FIELDS
  9. 9. Be direct about your call to action. Don’t end your message with question marks or words like perhaps, maybe, interested? and want to? Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI BE DIRECT
  10. 10. Make your users feel more in control by enabling the ability to undo actions and not asking for double confirmation where possible. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI UNDO'S VS. DOUBLE CONFIRMATION
  11. 11. Instead of asking for money right away, give consumers a gift first. Additionally, it is a great method to make people try your product without a barrier. Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #UI GIFT BEFORE PURCHASE
  12. 12. Final Checklist: Created by Ewa Jaroslawska (@ejaroslawska) www.jaroslawska.com #leadership 1. ONE COLUMN LAYOUT 2. LASER TARGETING 3. CLICKABLE BUTTONS DIFFERENTIATION 4. REPEAT CALL TO ACTION 5. SOCIAL PROOF 6. RECOMMEND BEST PRODUCT 7. SIMPLE FORM FIELDS 8. UNDO'S VS. DOUBLE CONFIRMATION 9. BE DIRECT 10. GIFT BEFORE PURCHASE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×