Office Online information architecture re

Transcription

1 Office Online information architecture re 0

2 Office Online information architecture re

3 Plug-and-Play Concept Visual Compositional Conceptual

4

5 The History The Office web site has been through 3 major changes in its life, from Office Update, Tools for the Web and now Office Online. With a few milestones remaining before the launch of Office 12, we have a lot of work ahead of us in order to create the 4 th generation of the Office Online web site. Starting with the Information Architecture redesign, slated for M4, we will work on a phased approach that will build on the ideas presented in this book leading us towards the Office Online redesign for Office 12. Of Ap Office Online September 2003 Tools on the Web September 2003 Tools on the Web March 2002 Office Update January 2000

6 Proposed Global Site Map The main objective of this project was the redesign of the Information Architecture for the Office Online website. The Office Online web site is growing and the Information Architecture needs to reflect a scalable solution for site redesigns moving forward. This diagram represents the proposed site architecture and how content will be organized across the network and persistent areas of the site.

7 Office System Search (Run once) How do I? - Learn how to use Office -- Find out about Office Product Info OneNot e Live Meeting Mobile Solutions Verti cal mark ets Lifestyl e Find Peo ng l p e e Like M Apps (sub-sites) Assistanc e Communi ty My OO Ups ell area Search (Run once) Product Info OneNote Live Meeting How do I? - Learn how to use Office -- Find out about Office Vertical markets Find People Like Me Apps (sub-sites) Assistance Community Office System Traini Temp a e Se arch l t s User Assistance Mobile Solutions Partner Product Info Solutions My Lifestyle Apps (sub-sites) Vertical Markets - Marketing - Business Community Poll Survey Friend Office Online EXPLORATION DESIGNS Comparative Analysis Vignettes Branding Mood Boards Inventive Familiar Engaging Professional Passionate Personas Melissa Jack Abby Suzy Deanna Developed Concepts Organic / Architecture Community Corporate Information Worker Mobile Information Worker General User Small Business Information Worker and Entrepreneur Small Business Information Worker Mobile Content Scenarios Persona Mood Boards My Office Lifestyle

8 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Client Board Review - Proposed Site Designs The goal of the client board review was to present the two schemes that best represented solutions that solved the site objectives and included featured learned during the Exploration phase. The following schemes represent two very distinct approaches for the Office Online Information Architecture redesign. Scheme A - Network Navigation Scheme B - M Home Page Product Page Home Page!!!!!

9 Client Board Review - Proposed Network Navigation Scheme The Network Navigation scheme proposed persistent network navigation across the top portion of the site in place of the static masthead we have today. This is valuable real estate and we feel this space should be utilized for top tier and persistent navigation on the Office Online web site. The left side navigation is product centric and contextualized based on the user s experience. Scheme A - Network Navigation Home Page IA wireframe Home Page visual design!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

10 Client Board Review - Proposed Network Navigation Scheme The Product page shows how the left hand navigation is contextualized to user s experience within the MS WORD home page. Here we show how Tips and Techniques, Templates and Training are scoped for the WORD only page. The horizontal navigation remains persistent. Scheme A - Network Navigation Product Page IA wireframe Product Page visual design!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

11 Client Board Review - Proposed Masthead Scheme The Masthead scheme assumes that the top masthead area is sacred and cannot be utilized for programmed navigation or content. This scheme was developed based on the assumption the MNP/MRF guidelines would dictate this expensive and valuable real estate. This scheme relies on the left hand navigation to show the depth and breadth of the site offerings on the home page but still provides a contextual experience on subsequent pages. See Page 11. Scheme B - Masthead Home Page IA wireframe Home Page visual design!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

12 Client Board Review - Proposed Masthead Scheme The Masthead scheme uses a simple rollup horizontal navigation that represents the high level content buckets on the homepage. The navigation is now a series of horizontal drop downs used to free up the left hand navigation for a more contextual user experience. Scheme B - Masthead Product Page IA wireframe Product Page visual design!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

13 Selected Scheme A - A Lay of the Land During the Client Board review it was clear that everyone wanted to pursue the Network Navigation Scheme further to see how it might test in front of users in our usability labs. The following pages represent secondary and tertiary pages that were built around Scheme A in order to create a working prototype used for testing. Home Product Clip Art + Media Clip Art List Help + How To Deployment Center More For Your Office Office For Occupations

14 Home Product

15 Clip Art + Media Clip Art + Media List

16 Templates Templates List

17 Help + How To Deployment Center

18 More For Your Office Office For Occupations

19 Evaluate + Buy Office System

20 Content Modules - InfoPane The info pane is one of the most important areas for rendering content on each top tier page. Below are a few variations on how we might utilize the info pane across the site. The goal is to increase the feature image size, provide a more prominent feature title, show related topics for that day, and up sell or cross promote our product line. The key to the right show where this content is located within the page design.

