SlideShare a Scribd company logo
1 of 19
Gap Analysis


Published September 19, 2011
Created by Kimberly Callery
Gap Analysis
                    published September 19, 2011 by Kimberly Callery




Gap Analysis
UX Value Proposition
Key Business Objectives                                                Assessment Current Sites                  UX Activites
                                                                       Current State              Future State
Simplify Access to Information                                                                                   • User Survey
Simplify Web Navigation                                                                                          • Persona development
Make things consistent                                                                                           • Mood Board
Base navigation on user needs                                                                                    • User Ecology
Improve Look & Feel                                                                                              • Sketches
Simplify the process of users relating to the                                                                    • Competitors
information                                                                                                      • Event Map
Make it easier to see recommendations                                                                            • Topic Maps
Give more paths for understanding                                                                                • User paths
Give more paths to go in depth                                                                                   • Storyboards

Simplify the paths for users to find facts                                                                       • Experience Maps
Give quick data points                                                                                           • Gap Analysis
Integrate social media when it relates to the subject                                                            • Paper Prototypes (multiple cycles)
Streamline viewing multiple news sources                                                                         • Usability Testing (multiple cycles)
Simplify the process of comparing events                                                                         • Working Prototype (multiple cycles)
Simplify finding related events                                                                                  • Wireframes
Simplify finding related historic events                                                                         • Flowcharts
Encourage return usage
Simplify the process of information intake
Make meaningful interactions for users
Encourage social involvement
Streamline the presentation of personal opinion and
facts
                                                                       Poor             Average      Excellent
Gap Analysis
             published September 19, 2011 by Kimberly Callery




Gap Analysis
Many current news sites are still designing sites with a        Pros                                  Cons
long page length assuming users will scroll.                    • This allows users to scan content   • Users get fatigued with scrolling.
                                                                  quickly to find something they      • With this much content users
                                                                  like or want to know.                 begin to ignore the sidebar
                                                                • Users expect this kind of layout      content.
                                                                  from news sites.                    • This layout is still based on
                                                                                                        traditional newspaper structure.
Gap Analysis
                 published September 19, 2011 by Kimberly Callery




Gap Analysis
BBC tries to keep its design consistent for all versions.                 Pros                                 Cons
Recently, they turned all of their content into “widgets” to be able to   • Many users find this to be a       • The recent redeisgn is getting
organize the page content based on the target audience needs.               number one source.                   mixed reviews of showing the
                                                                          • Column design allows for             source as authoritative.
                                                                            customized layout.                 • Users do not notice the
                                                                          • Ads do not mess with the overall     subnavigation.
                                                                            layout too much.                   • The use of color on the right
                                                                                                                 version, cancels eachother out.




BBC
Gap Analysis
       published September 19, 2011 by Kimberly Callery




Gap Analysis
                                             Site              Pros                                   Cons
                                             Yahoo             • Scannable information                • The blue blends with the black
                                                               • Blue used to bring emphasis to       type.
                                                               areas                                  • Alot of information not in one area.
                                                               • Ads are not in the main row
                                             DIGG              • Allows users to determine what       • No visual interpretation of the
                                                               content is most important              information.
                                                               • Ads are not mixed with the           • All content is aggregrated by users.
                                                               headlines
                                             Huffington Post   • Image of the top story is the main   • Not enough content on the
                                                               focus.                                 homepage.
                                                               • Has some social features that allow • Uses too many styles for the
                                                               users to get involved                 typography to attract attention.
                                             Frontline         • A nice mix of colors in a layout.   • The ad is taking up a good
                                                               • Featured articles are easy to dig   amount of real estate on the
                                                               into to read more.                    homepage.
                                                                                                      • Users tend to scan for keywords
                                                                                                      and these are not easily accessible.
Gap Analysis
            published September 19, 2011 by Kimberly Callery




Gap Analysis
Fox News keeps within a column layout, while                   Pros                               Cons
revealing images and content.                                  • The layout is well balanced.     • Not much hierarchy in the type.
                                                               • The sidebar on the articles      • Ads compete with finding
                                                                 encourage furthers exploration     content on the homepage.
                                                                 of the content.




