+ All Categories
Home > Technology > SharePoint Branding presentation by Tracey Nolte

SharePoint Branding presentation by Tracey Nolte

Date post: 27-Jan-2015
Category:
Upload: tracey-nolte
View: 107 times
Download: 1 times
Share this document with a friend
Description:
 
Popular Tags:
95
Beginner to ADVANCED
Transcript
  • 1. Beginner to
    ADVANCED

2. Tracey Nolte
Work for Slalom Consulting
Background in BI & Design
6 years of SharePoint
Worked with SharePoint 2003, 2007 and 2010
Branded sites for:
AT&T
American Heart Association
Dr Pepper Snapple
Centex Homes
SharePoint User Groups in Baltimore, San Diego & Dallas
3. 4. 5. Branding Examples
Reasons to brand
Problems with old sites
UX/IA = UCD
UCD Process
How to get started
PLAN Your Work, WORK Your Plan
Time/Effort determines BRAND METHOD
METHODS: Themes, CSS& Master Pages
>> demos
6. Create
INNOVATIVE
CHANGE
BRANDING
STYLE
CREATION
INTRANETS
DEVELOP
LIVE
SHAREPOINT
UCD
FUN
USER
FUNCTIONALITY
WEBSITES
ORGANIZE
INTERACTIVITY
COLLABORATE
DESIGN
VISUALIZE
Planning
CREATIVE
7. Who
BRANDS SharePOINT?
8. 9. 10. 11. 12. Proctor & Gamble
13. 14. 15. 16. 17. 18. 19. Other Top SharePoint Sites
http://www.wssdemo.com/livepivot/
20. But
BRANDING
Is not just to make it look pretty
21. Function
Matters
22. What are problems with the past way?
Design decisions were made by managers, project sponsors or executives.
They didnt INVOLVE USERS in design
They didnt understand PROCESSES
They didnt understand IMPACT to USERS
They didnt focus on USER ADOPTION
They didnt focus on USER EFFECIENCY
They didnt focus on USER EFFECTIVENESS
They didnt optimize the developers time
23. Users at CENTER
business
strategy
USER
company
info
brand &
culture
24. User Centered Design
UCD is an iterative
methodology that puts the
user at the center
of all design decisions.
25. UX / IA = UCD
UX = User Experience
IA = INFORMATION ARCHITECTURE
Ways to create USER EXPERIENCE
Design/colors
Interactivity
Page Layout
Emotional Response
The way USERS FIND INFORMATION
Taxonomy
Navigation
Pages
Web Parts
USER CENTERED DESIGN
26. Understanding the perspective a user brings to a system enables us to design that system to meet their needs.
27. 27
What IS THE
USER PERSPECTIVE?
http://bit.ly/czatli
28. 28
USER perspective NO. 1:
NEEDS AND WANTS
I NEED TO FIND INFORMATION FAST
http://bit.ly/duRu7o
29. 29
USER perspective NO. 2:
GOALS, MOTIVATION, AND TRIGGERS
MY GOAL IS TO
BE MORE PRODUCTIVE.
http://bit.ly/cBKoTK
30. 30
USER perspective NO. 3:
Obstacles AND Limitations
I CANT FIND IT.
http://bit.ly/9giEMb
31. 31
USER perspective NO. 4:
Tasks, Activities, AND Behaviors
I HAVE A LOT OF THINGS IN THE AIR
http://bit.ly/9rYgds
32. 32
USER perspective NO. 5:
Geography AND Language
Im Pacific Time
http://bit.ly/agm9aw
33. 33
USER perspective NO. 6:
Environment AND Gear
My NETWORK CONNECTION IS SLOW
http://bit.ly/bdNYpD
34. 34
USER perspective NO. 7:
WORK LIFE AND EXPERIENCE
Im NEW TO
COMPUTERS
http://bit.ly/9a3eCj
35. User Experience
36. User Experience
by Apple
and Microsoft
37. User Experience
by Apple
38. User Experience
By Microsoft
http://www.youtube.com/watch?v=g6B9zex8Bp4
39. What ARE the
BENEFITS OF UCD?
39
Increased Adoption Rates
Improved User Productivity
Higher Initial System Quality
Reduced Maintenance Costs
Realized Return onInvestment
40. SharePoint History & Tools
41. SharePoint HISTORY
1997 1999Site Server : web content management and replication, site analytics, personalization, indexing/search, document management and ecommerce
2000 2001STS : Microsoft releases a free add-on to Office 2000 called SharePoint Team Serviceswhich provides web-based team collaboration
2002 2003 WSS: STS was renamed Windows SharePoint Services (WSS)and became part of Windows Server 2003 and renamed Office SharePoint Portal Server 2003.
2004 2006:SharePoint 2007 with MOSS 2007 released withMicrosoft Performance Point 2007
2007-2010:SharePoint 2010 released with ribbon in Office 2010, social media, and other improvements
42. SharePoint 2003 vs. 2007 vs. 2010
43. SharePoint 2003 vs. 2007 vs. 2010
44. SharePoint 2003 vs. 2007 vs. 2010
45. SharePoint Design Tools

  • Code Editor: SharePoint Designer 2007 or SharePoint Designer 2010

46. Image Editor:Adobe Fireworks, Gimp, Adobe Photoshop 47. Browser: for 2007 (IE ONLY) for 2010 any browser 48. Development / Test Site: for making changes & testing your designs (not live)


Recommended