10 spaces-ux capabilities-presentation

  • 132 views
Uploaded on

 

More in: Business , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
132
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 4. I.  Strategy  
  • 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
  • 14. II.  Design  
  • 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
  • 16. Sketch 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 17. Wireframe 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 18. Photoshop Design 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 19. Sketch 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 20. Wireframe 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 21. Photoshop Design 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 22. Sketch 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 23. Wireframe 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 24. Photoshop Design 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 25. Sketch 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 26. Wireframe 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 27. Photoshop Design 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 28. Portfolio  
  • 29. HP TouchSmart 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 30. 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 31. Touch Applications Math Success 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 32. Touch Applications ACT SAT 10-Spaces Interactive T (312) 508-3878 mdeyoung@10-spaces.com 10-spaces.com
  • 33. And 50+ Small Businesses
  • 34. 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