The document discusses several principles for creating a better user experience both online and offline: 1) Focus on simplicity and making things easy to understand in a short amount of time for mobile contexts. 2) Bridge the gap between physical and digital interactions by designing commands that reflect real-world manipulations. 3) See your product from the user's perspective to understand how they will actually use it. 4) Focus on solving problems that users actually have, not just potential solutions looking for problems.

1. BEAUTY IS IN THE DETAILS:
CREATING A NICER EXPERIENCE
ONLINE AND OFFLINE
Anjali Ramachandran

2. "You are, in fact, a
mashup of what you
choose to let into your
life. You are the sum of
your influences. The
German writer Goethe
said, “We are shaped
and fashioned by what
we love.”"
Austin Kleon

3. Photo by Flickr user roobee courtesy a CC license

4. Photo by Flickr user roobee courtesy a CC license
Photo by Flickr user aperturismo courtesy a CC license

5. KEEP IT SIMPLE

6. "In the mobile context, you need
to explain what you do in 30
seconds or less because people
move on to the next shiny object.
It's the one context in which
you've got lots and lots of other
stuff going on. You're not sitting
in front of a computer; you're at
a bus stop or in a meeting."
- Kevin Systrom
CEO of Instagram

7. Photo by Flickr user Rego courtesy a CC license

8. Photo by Flickr user Rego courtesy a CC license

9. Photo by Flickr user Rego courtesy a CC license
Photo by Flickr user hawaii courtesy a CC license

10. “With multitouch gestural interaction, commands
may be easier to learn and remember if they are
designed to reflect the manipulations of real world
physical objects, since this is an existing skill that
people already possess.”
Nic Hollingworth
University of Reading
Improving Computer Education for Older Adults, 2009 research

11. Bridge the gap between physical and digital

12. Bridge the gap between physical and digital

13. Bridge the gap between physical and digital

14. Bridge the gap between physical and digital

15. “We can immediately see uses at concerts and
sporting events. But we also like the suggested uses
from one iTunes reviewer, who says this "is going to
be great at meetings, but I can see it being used
while driving."
Suddenly, the iPad is no longer merely digital. It's
analog, too.”
Rick Mathieson
Author and media commentator

16. See your product the way users do

17. See your product the way users do

18. See your product the way users do

19. See your product the way users do

20. “Projects often fail not because the idea is bad, but
because the value their service will provide is not
easily understood.
...If the problem is not obvious to the user, in terms
they understand, the solution won’t matter.
Focusing on the problem keeps a project from
drifting into fantasy requirements: solutions looking
for a problem.”
Stephen Turbek
User Experience Lead at a financial services firm in New York

21. Focus on the people who matter most

22. Focus on the people who matter most

25. “....it's all about learning as quickly as possible and
validating our designs and assumptions. Talking to
users and observing them use our site helps us
understand the why behind the metrics.”
Michelle You
Co-founder, Songkick

26. Mystery meat navigation

27. Mystery meat navigation

28. Human Factors
(optimizing the relationship between technology and humans)
Human Factors Engineering
(applying what we know about human capabilities and limitations to
product, process and systems design)

29. KISS : simple is best
-
Bridge the gap between the physical and digital : make it
intuitive
-
See your product the way users do : cut the flab
-
Focus on those who matter most : they’re the ones who count
-
Optimize relationships : be efficient

30. THANK YOU
Anjali Ramachandran
@anjali28
anjali@madebymany.com
http://madebymany.com
@madebymany