Fox News
Gap Analysis
                      published September 19, 2011 by Kimberly Callery




Gap Analysis
Newsvine and paper.li both let the users determine the                   Pros                                 Cons
sources and layout.                                                      • Users are able to determine what   • Not encouraged to dig deeper
                                                                           is important.                        into the articles.
                                                                         • Users can share their viewpoint    • Many steps to the full article.
                                                                           easily.                            • Requires time to always update
                                                                         • Able to view other articles          the layout.
                                                                           quickly.




Newsvine & paper.li
Gap Analysis
                published September 19, 2011 by Kimberly Callery




Gap Analysis
KYOO Channels is an aggregation of social threads.                 Pros                                Cons
                                                                   • Clean layout with strong use of   • Authoritative resources are not
                                                                     visuals and typography.             distinguished from the others.
                                                                   • Allows users the ability to       • Articles are not the main focus.
                                                                     customize RSS Feeds.              • All black layout makes traditional
                                                                   • Small amounts of news, in a         news articles difficult to show
                                                                     digestable format.                  and read.




KYOO Channels
Gap Analysis
            published September 19, 2011 by Kimberly Callery




Gap Analysis
MSNBC uses the long scroll layout however reveals the          Pros                             Cons
categories as the user goes through.                           • Categories are easy to scan.   • Categories with content are not
                                                               • Multiple pathways into the       revealed without scrolling.
                                                                 content.                       • Layout is not consistent causing
                                                                                                  the user to jump around too
                                                                                                  much.
                                                                                                • Hard to find content.




MSNBC
Gap Analysis
            published September 19, 2011 by Kimberly Callery




Gap Analysis
CBC News provides a focus on top stories.                      Pros                               Cons
                                                               • Clean layout with a focus on     • Ads are larger than the main
                                                                 white space.                       content.
                                                               • Grid layout of three main        • Not enough content on the
                                                                 columns can be found               homepage.
                                                                 throughout.
                                                               • “Extra” pathways through more
                                                                 related content is encouraged.




CBC News
Gap Analysis
             published September 19, 2011 by Kimberly Callery




Gap Analysis
USAToday created a special interactive visualization for        Pros                                  Cons
a tribute to 9-11.                                              • Quick, visual, and easy to use      • The visualization is lost when it
                                                                  interface.                            switches to content.
                                                                • Targeted information to allow       • The circle does not really tie to
                                                                  the user to focus on one type of      the event.
                                                                  topic.                              • This visualization does not tie
                                                                • Easy to flip to the next article.     to more options on the event
                                                                                                        or encourage more in depth
                                                                                                        research.




USAToday
Gap Analysis
                published September 19, 2011 by Kimberly Callery




Gap Analysis
Newspaper Map allows the user a visual way to locate               Pros                                 Cons
news sources by location.                                          • Showing sources by location.       • Not clear on what sources are
                                                                   • Ability to see multiple sources.     where.

                                                                   • Allows users to dig into new       • The user must know the source
                                                                     sources.                             before finding information.
                                                                                                        • Very processor intensive.




Newspaper Map
Gap Analysis
                 published September 19, 2011 by Kimberly Callery




Gap Analysis
New York Times redesigns are looking to organize news               Pros                                 Cons
in a manner that allows users a cleaner and clearer                 • Good amount of information on      • Not enough content on the
experience.                                                           each article.                        homepage.
                                                                    • Using images for every article.    • Not a clear method for switching
                                                                    • Scrolling is not a main feature.     categories.
                                                                                                         • No pathways to other related
                                                                                                           information are revealed.




New York Times
Gap Analysis
                       published September 19, 2011 by Kimberly Callery




Gap Analysis
Flipboard, Pulse, and theFLUD are all image based                         Pros                                Cons
aggregation of the news.                                                  • Using images to draw users in.    • Images are not enough
                                                                          • Reveals some data on rollover.      information.

                                                                          • Content types are an organizing   • The layouts differ too much from
                                                                            feature.                            one screen to the next.
                                                                                                              • Doesn’t allow the users to look at
                                                                                                                multiple sources at once.




