Difference between revisions of "Project:Web Site Redesign"

From Open Food Facts wiki
Jump to navigation Jump to search
Line 210: Line 210:
  
 
* Have a single version of the site that gracefully displays on laptops, tablets and smartphones
 
* Have a single version of the site that gracefully displays on laptops, tablets and smartphones
* use a framework like Foundation
+
* use a framework like Foundation (or Bootstrap)
  
 
=== Internationalization ===
 
=== Internationalization ===

Revision as of 16:35, 16 November 2014

Target audiences

Visitors and users of the Open Food Facts web site include:

General public

  • interested in what they eat for a lot of different reasons
    • people with eating restrictions (allergies (e.g. lactose, gluten), personal convictions (e.g. vegan), religion)
    • people who want to eat better food (ingredients, quality labels)
    • people who want to eat healthier food (e.g. pay attention to additives and nutrition facts)
    • people who care about the environment (e.g. local food, palm oil)

First time visitors

  • Visitors who have read about Open Food Facts somewhere
  • Visitors who stumble on a product page after typing a specific query in Google (and usually due to a Google Image search)

Regular users

Returning and regular users who use Open Food Facts to:

  • Decrypt labels of their products
  • Search products meeting their needs
  • Compare products before buying them

Contributors

Contributors:

  • add products with the Android, iOS or Windows Phone apps
  • add information to products (that they have added or that others added) like categories, ingredients, nutrition facts etc.
  • correct errors

Re-users

  • Individuals, organizations and companies who re-use the Open Food Facts data to do other things:
    • personal research
    • data journalism
    • mobile apps
    • web apps

Developers

Journalists

Journalists can come to Open Food Facts because:

  • they are interested in the project and want to write about it
  • they are researching something related to food (e.g. an additive like aspartame or E150d) and they found us through Google

TO-DO

  • Current sizes of target audiences?
  • User interviews?

Goals

Turn 1st time visitors into contributors

In almost all countries, we do not yet have a critical mass of products to build really useful applications. It is thus critical to turn as many first time visitors into contributors who will add products distributed in their country.

Get first time visitors to share Open Food Facts on social networks

Turn 1st time visitors into regular users

Can only be done for countries with a representative set of products. As of 22/09/14, France and Spain.

Increase contributors engagement and efficiency

  • Give them tools to be efficient
  • Automate as much of the work as possible
    • e.g. field auto-completion

Get contributors to share what they do on Open Food Facts on social networks

Get developers to help us

Get journalists to write a story, do an interview etc.

...

TO DO

  • Current conversion channels efficiency?
    • Some data in Google Analytics
      • Probably needs setting up goals in GA


What to put on the site?

In progress: a list of all the things that are currently on the site (or that could/should be on the site). We can discuss which ones are important and for which target audiences, and then decide where to put them (on the home page, in a special section etc.)

Information items

What Open Food Facts is

What OFF can be used for

Licences

Mobile apps

Last products added

  • Maybe more interesting to show most popular products to first time visitors

Most popular products

  • currently not shown

Top contributors

  • currently not shown on home page

News

  • blog posts


Special campaigns

Social networks buttons

  • Twitter, FB, G+

Product page

Displays available information for each product.

Needs a redesign of its own.


Links

  • Legal
  • Terms of use
  • Who we are
  • FAQ
  • Ideas forum (uservoice)
  • Blog
  • Press

More links

  • FB (page + group), G+, Twitter
  • Wiki
  • Mobile apps: iOS, Android, Windows Phone

Navigation items

Log-in box

Add a product box

  • With a barcode (send picture)
  • With a barcode number
  • Without a barcode

Products Search Box

Advanced search form

Graphs form

  • Currently mixed in the advanced search form.

Facets drilldown

Products can be explored using facets (field types like brands, categorie, labels etc.)

List of facets
  • brands, categories, labels etc.
For each facet type, list of facet value
For each facet value, list of corresponding products
For each facet value, second level of facets
More facets levels drilldown?

Currently we support 2 levels of drilldown, but we could add more, with a different interface.

TO-DO

  • Analyze what users are doing on the site, where they click etc.
  • Interview users
    • e.g. some very active contributors
    • e.g. some contributors who added only one product
    • e.g. some contributors who never added a product (but registered)

Requirements

Responsive design

  • Have a single version of the site that gracefully displays on laptops, tablets and smartphones
  • use a framework like Foundation (or Bootstrap)

Internationalization

Open Food Facts is a global project, we aim to be in all markets and as many languages as possible.

We need: