1. User Experience
& Interface Design
PAY PER CLICK MANAGEMENT • SEARCH ENGINE OPTIMIZATION • SOCIAL MEDIA • UI DESIGN – WEB & MOBILE • LANDING PAGE TESTING ı
CONVERSION FUNNEL OPTIMIZATION • CONTENT STRATEGYı
ı
ı
ı
10-‐Spaces
Interac/ve
T
(312)
508-‐3878
mdeyoung@10-‐spaces.com
10-‐spaces.com
ı
2. The Team
Matt DeYoung
Digital Strategist
Gaurav Kashyap
User Experience Designer
Sharon Hines
Account Manager
ı
ı
ı
ı
ı
10-‐Spaces
Interac/ve
T
(312)
508-‐3878
mdeyoung@10-‐spaces.com
10-‐spaces.com
ı
Our team has worked with lots of different
companies over the years. Many of these you’ve
heard of… Cisco, HP, Intel and Westinghouse.
We’ve worked with successful small businesses
too... Mbira Technologies, Futureceuticals, TVA
Media Group and many more. Now, we want to
put this collective experience to work for you.
3. Our Motto
TRUST TESTS, NOT OUR GUESSES
Analytics prove what’s right and what works, not our guess of what we feel
should work.
BE USABLE NOT JUST COOL
Don’t build a site that looks cool but is difficult to use. Build a site that
functions for your end user and is still cool
ITERATE, DON’T GET STUCK
If the plan is to build a site, launch, and just walk away - you’re planning to
lose
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
5. Traditional Approach
Start with listing all the content
Prioritize the listed content
Develop a Sitemap
Create IA diagrams
DELIVERABLE
Sitemap + Data Diagrams
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
6. 100% focus on logical user.
You don’t get to see any designs before architecture is completed.
Who really knows what will work and what will fail?
Traditional Approach
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
7. Start with all the content
Prioritize the listed content
Develop a Sitemap
Create 1-2 design documents
Include usability testing
DELIVERABLE
Sitemap + Few Design Docs
Advanced Approach
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
8. Testing to see what works & we get the design documents.
Still leaving out the end user.
Advanced Approach
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
9. Create User Profiles + Develop
User Stories
Develop wireframes & design
documents to diagram the user
stories
Usability Test + Iterate Step 1 & 2
Architect sitemap based on final
results
DELIVERABLE
Full User Stories, Wireframe
of Core Pages, and Sitemap
Design Approach
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
10. 100% focus on end-user (non-logical)
You get to see & interact with real designs the whole way
You test designs and architecture. You don’t rely on assumptions.
Design Approach
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
11. User Profiles are useful in considering the goals, desires,
and limitations of users in order to help to guide decisions
about a service, product or interaction space such as
features, interactions, and visual design of a website
User Profile
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
12. Use Case
Use case focuses on describing how to
achieve a goal or a task
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
13. Wireframes
Over the course of a project the wireframing exercise
functions as a stable base on which to consider changes,
diverse user paths, and new requirements
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
15. Design Process
Start with hand
sketches
Upgrade to wireframes
Create design
compositions in
Photoshop
Quickly prototype
hyperlinked designed
for testing and demos
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com