Flipboard, Pulse, theFLUD
Gap Analysis
                  published September 19, 2011 by Kimberly Callery




Gap Analysis
Spectra is a visualization of news. It allows users to                        Pros                               Cons
customize the categories of news and then put in 3d.                          • Visual and easy to customize     • Too many clicks to the full article.
                                                                                interface.                       • Hard to browse articles.
It allows users to customize the categories that are shown and then
puts them into a virtual 3d circle. When one is selected the information      • Clean interface without ads.     • The interface does not meet
is revealed in a colored box in the center. Then it is clicked to go to the   • Color applied in a categorical     the everyday use of reading the
snippet from the source. Then the user clicks to read the whole article.        manner.                            news quickly.




MSNBC
Gap Analysis
            published September 19, 2011 by Kimberly Callery




Gap Analysis
Hitpad aggragates information in channels.                     Pros                                   Cons
                                                               • The channels are an easy to view     • Type is handled differently
                                                                 layout.                                throughout the layout.
                                                               • It is easy to see trending topics.   • Not enough information on the
                                                               • Search and logo are in the first       article for the user to click.
                                                                 location users look.                 • The trending does not tie to a
                                                                                                        category.




Hitpad
Gap Analysis
                 published September 19, 2011 by Kimberly Callery




Gap Analysis
NewsApp is a visualization of information.                                  Pros                                    Cons
The amount of popularity of the article is visualized by the size of the    • Lots of information conveyed          • Hard for users to see the value
rectangle holding the article title. The colors represent the category of     quickly.                                quickly.
information.                                                                • Allows for quick searching by         • The size is not understood
                                                                              location and categories.                because how the popularity is
                                                                            • The rollover provides the               determined is not revealed.
                                                                              necessary data for a user to click.   • The selection of location and
                                                                                                                      categories are far apart in the
                                                                                                                      interface.




NewsApp
Gap Analysis
                 published September 19, 2011 by Kimberly Callery




Gap Analysis
News360 is an aggregation of news.                                     Pros                               Cons
The site shows categories of news articles and reveals the different   • Clean and intuitive interface.   • It could provide more methods
sources that can be viewed.                                            • Allowing one topic to be shown     to dig into the content the user is
                                                                         by multiple sources.               interested in.

                                                                       • Not using or allowing ads to     • Could make it clearer which
                                                                         clutter the space.                 items are from which source. ie
                                                                                                            images.




news360
Gap Analysis
                       published September 19, 2011 by Kimberly Callery




Gap Analysis
Google, Bloomberg, and Netflix have great                                   Pros                                 Cons
components to apply to one layout to make a more                            • Google’s features are easy to      • Google’s features are not always
user centered news aggregation site.                                          understand.                          revealed to the everyday user.

Google gives simple ways to customize the layout. Google trends also        • Bloomberg can tie charts and       • Bloomberg lets the data be more
lends itself to showing users more information they may be interested in.     date together for users.             important than the connection.
Bloomberg visualizes data in manners that allow more users to relate to     • Netflix shows information easily   • Netflix lets items overlap and
the information.                                                              to the user.                         impede the user interface.
Netflix simplifies how users access items within categories.




Google, Bloomberg, Netflix

More Related Content

What's hot

Beyond Maps Forum 2012 Keynote
Beyond Maps Forum 2012 KeynoteBeyond Maps Forum 2012 Keynote
Beyond Maps Forum 2012 KeynoteMarc Prioleau
 
Social Web Application Design
Social Web Application DesignSocial Web Application Design
Social Web Application DesignLuke Wroblewski
 
Nandini gupta usefulpopularhelp_tekom
Nandini gupta usefulpopularhelp_tekomNandini gupta usefulpopularhelp_tekom
Nandini gupta usefulpopularhelp_tekomNandini Gupta
 
Building a Prototype Without an Engineer
Building a Prototype Without an EngineerBuilding a Prototype Without an Engineer
Building a Prototype Without an Engineermsteciuk
 
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit WebsitesKill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websitesguidecreative
 