21 Content Modules - Clip Art and Downloads Similar to the info pan, the clip art module has been redesigned to be more flexible and take advantage of more actionable tasks directly inline. Again, we re showing a few variations on this theme. The key to the right show where this content is located within the page design.

22 Content Modules - Features and Quick Links The features and quick links module is also meant to be dynamic and flexible in order to leverage daily programming needs. A key component of this module is defining the 3 conceptual navigation areas: Help and how to, Enhance and extend, and Evaluate and compare. These studies show various ways to help user gain a better understanding of these 3 areas by associating content types with links. The key to the right show where this content is located within the page design.

23 Prototype Development All prototypes for the following pages can be found here: \\ipoawsfs101\sharedfolders\oodesign\ms_public\ia_prototype\prototype\index.html Home \\ipoawsfs101\sharedfolders\ OODESIGN\MS_PUBLIC\IA_prototype\ Prototype\scheme2\home\index.html Templates \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ templates\index.html Training \\ipoawsfs101\share PUBLIC\IA_prototyp index.html Product - Excel \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ product\excel\index.html Template List \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ templates\results\index.html Training List \\ipoawsfs101\share PUBLIC\IA_prototyp list\index.html Product - Publisher \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ product\publisher\index.html Template Preview \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\ scheme2\templates\preview\index.html Help + How To \\ipoawsfs101\share MS_PUBLIC\IA_pro help\index.html Clip Art + Media \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ clip_art\index.html Deployment Center \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ deployment\index.html Help: Main \\ipoawsfs101\share PUBLIC\IA_prototyp list\index.html Clip Art + Media List \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ clip_art\list\index.html More For Your Office \\ipoawsfs101\sharedfolders\oodesign\ MS_PUBLIC\IA_prototype\Prototype\scheme2\ more_for_office\index.html Help: Excel 20 \\ipoawsfs101\share PUBLIC\IA_prototyp excel2000\index.htm

24

25 Links to Usability Documentation Part 1: Taxonomy studies-test results Usability_results\UsabilityReport_test1.doc (INTERNAL ONLY) Part 2: Prototype testing scenarios (Usability Lab testing doc) TaskList12843-V3.doc (INTERNAL ONLY) Part 3: Prototype testing-test results UsabilityReport_test2.doc (INTERNAL ONLY) Usability Test 1 - Taxonomy studies-test An information architecture study of the Office Online Web site was conducted March 29 th 30 th, A total of 9 individuals performed card sorting and labeling exercises. This study consisted of a traditional free sort and validation card sort activities. The main goal of this study was to determine how users organize, categorize, and label information on the Office Online site and to use these results to inform the site s architecture and left-navigation. The secondary goal was to determine which content items and categories are confusing for users. Usability Test 2 - Navigat A usability study was condu prototype that was used dur through the web site. Partic told they could not use sear participant s success rate an During this study 8 participa Participants attempted to pe Creating a flyer with Pu getting specific Help Getting updates for Off Finding legacy Help (fo Planning for Office , and getting serv Getting information for Getting a solution from Getting an accelerator The specific study s goals were as follows: Determine how users organize and group information at a task level. Determine if participants can place items into the correct top level categories. Determine if participants can place 2 nd level navigational items into the correct top level categories. Determine how users would label the group of items for Office for Business. Determine how users would label items for Office Online. Overall, the category labels were fairly successful and participants were able to place many items into the correct categories. Approximately 66% (31/47) of the items were placed in the correct category 75% of the time or more. Approximately 17% (8/47) of the items were placed in the correct category 25% of the time or less. When sorting items at a task level in the Help + How-to category, on average, 71% of all of the items that should have been placed in this category were successfully placed. 29% of all of the items that should have been placed in this category went somewhere else. When sorting items at a task level in the Evaluate and Buy category, on average, 65% of all of the items that should have been placed in this category were successfully placed. 35% of all of the items that should have been placed in this category went somewhere else. When sorting items at a task level in the Get More for Office category, on average, 60% of all of the items that should have been placed in this category were successfully placed. 40% of all of the items that should have been placed in this category went somewhere else. When sorting items at a task level in the Office for Business category, on average, 70% of all of the items that should have been placed in this category were successfully placed. 30% of all of the items that should have High Level Findings Participants during the limited nature of the pr example, the majority o the prototype containe navigation. Even though participan attempted to use this Terminology did not ap able to quickly come Office Online web sit encountered the deplo clicked on this link. The top navigation do participants ignored the 6/8 participants state of information participa commented that they exhibited a scanning b then scroll to the bottom There does not appea had difficulty determini new fixes for Office, se times before realizing a