The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the...
Transcript of The new menu model to websiteIdentify a new menu model, with 3 levels of depth, which provides the...
The new menu model to the GloboEsporte.comwebsite
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.
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
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
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
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
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
CURRENT MENU MODEL
� Many users doesn’t find thesecond level items in themenu and affirm that theyshould be in the menu.
1
2
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
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
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
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).
3
4
TREE VIEW MODEL
� Many users don’t find thesecond level items in themenu and affirm that theyshould be in the menu.
“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
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).
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.
3
4
“GOOGLE ANALYTICS” MODEL
� To open the item´s home, the user must click on thesub-item called “Initial Page”.
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.
Thank you! :-)
� Laura Cretton LessaManager of information [email protected]
� Márcio TristãoCoordinator of information [email protected]
� Eduardo Rangel BrandãoInformation [email protected]