Kentico Technical Learning - Responsive Design with Kentico CMS 7
Kentico Technical Learning - Responsive Design with Kentico CMS 7Kentico Technical Learning - Responsive Design with Kentico CMS 7
Kentico Technical Learning - Responsive Design with Kentico CMS 7Thomas Robbins
 
Web Navigation Presentation
Web Navigation PresentationWeb Navigation Presentation
Web Navigation Presentationglvsav37
 
Communote Quick Start Guide EN
Communote Quick Start Guide ENCommunote Quick Start Guide EN
Communote Quick Start Guide ENCommunote GmbH
 
Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)Christina Wodtke
 
The Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should HaveThe Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should Haveguidecreative
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your websiteMahmoud Farrag
 
Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and StrategyRobert Stribley
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Robert Stribley
 
Usability Considerations in Website Design: Lessons from Architectural Design...
Usability Considerations in Website Design: Lessons from Architectural Design...Usability Considerations in Website Design: Lessons from Architectural Design...
Usability Considerations in Website Design: Lessons from Architectural Design...Jeffrey Gold
 
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsWebsite Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsCharles Edmunds
 
WordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should HaveWordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should Haveguidecreative
 
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Robert Stribley
 
Creating, Curating, and Putting Great Content to Use
Creating, Curating, and Putting Great Content to UseCreating, Curating, and Putting Great Content to Use
Creating, Curating, and Putting Great Content to UseVigLink
 
TopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolTopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolguidecreative
 

What's hot (20)

Team v g2 c- final v2
Team v   g2 c- final v2Team v   g2 c- final v2
Team v g2 c- final v2
 
Beyond Maps Forum 2012 Keynote
Beyond Maps Forum 2012 KeynoteBeyond Maps Forum 2012 Keynote
Beyond Maps Forum 2012 Keynote
 
Social Web Application Design
Social Web Application DesignSocial Web Application Design
Social Web Application Design
 
Nandini gupta usefulpopularhelp_tekom
Nandini gupta usefulpopularhelp_tekomNandini gupta usefulpopularhelp_tekom
Nandini gupta usefulpopularhelp_tekom
 
Building a Prototype Without an Engineer
Building a Prototype Without an EngineerBuilding a Prototype Without an Engineer
Building a Prototype Without an Engineer
 
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit WebsitesKill The Noise - Prioritizing Content for Strategic Nonprofit Websites
Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites
 
Kentico Technical Learning - Responsive Design with Kentico CMS 7
Kentico Technical Learning - Responsive Design with Kentico CMS 7Kentico Technical Learning - Responsive Design with Kentico CMS 7
Kentico Technical Learning - Responsive Design with Kentico CMS 7
 
Web Navigation Presentation
Web Navigation PresentationWeb Navigation Presentation
Web Navigation Presentation
 
Communote Quick Start Guide EN
Communote Quick Start Guide ENCommunote Quick Start Guide EN
Communote Quick Start Guide EN
 
Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)
 
The Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should HaveThe Top Ten Elements Every School's Website Should Have
The Top Ten Elements Every School's Website Should Have
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your website
 
Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and Strategy
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
 
Usability Considerations in Website Design: Lessons from Architectural Design...
Usability Considerations in Website Design: Lessons from Architectural Design...Usability Considerations in Website Design: Lessons from Architectural Design...
Usability Considerations in Website Design: Lessons from Architectural Design...
 
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsWebsite Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy Workshops
 
WordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should HaveWordPress for NonProfits: Top Ten Elements Every Website Should Have
WordPress for NonProfits: Top Ten Elements Every Website Should Have
 
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 2/15/20
 
Creating, Curating, and Putting Great Content to Use
Creating, Curating, and Putting Great Content to UseCreating, Curating, and Putting Great Content to Use
Creating, Curating, and Putting Great Content to Use
 
TopTenWebTricksForYourSchool
TopTenWebTricksForYourSchoolTopTenWebTricksForYourSchool
TopTenWebTricksForYourSchool
 

Viewers also liked

How User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsHow User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsUXPA Boston
 
The Experience Gap (UX Camp Edmonton)
The Experience Gap (UX Camp Edmonton)The Experience Gap (UX Camp Edmonton)
The Experience Gap (UX Camp Edmonton)nForm User Experience
 
