1. Baker & McKenzie International is a Swiss Verein with member law firms around the world. In accordance with the common terminology used in professional service organizations, reference to a “partner” means a person who is a partner, or equivalent, in such a law firm. Similarly, reference to an “office” means an office of any such law firm. Global Content Targeting Design Patterns and UX ILTA SharePoint Symposium – 2011 Will Gaus

2. 2 Context

3. 3 Who was involved? –Development –Implementation of visual design

4. 4 What is GCT? –Allow users to share any “linkable” SharePoint object with other users in a manageable, easy to use manner. –These shared items would include sites, pages, list views or single document or list item. –Choose a list of roles or groups they wish to share the item with. –View and manage the items that have been shared with them. –Secure content not shareable.

5. 5 Soft Release –Trying to avoid information overload. –Entirely new concept within the firm. –Available for everyone to use within the firm today. –Full training materials available. –Targeted communications and partnership starting with specific high impact groups, stakeholders & power users. –Positive feedback and functionality requests.

6. 6 Creating the UX

7. 7 Visual & Interaction Design Goals –Create an engaging interface that will reward users who explore. –The interface should reward users interaction in subtle ways as not to distract but offer visual cues and acknowledgement. –Emulate similar external experiences. –Meet brand requirements. –Keep it professional

8. 8 Or more simply put –Easy to like –Easy to understand –Easy to use

9. 9 Leveraging learned behaviors –Design Patterns –Patterns are templates that are used to solve a defined website design problem (Barker). –Yahoo! Design Pattern Library –Competitors and industry trends –Look for similar experiences internally and externally

10. 10 Patterns in action

11. 11 Windows Phone Design – Codename Metro

12. 12 Leveraging familiar experiences

13. 13

14. 14 Vision to realization

15. 15 Braun (Rams) & Apple (Ive) Braun LE1 speaker and Apple iMac Braun T3 pocket radio and Apple iPod

16. 16 Braun & Apple (cont.) Braun Atelier TV and iMac 24 Braun L60 sound system and Apple iPod Hi-F

17. 17 My personal favorite Braun calculator and Apple iPhone Calculator

18. 18 Emulating “Sharing” experiences in GCT

19. 19 Patterns emerge for sharing content…

20. 20 …especially for specific content items and

21. 21 …managing the shared content.

22. 22 GCT

23. 23 ‘Share This’ on every page for every item

24. 24 Target an audience

25. 25

26. 26 On a mouse over of an item a drop shadow will appear.

27. 27 Upon mouse over of the ‘# of Shares’ box the outline of the boxes will switch to VIP Green.

28. 28 Upon mouse over of both the View & Clear buttons the box will fill with VIP Green.

29. 29 Upon clicking on a stacked box, which indicates multiple shares, the box will fill with VIP Green, the text will bold and go white. A comment cloud will appear below the item exposing all the comments. The user must ‘x’ out of the box in order for it to close.

30. 30 Questions?

31. 31 Sources –Alexander, Christopher, The Timeless Way of Building. Oxford University Press, 1979. –Barker, Dean, User Interface Patterns: Reusable solutions for design. Human Factors International, Inc. July 12, 2007 –Fekete, Gyorgy, Designing the holy search box. Smashing Magazine, December 4th 2008. –Windows Phone Design System – Codename Metro. Microsoft Corporation –David Grizzard, Braun vs. Apple: Inspiration Or Peculation? BlogRizzard. August 6 th 2009