A general overview and intro to User Experience and User Interfaces by Robby Grant, Gabe Martin and David Sparks at Archer Malmo. Talk was given at StartCo in Memphis TN, May 24th, 2017 to help new startups improve the functionality and focus on users during early stages of development.

1. INTRO TO
UX/UIRobby Grant, Gabe Martin, David Sparks

2. WHAT IS UX?
“User experience” is how a person feels
when they use your product.

3. WHAT IS UX?
It is the sum of a series of interactions

4. WHAT IS UX?
It goes beyond digital

5. CuCC
USEREXPERIENCE(UX)
CUSTOMEREXPERIENCE(CX)
USERINTERFACE(UI)

6. knowyourusers giveusers
whattheyneed
makesureusersare
gettingthemessage

7. WHY UX?
Customers are making decisions based on it.

8. KNOW YOUR USERS
Who are they?
What is important to them?
What do they need to do?

9. WHAT IS THE SECRET
TO GREAT UX?
Empathy.

10. PERSONAS MAKE YOU
SYMPATHETIC

11. GIVE USERS
WHAT THEY NEED
Is it an native app or a web experience or
something else?
Do they need to find information on their own
or talk to someone?
Does everyone on your team agree on what
users need?

12. FIND OPPORTUNITY
THROUGH ANALYSIS

13. GET DEFINITIVE ANSWERS
WITH ANALYTICS

14. GUIDE YOUR USERS WITH
TASK ANALYSIS

15. MAKE SURE
EVERYONE AGREES

16. SKETCH FIRST

17. MANY TOOLS TO
GET THE JOB DONE

18. BE SURE USERS ARE
“GETTING” THE MESSAGE
Can they find and understand it?
Can they take the next step?
What’s the best message?

19. HAVE A CLEAR
CONTENT STRATEGY

20. user test to be sure

21. A/B TEST TO
IMPROVE
A B

22. UX RECAP
• ?
Questions
• who are they?
• what is important to them?
• what do they want to do?
• is it an native app or a web experience or
something else?
• do they need to find information on their
own or talk to someone?
• do you agree on what users need?
• can they find it?
• can they take the next step?
• what’s the best message?
What you
should do
• market research
• personas
• competitive analysis
• web analytics
• user task analysis
• sitemap and wireframe
• content strategy
• user testing
• A/B Testing
Tools
• usability.gov persona guidelines
• nngroup.com/topic/personas/
• Analytics: Google Analytics, Keen.io
• Wireframes: Axure, Balsamiq, Figma,
Invision, Marvel, iRise, Proto.io, Google
Drawing, Pixate, Webflow,
• User testing: User Interviews,
UserTesting.com
• A/B Testing: Optimizely,
VWO.com
• UsabilityHub.com
• LuckyOrange.com
MAKESUREUSERSARE
GETTINGTHEMESSAGEGIVEUSERSWHATTHEYNEEDKNOWYOURUSERS

23. WHAT IS UI?
The “user interface” is everything with
which a human being may interact

24. USABILITY

26. BE OBVIOUS

27. ESTABLISH A HEIARCHY

28. OPTIMIZE SCANNABILITY

29. OPTIMIZE LEGIBILITY

30. USE COLOR WISELY
#E26820
Call to action
button 1
#3366CC
Call to action
button 2
#53585F
Body text
#333333
Title text
#F1F1F1
Top Google Bar
#EBEBEB
Borders

31. COLOR NEEDS

32. IMPROVE
YOUR COPY

33. COPY & MICRO-COPY

34. QUESTIONS?
David Sparks
@DigitalSkraps
Gabe Martin
@ GabeMartin
Robby Grant
@fourgrant