Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Users first

Emanuel Blagonic
November 18, 2017

Users first

What are the most frequent mistakes both clients and designers make in their quest to design visually appealing websites? And, where is the barrier between visual and functional? How to focus on users instead of building a good–looking website/or/application that users will hate to use? And how to say no to clients "overthinking" the user interface?

The design shouldn't be just a "nice looking interface" – it is so much more. The design has to solve problems and not create new ones. Let's explore together what are the best practices and how to escape from the usual client wishes.

Emanuel Blagonic

November 18, 2017
Tweet

More Decks by Emanuel Blagonic

Other Decks in Design

Transcript

  1. “ The original idea of the web was that it

    should be a collaborative space where you can communicate through sharing information. TIM BERNERS-LEE
  2. “ I guess that computers tends to make us a

    little lazy about doing things the hard way to understand how those things work. BUZZ ALDRIN
  3. USEFUL — Information oriented — With professionally written content —

    With good microcopy — With just enough information (remember, less is more)
  4. “ An intellectual says a simple thing in a hard

    way. An artist says a hard thing in a simple way. CHARLES BUKOWSKI
  5. UNDERSTANDABLE — Written with clear and simple language — By

    using enough headings — And with meaningful titles, captions, lists, tables, …
  6. USABLE — With good navigation solutions — With clear call

    to actions — With no more than 75 characters per line — With prioritised content when needed
  7. ACCESSIBLE — With enough contrast – 4,5:1 or even 7:1

    — With a high contrast mode (when possible) — Is keyboard accessible — Uses appropriate font sizes — Don’t forgets titles, captions, alt tags
  8. KEEP IT SIMPLE — Don’t use large photos just for

    a sake of it — Don’t use sliders to fill space — Have enough whitespace — Have clear call to actions
  9. Know your users AND WHAT THEY NEED TO DO ON

    YOUR WEBSITE Photo by Janko Ferlič on Unsplash
  10. Innovate AS WE ARE THOSE WHO NEED TO 
 PUSH

    FOR INNOVATION Photo by Alex Knight on Unsplash
  11. Be bold DON’T BE AFRAID OF YOUR MISTAKES 
 BUT

    LEARN ON THEM Photo by Emma Frances Logan on Unsplash
  12. Be emotional AS BEING EMOTIONAL HELPS YOU 
 SEE THE

    BIGGER PICTURE Photo by NASA on Unsplash
  13. Be honest TO YOUR USERS, TO YOUR CLIENTS 
 AND

    TO YOURSELF Photo by Nicholas Sampson on Unsplash