UX Maturity Models
UX Maturity Models   UX Maturity Models
UX Maturity Models Gena Drahun
 
UX maturity - how do you develop the UX practice in your organisation
UX maturity - how do you develop the UX practice in your organisationUX maturity - how do you develop the UX practice in your organisation
UX maturity - how do you develop the UX practice in your organisationMargaret Hanley
 

Viewers also liked (6)

How User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsHow User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity Models
 
The Experience Gap (UX Camp Edmonton)
The Experience Gap (UX Camp Edmonton)The Experience Gap (UX Camp Edmonton)
The Experience Gap (UX Camp Edmonton)
 
UX Maturity Models
UX Maturity Models   UX Maturity Models
UX Maturity Models
 
UX maturity - how do you develop the UX practice in your organisation
UX maturity - how do you develop the UX practice in your organisationUX maturity - how do you develop the UX practice in your organisation
UX maturity - how do you develop the UX practice in your organisation
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
 
Gap analysis
Gap analysisGap analysis
Gap analysis
 

Similar to NewsHarvest Gap Analysis

Platform Enhancements
Platform EnhancementsPlatform Enhancements
Platform Enhancementsjonssparks
 
Platform Enhancements
Platform EnhancementsPlatform Enhancements
Platform Enhancementsjonssparks
 
Information architecture strategic process
Information architecture strategic processInformation architecture strategic process
Information architecture strategic processKerry Dirks MCPS MS
 
Ux Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityUx Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityArabella David
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011Robert Stribley
 
Digital Futures: Five Digital Trends for 2013 - David Crawford
Digital Futures: Five Digital Trends for 2013 - David CrawfordDigital Futures: Five Digital Trends for 2013 - David Crawford
Digital Futures: Five Digital Trends for 2013 - David CrawfordBranded3
 
Alla ricerca della User Story perduta
Alla ricerca della User Story perdutaAlla ricerca della User Story perduta
Alla ricerca della User Story perdutaEdoardo Schepis
 
Alla ricerca della user story perduta
Alla ricerca della user story perdutaAlla ricerca della user story perduta
Alla ricerca della user story perdutaBetter Software
 
Top 10 best practices for building a mobile
Top 10 best practices for building a mobileTop 10 best practices for building a mobile
Top 10 best practices for building a mobileJD Meints
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Robert Stribley
 
Starkey alla 2012_libraries_accessing_the_power_of_the_web
Starkey alla 2012_libraries_accessing_the_power_of_the_webStarkey alla 2012_libraries_accessing_the_power_of_the_web
Starkey alla 2012_libraries_accessing_the_power_of_the_webCarolyn Jo Starkey
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Robert Stribley
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Developmentbinuvt
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadCanadaHelps / MyCharityConnects
 

Similar to NewsHarvest Gap Analysis (20)

Platform Enhancements
Platform EnhancementsPlatform Enhancements
Platform Enhancements
 
Platform Enhancements
Platform EnhancementsPlatform Enhancements
Platform Enhancements
 
Information architecture strategic process
Information architecture strategic processInformation architecture strategic process
Information architecture strategic process
 
Ux Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityUx Meets Code Interaction Usability
Ux Meets Code Interaction Usability
 
What's trending?
What's trending?What's trending?
What's trending?
 
Xing
XingXing
Xing
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
 
Digital Futures: Five Digital Trends for 2013 - David Crawford
Digital Futures: Five Digital Trends for 2013 - David CrawfordDigital Futures: Five Digital Trends for 2013 - David Crawford
Digital Futures: Five Digital Trends for 2013 - David Crawford
 
Alla ricerca della User Story perduta
Alla ricerca della User Story perdutaAlla ricerca della User Story perduta
Alla ricerca della User Story perduta
 
Alla ricerca della user story perduta
Alla ricerca della user story perdutaAlla ricerca della user story perduta
Alla ricerca della user story perduta
 
Top 10 best practices for building a mobile
Top 10 best practices for building a mobileTop 10 best practices for building a mobile
Top 10 best practices for building a mobile
 
Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712
 
Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312
 
Perso.na
Perso.naPerso.na
Perso.na
 
