Sharepoint UX- Tech Fest 2013
•
1 like•124 views
This document provides an overview of a SharePoint 2013 user experience presentation. It introduces the presenters Tracey Nolte and Dennis Jackson. It discusses setting up a Yammer account and using Twitter to ask questions. It frames SharePoint as a skiing analogy. The agenda includes a story about the fictitious company Crossbone, discussing why user experience is important, and reviewing tools and approaches for user experience design. It demonstrates working with designers, SharePoint, and users.
Recommended
More Related Content
Similar to Sharepoint UX- Tech Fest 2013
Similar to Sharepoint UX- Tech Fest 2013 (20)
Recently uploaded
Recently uploaded (20)
Sharepoint UX- Tech Fest 2013
- 1. SHAREPOINT 2013 USER EXPERIENCESharePoint TechFest | April 4, 2013
- 2. INTRO Tracey Nolte User Experience Practice Area Lead Photographer, Videography and loves TRAVELING – pic is in New Orleans Owns 2 Pomeranians Sci-fi and gamer fanatic @traceynolte
- 3. INTRO DENNIS JACKSON Solution Architect Soccer Player Father of 3 amazing kiddos Husband to a beautiful wife @dennisjjackson
- 4. YAMMER yammer.com/dallassharepointtechfest2013 1. Set up your account 2. Check email to confirm 3. Login to Yammer 4. Request an invitation 5. WAIIIIIIIIIT FOR IT > approval 6. Join our Group “SharePoint 2013 User Experience Design”
- 5. TWITTER 1. Tweet questions @dennisjjackson 2. His COOL watch will show us the tweets
- 6. SHAREPOINT IS LIKE SKIING… It’ .s feels cold and unnatural when you first try it out .You could spend a lot of money for the equipment It’s something you experience alone but much more !fun with a group of people You can never get enough training – face it an instructor and bunny hill will not .make you an expert If you don’t plan which path before you get started .you can end up falling off a cliff .It takes a lot of courage to try the harder stuff The whole time, you are trying NOT to fail – .or die There aren’t always gondolas at the top to take you .down if you chicken out You can’t always backup If you don’t plan ahead you could crash and break ..something
- 7. AGENDA The Story of CrossboneCrossboneCrossboneCrossbone Why UX? Approach & Tools Demo Wrap- Up
- 8. THE STORY OF CROSSBONE Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 9. WHAT IS… CROSSBONE It is a fictitious company – that’s way cooler than CONTOSO It’s about uniting extreme sports enthusiasts with music and gear We will showcase common business problems and demonstrate how to solve them Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 10. CROSSBONE PROBLEMS Existing site looks outdated Low visitor count, hard to find information, search results aren’t .great and want to increase community No success .criteria and measure it ongoing for improvements Wasteland of disorganized content and frustrated shoppers Employees cant connect with customers They want user to be able to listen and buy music online Desire to use the latest SharePoint 2013 environment And they wanted to “HAVE A GOOD TIME” Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 11. :// . . / /http www youtube com embed 6Ls5j5iz2eA
- 12. STEP 2 WHY UX?
- 13. USER EXPERIENCE IS ABOUT PEOPLE. • • • • •
- 14. USER EXPERIENCE IS ABOUT PEOPLE. When things are well designed, intuitive, easy and fun .People are delighted
- 15. WHAT IS USER EXPERIENCE? INFLUENCE DECISIONSTASKS AND THINGS CONSEQUENCES WHICH AFFECT BUSINESS GOALS AFFECT HOW PEOPLE FEEL
- 16. User Experience is the design of TASKS AND THINGSTASKS AND THINGSTASKS AND THINGSTASKS AND THINGS to influence users to make decisions that align to business goals – like profitability, .engagement and efficiency WHAT IS USER EXPERIENCE? INFLUENCE DECISIONSTASKS AND THINGS CONSEQUENCES WHICH AFFECT BUSINESS GOALS AFFECT HOW PEOPLE FEEL
- 17. HOW DOES THIS APPLY TO… Store Documents Share Knowledge Create Content Learn About… Follow People Search Information TASK + THINGS AFFECT HOW PEOPLE FEEL INFLUENCE DECISIONS CONSEQUENCES WHICH AFFECT BUSINESS GOALS SHAREPOINT Feels easy to use Trusted information Confident in creating Fun to learn Easy to find experts Intuitive and can find what I need I WILL STORE INFO I WILL RELY ON IT I WILL CREATE IN IT I WILL ENJOY IT I WILL SEEK PEOPLE I WILL RETURN TO IT User Delight & Adoption Return on Investment Improved Communication Enrich company culture Employee engagement Increased efficiencies
- 19. OUR APPROACH? 1. Set measurable business goals 2. Talk to their users – DON’ !T ASSUME YOU KNOW THEM Learn their needs, preferences, ,tasks the equipment they use to .access the site and other things that affect them 3. Combine user requirements with business goals 4. Prioritize features to user priorities 5. Content audit and strategy 6. Select DESIGN FRAMEWORK (Twitter Bootstrap, 960 GS)) 7. ( )Wireframe FOCUS ON FUNCTION NOT BEAUTY 8. Technical feasibility review with developers 9. Test and validate with real people 10. Visual Design (now… you can make it pretty))
- 20. TOP TOOLS DISCOVERY, PLANNING & DESIGN
- 21. TOP TOOLS TESTING and VALIDATION
- 24. TOP TOOLS
- 25. TOP TOOLS Guiding PrinciplesGuiding PrinciplesGuiding PrinciplesGuiding Principles are a well-defined credo that can steer .your business to success
- 26. TOP TOOLS PersonasPersonasPersonasPersonas represent major groups of users to help focus on their tasks and needs
- 27. TOP TOOLS Task analysisTask analysisTask analysisTask analysis 'learning about your users ,goals what they want to do in the system and how they work
- 28. TOP TOOLS A use caseuse caseuse caseuse case is a description of how users will .perform tasks on your site A use case includes two main :parts • Steps a user will take to accomplish a particular task • The 'way the site should respond to user s actions
- 29. TOP TOOLS A Content StrategyContent StrategyContent StrategyContent Strategy ,includes a content audit content inventory and planning for how to redistribute information in the new , .site while focusing on priority ownership and information targeting
- 30. TOP TOOLS A WireframeWireframeWireframeWireframe is a blueprint that demonstrates the new layout of your site and should iteratively change .based on thorough testing
- 31. TOP TOOLS A WorkflowWorkflowWorkflowWorkflow ,is similar to a task analysis but demonstrates FUTURE state task flow and should be . ..tied to a wireframe action
- 32. TOP TOOLS
- 33. TOP TOOLS
- 34. TOP TOOLS
- 35. TOP TOOLS
- 36. TOP TOOLS
- 37. TOP TOOLS
- 38. TOP TOOLS
- 39. TOP TOOLS
- 40. TOP TOOLS CREATE DESIGN with LAYERS
- 41. TOP TOOLS CREATE FINAL DESIGN Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 42. TOP TOOLS SLICE Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 43. TOP TOOLS Save for Web Crossbone, Crossbone Brands, and all creative designs are the exclusive property of Slalom Consulting, LLC. Reuse, modification, or redistribution without the explicit permission of Slalom Consulting is strictly prohibited
- 46. TOP TOOLS
- 47. TOP TOOLS
- 51. STEP 4 DEMO
- 52. WORKING WITH THE DESIGNER Break down the wireframe or design
- 53. WORKING WITH THE DESIGNER Look for main functional areas
- 54. WORKING WITH THE DESIGNER Figure out div spans based on framework selected
- 55. WORKING WITH THE DESIGNER Identify the functional areas
- 56. WORKING WITH SHAREPOINT Basics Dev environment Cloudshare Approach App deployment Farm based solution Design Manager Source Control What to control Dev Team Communication Documentation
- 57. WORKING WITH SHAREPOINT Start with Content Metadata Site Columns Content Types Lists and Libraries
- 58. WORKING WITH SHAREPOINT Moving to Structure ( )Master Page s Page Layouts WebParts Content by Search
- 59. WORKING WITH SHAREPOINT Style Frameworks .960 gs Twitter Bootstrap JQuery Customize CSS JS Jquery
- 60. WORKING WITH SHAREPOINT Debugging tools Cloudshare Fiddler Tool Chrome Dev tools /Firefox Firebug
- 61. WORKING WITH USERS Governance Soft Governance Hard Governance Content Loading and Training
- 62. STEP 5 WRAP UP
- 63. STEP 5 WRAP UP