View
109
Download
0
Category
Preview:
DESCRIPTION
Citation preview
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 ı
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.
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
I. Strategy
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
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
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
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
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
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
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
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
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
II. Design
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
Sketch
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Wireframe
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Photoshop Design
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Sketch
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Wireframe
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Photoshop Design
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Sketch
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Wireframe
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Photoshop Design
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Sketch
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Wireframe
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Photoshop Design
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Portfolio
HP TouchSmart
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Touch Applications
Math Success
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Touch Applications
ACT SAT
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
And 50+ Small Businesses
Next Steps Phone: 312-508-3878 Email: mdeyoung@10-spaces.com Email: matt10spaces
Let’s connect. Call us for a free, no-obligation 15-minute consultation. You can test our knowledge and learn more about how we can help with your project.
10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
Recommended