SVA Workshop 032512
SVA Workshop 032512SVA Workshop 032512
SVA Workshop 032512
 
Starkey alla 2012_libraries_accessing_the_power_of_the_web
Starkey alla 2012_libraries_accessing_the_power_of_the_webStarkey alla 2012_libraries_accessing_the_power_of_the_web
Starkey alla 2012_libraries_accessing_the_power_of_the_web
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
 

Recently uploaded

How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17Celine George
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxiammrhaywood
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice documentXsasf Sfdfasd
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 

Recently uploaded (20)

How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice document
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 

NewsHarvest Gap Analysis

  • 1. Gap Analysis Published September 19, 2011 Created by Kimberly Callery
  • 2. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis UX Value Proposition Key Business Objectives Assessment Current Sites UX Activites Current State Future State Simplify Access to Information • User Survey Simplify Web Navigation • Persona development Make things consistent • Mood Board Base navigation on user needs • User Ecology Improve Look & Feel • Sketches Simplify the process of users relating to the • Competitors information • Event Map Make it easier to see recommendations • Topic Maps Give more paths for understanding • User paths Give more paths to go in depth • Storyboards Simplify the paths for users to find facts • Experience Maps Give quick data points • Gap Analysis Integrate social media when it relates to the subject • Paper Prototypes (multiple cycles) Streamline viewing multiple news sources • Usability Testing (multiple cycles) Simplify the process of comparing events • Working Prototype (multiple cycles) Simplify finding related events • Wireframes Simplify finding related historic events • Flowcharts Encourage return usage Simplify the process of information intake Make meaningful interactions for users Encourage social involvement Streamline the presentation of personal opinion and facts Poor Average Excellent
  • 3. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Many current news sites are still designing sites with a Pros Cons long page length assuming users will scroll. • This allows users to scan content • Users get fatigued with scrolling. quickly to find something they • With this much content users like or want to know. begin to ignore the sidebar • Users expect this kind of layout content. from news sites. • This layout is still based on traditional newspaper structure.
  • 4. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis BBC tries to keep its design consistent for all versions. Pros Cons Recently, they turned all of their content into “widgets” to be able to • Many users find this to be a • The recent redeisgn is getting organize the page content based on the target audience needs. number one source. mixed reviews of showing the • Column design allows for source as authoritative. customized layout. • Users do not notice the • Ads do not mess with the overall subnavigation. layout too much. • The use of color on the right version, cancels eachother out. BBC
  • 5. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Site Pros Cons Yahoo • Scannable information • The blue blends with the black • Blue used to bring emphasis to type. areas • Alot of information not in one area. • Ads are not in the main row DIGG • Allows users to determine what • No visual interpretation of the content is most important information. • Ads are not mixed with the • All content is aggregrated by users. headlines Huffington Post • Image of the top story is the main • Not enough content on the focus. homepage. • Has some social features that allow • Uses too many styles for the users to get involved typography to attract attention. Frontline • A nice mix of colors in a layout. • The ad is taking up a good • Featured articles are easy to dig amount of real estate on the into to read more. homepage. • Users tend to scan for keywords and these are not easily accessible.
  • 6. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Fox News keeps within a column layout, while Pros Cons revealing images and content. • The layout is well balanced. • Not much hierarchy in the type. • The sidebar on the articles • Ads compete with finding encourage furthers exploration content on the homepage. of the content. Fox News
  • 7. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Newsvine and paper.li both let the users determine the Pros Cons sources and layout. • Users are able to determine what • Not encouraged to dig deeper is important. into the articles. • Users can share their viewpoint • Many steps to the full article. easily. • Requires time to always update • Able to view other articles the layout. quickly. Newsvine & paper.li
  • 8. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis KYOO Channels is an aggregation of social threads. Pros Cons • Clean layout with strong use of • Authoritative resources are not visuals and typography. distinguished from the others. • Allows users the ability to • Articles are not the main focus. customize RSS Feeds. • All black layout makes traditional • Small amounts of news, in a news articles difficult to show digestable format. and read. KYOO Channels
  • 9. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis MSNBC uses the long scroll layout however reveals the Pros Cons categories as the user goes through. • Categories are easy to scan. • Categories with content are not • Multiple pathways into the revealed without scrolling. content. • Layout is not consistent causing the user to jump around too much. • Hard to find content. MSNBC
  • 10. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis CBC News provides a focus on top stories. Pros Cons • Clean layout with a focus on • Ads are larger than the main white space. content. • Grid layout of three main • Not enough content on the columns can be found homepage. throughout. • “Extra” pathways through more related content is encouraged. CBC News
  • 11. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis USAToday created a special interactive visualization for Pros Cons a tribute to 9-11. • Quick, visual, and easy to use • The visualization is lost when it interface. switches to content. • Targeted information to allow • The circle does not really tie to the user to focus on one type of the event. topic. • This visualization does not tie • Easy to flip to the next article. to more options on the event or encourage more in depth research. USAToday
  • 12. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Newspaper Map allows the user a visual way to locate Pros Cons news sources by location. • Showing sources by location. • Not clear on what sources are • Ability to see multiple sources. where. • Allows users to dig into new • The user must know the source sources. before finding information. • Very processor intensive. Newspaper Map
  • 13. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis New York Times redesigns are looking to organize news Pros Cons in a manner that allows users a cleaner and clearer • Good amount of information on • Not enough content on the experience. each article. homepage. • Using images for every article. • Not a clear method for switching • Scrolling is not a main feature. categories. • No pathways to other related information are revealed. New York Times
  • 14. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Flipboard, Pulse, and theFLUD are all image based Pros Cons aggregation of the news. • Using images to draw users in. • Images are not enough • Reveals some data on rollover. information. • Content types are an organizing • The layouts differ too much from feature. one screen to the next. • Doesn’t allow the users to look at multiple sources at once. Flipboard, Pulse, theFLUD
  • 15. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Spectra is a visualization of news. It allows users to Pros Cons customize the categories of news and then put in 3d. • Visual and easy to customize • Too many clicks to the full article. interface. • Hard to browse articles. It allows users to customize the categories that are shown and then puts them into a virtual 3d circle. When one is selected the information • Clean interface without ads. • The interface does not meet is revealed in a colored box in the center. Then it is clicked to go to the • Color applied in a categorical the everyday use of reading the snippet from the source. Then the user clicks to read the whole article. manner. news quickly. MSNBC
  • 16. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Hitpad aggragates information in channels. Pros Cons • The channels are an easy to view • Type is handled differently layout. throughout the layout. • It is easy to see trending topics. • Not enough information on the • Search and logo are in the first article for the user to click. location users look. • The trending does not tie to a category. Hitpad
  • 17. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis NewsApp is a visualization of information. Pros Cons The amount of popularity of the article is visualized by the size of the • Lots of information conveyed • Hard for users to see the value rectangle holding the article title. The colors represent the category of quickly. quickly. information. • Allows for quick searching by • The size is not understood location and categories. because how the popularity is • The rollover provides the determined is not revealed. necessary data for a user to click. • The selection of location and categories are far apart in the interface. NewsApp
  • 18. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis News360 is an aggregation of news. Pros Cons The site shows categories of news articles and reveals the different • Clean and intuitive interface. • It could provide more methods sources that can be viewed. • Allowing one topic to be shown to dig into the content the user is by multiple sources. interested in. • Not using or allowing ads to • Could make it clearer which clutter the space. items are from which source. ie images. news360
  • 19. Gap Analysis published September 19, 2011 by Kimberly Callery Gap Analysis Google, Bloomberg, and Netflix have great Pros Cons components to apply to one layout to make a more • Google’s features are easy to • Google’s features are not always user centered news aggregation site. understand. revealed to the everyday user. Google gives simple ways to customize the layout. Google trends also • Bloomberg can tie charts and • Bloomberg lets the data be more lends itself to showing users more information they may be interested in. date together for users. important than the connection. Bloomberg visualizes data in manners that allow more users to relate to • Netflix shows information easily • Netflix lets items overlap and the information. to the user. impede the user interface. Netflix simplifies how users access items within categories. Google, Bloomberg, Netflix