10 spaces-ux capabilities-presentation

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 [email protected] 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


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


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


Testing to see what works & we get the design documents. Still leaving out the end user.

Advanced Approach


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


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


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


Use Case

Use case focuses on describing how to

achieve a goal or a task


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


II. Design

Design Process Start with hand sketches Upgrade to wireframes Create design compositions in Photoshop Quickly prototype hyperlinked designed for testing and demos


Sketch


Wireframe


Photoshop Design


Sketch


Wireframe


Photoshop Design


Sketch


Wireframe


Photoshop Design


Sketch


Wireframe


Photoshop Design


Portfolio

HP TouchSmart



Touch Applications

Math Success


Touch Applications

ACT SAT


And 50+ Small Businesses

Next Steps Phone: 312-508-3878 Email: [email protected] 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.
