Difference between revisions of "Project:Web Site Redesign"

From Open Food Facts wiki
Jump to navigation Jump to search
Line 87: Line 87:
  
 
==== What Open Food Facts is ====
 
==== What Open Food Facts is ====
 +
 +
==== What OFF can be used for ====
  
 
==== Licences ====
 
==== Licences ====
  
 
==== Mobile apps ====
 
==== 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 ====
 
==== News ====
  
 
* blog posts
 
* blog posts
 +
 +
 +
==== Special campaigns ====
 +
 +
* e.g. What's in my yogurt? - http://whatsinmyyogurt.com
 +
 +
==== 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 ====
 
==== Facets drilldown ====
Line 100: Line 164:
 
Products can be explored using facets (field types like brands, categorie, labels etc.)
 
Products can be explored using facets (field types like brands, categorie, labels etc.)
  
==== List of facets ====
+
===== List of facets =====
  
 
* brands, categories, labels etc.
 
* brands, categories, labels etc.
  
==== For each facet type, list of facet value ====
+
===== For each facet type, list of facet value =====
  
 
* http://world.openfoodfacts.org/categories
 
* http://world.openfoodfacts.org/categories
  
==== For each facet value, list of corresponding products ====
+
===== For each facet value, list of corresponding products =====
  
 
* http://world.openfoodfacts.org/category/beverages  
 
* http://world.openfoodfacts.org/category/beverages  
  
==== For each facet value, second level of facets ====
+
===== For each facet value, second level of facets =====
  
 
* http://world.openfoodfacts.org/category/beverages/brands
 
* http://world.openfoodfacts.org/category/beverages/brands
 
* http://world.openfoodfacts.org/category/beverages/brand/coca-cola
 
* http://world.openfoodfacts.org/category/beverages/brand/coca-cola
  
==== More facets levels drilldown? ====
+
===== More facets levels drilldown? =====
  
 
Currently we support 2 levels of drilldown, but we could add more, with a different interface.
 
Currently we support 2 levels of drilldown, but we could add more, with a different interface.
  
  
==== Special campaigns ====
 
 
* e.g. What's in my yogurt? - http://whatsinmyyogurt.com
 
 
=== Navigation items ===
 
 
==== Products Search Box ====
 
 
==== Log-in box ====
 
 
==== Advanced search form ====
 
 
==== Graphs form ====
 
  
 
== Requirements ==
 
== Requirements ==

Revision as of 17:07, 22 September 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

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

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.

...

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.


Requirements

Responsive design

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

Internationalization

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

We need: