The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the...

20

Transcript of The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the...

Page 1: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was
Page 2: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

The new menu model to the GloboEsporte.comwebsite

Page 3: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

GOAL

Identify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.comwebsite.

METHODOLOGY

An usability test was conducted with 4 menu models.

SAMPLE

15 people. 10 men, 5 women. Everybody navigates in the 4 menu models.

Page 4: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

BasketballMotor SportRadical Sport

SoccerUltimate Fighting

TennisVolleyball

First Page

Spotlight

More Sports

Columnists

Sports

Brasileirão

Formula 1NBA

Pan 2007

Cartola F.C.

Interviews

Blogs

Headlines

Calendar & Games

Specials

Multimedia

RSSVideos

PhotosInfographics

Sports on TV

SporTV

Auto EsporteEsporte Espetacular

Globo Esporte

Before the usability test, some proposal to the menu organization was made.

In the first proposal, the links had been placed in an alphabetical sequence.

Menu main areas:� Spotlight� Sports� More Sports� Multimedia� Sports on TV

Short-cuts and hot-links

Sports modalities

Sports content related links

Multimedia area

Sports TV shows

Page 5: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

Basketball

Other Sport

Radical Sport

Brazilian Soccer

Ultimate Fighting

Tennis

Volleyball

First Page

Spotlight

More Sports

Columnists

Sports

Brasileirão

Pan 2007

Cartola F.C.

InterviewsBlogs

HeadlinesCalendar & Games

Specials

RSS

VideosPhotos

Infographics

Sports on TV

SporTVAuto Esporte

Esporte EspetacularGlobo Esporte

International SoccerFormula 1

NBA

Stock Car

Swinsuit Girls

In the second proposal, the sub-levels had been reduced and the links had been placed by the itens which has more access.

Menu main areas:� Spotlight� Sports� More Sports� Sports on TV

Short-cuts and hot-links

Sports modalities

Sports content related links

Sports TV shows

Page 6: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

Basketball

Motor Sport

Radical Sport

Soccer

Ultimate Fighting

Tennis

Volleyball

First Page

Spotlight

More Sports

Columnists

Sports

BrasileirãoFormula 1

NBAPan 2007Cartola F.C.

InterviewsBlogs

HeadlinesCalendar & Games

Specials

Multimedia

RSS

VideosPhotos

Infographics

Sports on TV

SporTVAuto Esporte

Esporte EspetacularGlobo Esporte

In the third proposal, the links had been placed by the itenswhich has more access.

Menu main areas:� Spotlight� Sports� More Sports� Multimedia� Sports on TV

Short-cuts and hot-links

Sports modalities

Sports content related links

Multimedia area

Sports TV shows

Page 7: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

CURRENT MENU MODEL

� A single click on the item loads a new page and alsodisplays the menu sub-items.

� The menu is understandableon the first level.

� The menu doesn´t benefitnavigation between otherlevels (second and thirdlevel).

1

2

Page 8: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

CURRENT MENU MODEL

� The new page loading whenclicking on the first level item turns the user´s attentionaway from the menu towardsthe page.

� When the user´s intentionis to find a second level page, the new page loadingconfuses the user.

1

2

Page 9: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

CURRENT MENU MODEL

� Many users doesn’t find thesecond level items in themenu and affirm that theyshould be in the menu.

1

2

Page 10: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

CASCADE MODEL

� No clicks are necessary to view the sub-items.

� The navigation betweenlevels is favored through thismenu.

� This model offers some dificulties to handle - notevery user has total controlover the menu and it takes a couple of tries to click on thedesired item.

1

2

Page 11: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

CASCADE MODEL

� This model offers some dificulties to realize that theitem that opens sub-itemsdoesn´t have a link. To open the item´s home, the usermust click on the sub-item called “Initial Page”.

3

Page 12: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

TREE VIEW MODEL

� The click over the "+" shows the menu sub-items.

� The click over the wordloads a new page and alsoshows the menu sub-items.

� The menu is understandableon the first level.

� A few people realize thatthe click over the "+" is different from the click over the word.

1

2

Page 13: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

3

4

TREE VIEW MODEL

� Most people only click over the word.

� This menu model doesn’t favor the navigation betweenlevels (through the menu).

� The new page loading (clickover the word - first levelitem) doesn’t favor thenavigation between otherlevel itens (the user turns hisattention to the page).

Page 14: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

3

4

TREE VIEW MODEL

� Many users don’t find thesecond level items in themenu and affirm that theyshould be in the menu.

Page 15: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

“GOOGLE ANALYTICS” MODEL

� The click over the itens shows the second level sub-items and doesn’t load thecorrespondent page.

� The click over the item shows the third level sub-items and does not load thecorrespondent page.

1

2

Page 16: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

3

4

“GOOGLE ANALYTICS” MODEL

� This is the menu model thatpresented the best userperformance (the user´sattention does not turn fromthe menu to the page).

� This model favors thenavigation and perception ofnavigation between otherlevels (second and thirdlevel).

Page 17: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

3

4

“GOOGLE ANALYTICS” MODEL

� Everyone used this modelwith easiness.

� Everyone navigated in thesecond and third levelsthrough this menu.

� The users attention is notturned to the page favoringthe navegation through thismenu.

Page 18: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

3

4

“GOOGLE ANALYTICS” MODEL

� To open the item´s home, the user must click on thesub-item called “Initial Page”.

Page 19: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

GENERAL CONSIDERATIONS

� Spotlight area: efficient. Many users search for thewanted items in this part of the menu.

� Multimedia area: efficient. Most users located thevideos homepage using this part of the menu.

NEXT STEPS

The GloboEsporte.com website team is now working to develop and implement the "Google Analytics" menu model, based on the usability test users, one of the four tested alternatives.

Page 20: The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the best navigation to the GloboEsporte.com website. METHODOLOGY An usability test was

Thank you! :-)

� Laura Cretton LessaManager of information [email protected]

� Márcio TristãoCoordinator of information [email protected]

� Eduardo Rangel BrandãoInformation [email protected]