The purpose of this phase is to prepare for an upcoming project, including the establishment of the definition and initial planning for new project. The project definition includes definition of the scope and outlines of the requirements for a project; these may include the timetable, as well as the limits with regard to budget and resources. This phase may be preceded by the “Go-ahead decision" phase, where applicable.
This section describes the activities involved in gathering all the relevant detailed inputs and information needed during the conception, structure and development phases of the website, as well as inputs for making the key decisions during those phases.
The main steps/activities during this phase include:
Since the beginning of 2013, the European Commission has embarked on a comprehensive web rationalisation project. It aims to make the institution’s online communication more coherent, relevant and cost-effective. This transformation project encompasses two overlapping phases: the first phase focuses on radical website reduction, the second phase aims to restructure the Commission’s online presence according to user needs.
With this in mind, new websites, by default, must not be created (see note Ares(2013)372665). By way of exception, the creation of a new website can be authorised under certain circumstances (i.e. creation of a website whose life span is strictly limited in time or development of a site that gathers in one single website the content of several other websites whereby the latter can be closed).
The creation of a new website must be part of the communication plan of the information unit of a DG as well as of the global communication plan of the Commission. The goals of the website must be well defined in close consultation with DG Communication’s EUROPA team and all Internet editors concerned by the subject of the site. The construction of the website must be well planned and respect the IPG rules and procedures. Several services of the Commission (DG Communication, DG Informatics, DG Translation, Publications Office) are at your disposal for making your website a success.
A website is just one of the tools that are available to information and communication units to achieve the goals set forward in their communication plan. Its final purpose is to serve its target users well, so that they can perform the tasks for which they visit the site in the most efficient way.
A number of basic questions need to be answered before actually starting the development of a site:
To assess that your website will be focused on its users, you can apply this checklist for building successful websites .
To ensure that your site fits into the Commission’s web presence on EUROPA, that development goes smoothly and that last-minute surprises are avoided, it is essential to consult upfront all relevant stakeholders in the Commission, in particular the EUROPA team in DG Communication and the Internet editors of the DGs that could be interested in the subject of the site. The word “upfront” means that the EUROPA team in DG Communication must be contacted – and a site creation request submitted – before the requesting service commits any budget, enters into any contract and before any development work starts.
Before sendng the site creation request to the EUROPA team the endorsement of the Head of the Communication Unit of the requesting DG must be obtained.
Under certain circumstances, it may be necessary to set up an ad hoc editorial board to accompany the set up of the site. In any case, the EUROPA team must be informed at the very start of the project following the site creation procedures.
If you need an external contractor to develop your site, the Publication Office can offer a large set of services to facilitate electronic publication.
The Informatics DG can give you all the information on the available software tools that you can use for constructing your site.
The standard template must be used for all EUROPA websites.
Last but not least, DG Translation will help you, not only only to translate your web pages, but also to check their editorial quality. DG Translation also advises on the most suitable language policy for your site considering the type of content published as well as the target audience(s).
The following chapters will go into more detail on the:
Before a site project is launched, it is essential to thoroughly verify whether the plan is mature. This concerns mainly the content of the site and the human as well as financial resources. The plans must be made known to and approved by the hierarchy.
A number of elements must be established, to make sure that the site is developed in a consistent way and that it is well integrated in the existing set of Commission sites. For the successful creation and exploitation of a site, there must be well-formulated goals in the context of the overall Information & Communication strategy, knowledge of the preferences and behaviour of the target audiences, understanding of the media, and a sustainable method for regularly updating the site’s contents and operating its services.
Five basic questions must be answered:
Why? Who? What? How? When?
A site is created to answer the needs of its future users/readers. Knowing their expectations and needs provides for the foundations of your project. On that basis, you should set the overall goal or the mission of the site and relate it to the relevant EU‑policies and activities. At that stage, it is important to verify if the needs are maybe already covered by other sites and to possibly re-orient the project towards the improvement of the existing site. This may require close consultation with other internet editors and possibly the creation of a joint editorial board.
If it is clear that a new site is needed, decsions must be taken about the main message or messages that you want to get across by means of the site. This will determine the orientation and the type of site that you want to create.
A site can be used to address many audiences, from the general public, to the interested stakeholders or specialists.
Identify the category of users you want to reach. Try to define the goals for each type of user. Several different categories of users may be chosen, provided that the content is organised accordingly. Moreover, each particular audience must be able to see clearly from the outset where to go for the desired kind of information. Be aware that the wider the audience, the more need there will be for the rewriting of existing ‘bureaucratic’ texts and for additional languages. Please see the chapter on Editorial style and policy.
There are statistics available on information needs of citizens and enterprises from several different DGs and sectors. EURES network with the EuroAdviser network and EUROPE DIRECT could provide you these kinds of statistics as well.
Several methods exist for identifying your target audience.
You must now decide on the main themes and the sub-themes (sections and subsections) of your site. For more details on this task, please see the chapter on Content.
To make sure that the subject is appropriately covered, you may gather information by a number of means:
The EUROPA team, who has a fairly good overview on the information available on EUROPA, can be of help during this stage.
You should set up a clear action plan for creating and maintaining the site. Make sure that the action plan is in proportion to the human and financial resources you have at your disposal, and that you and the other content providers have the same level of commitment to your end-users. The action plan should cover all the phases of the creation of a site (strategy, content/services identification, design/presentation, choice of technology, content creation and/or migration, launching, etc). Any aims for further development of the site should be mentioned in this plan as well.
The basic steps in the creation and management of your site:
The first step in creating a site is to organise a team whose key role is to contribute and edit its overall content and structure. The size of the site and the number of DGs involved will determine the complexity of the organisation to be set up. Such organisation will inevitably cross the administrative boundaries that exist within a DG and sometimes also those existing between DGs. In the case of a site involving several DGs, one DG should take the leadership as DG “chef de file” and should be entrusted with the necessary authority to carry out its role. This has to be acknowledged from the early phases of the project and the existence of an autonomous, dedicated organisational structure, the site's Editorial Board, must be approved by the hierarchy.
Once the site team is formed a charter should be drafted that addresses the vision for the site as well as its users and target group. The charter should also contain approval processes, content management, funding, project management and technology management. Please see point IV in the enclosed Questionnaire.
The organisation that needs to be put in place for a site can vary widely depending on the size and the scope of the site. The description giving hereafter is a comprehensive overview of the organisation that would be needed to manage the policy sites and the main priority sites on EUROPA. Smaller sites will not necessarily need this complete organisational structure. In any case, it is necessary to have a complete understanding about the resources and organisation that will be needed for successful completion of the project.
Without the necessary resources a project is deemed to fail. Before the final green light can be given, it is necessary to have a complete understanding about the resources and organisation that will be needed for successful completion of the project and a formal commitment from the hierarchy that these resources will indeed be available. For important projects, it may be necessary to foresee different scenarios that contain the scope of the project within the limits of the available resources.
Following elements must be taken into consideration:
It is important to clearly assign operational responsibilities of the actors, in order to ensure smooth running of the project. A job description should be provided for each profile outlining the corresponding responsibilities, co-operation patterns, specific tasks, the desirable qualifications and required infrastructure.
Content providers are responsible for supplying material in the form of articles. These articles fulfil the requirements set by the editorial policy in its entirety. Content providers answer directly to their respective editor.
The editor’s role is to validate, upload and approve new content and to manage the translation process for the entire content. Their tasks involve also proofreading (spelling, syntax, missing pages, misprints and misplaced content). Editors are directly responsible to their chief editor for their respective theme/information group. If necessary the editor’s task and responsibility can be further split into sub-profiles.
Chief editors are responsible for their respective content area or theme (main-theme). They sit in the Editorial Board and answer directly to the Board itself and its President.
Chief editors review content to be published and give final approval prior to publication. This implies having a good overview of what is available as well as of what is to be published. It also implies making sure that articles comply with the editorial policy on the one hand and with the political priorities of the Commission on the other.
In some cases the thematic approach may show gaps in the information available or, worse still, may pose the dilemma of what to publish in the presence of controversial or even clashing policies between DGs. In such cases, chief editors have the task of finding compromises and creating a consensus across the administrative boundaries of DGs. It is therefore essential that chief editors have the appropriate degree of authority and that a proper share of their time resources is allocated to the task.
Chief editors also report to the Editorial Board about any problems encountered or suggestions put forward by their editors and content providers.
The site editor is ultimately responsible for the site, belonging to the leading DG and chairing the Editorial Board.
The person responsible for acquiring, editing and managing audiovisual material.
The Editorial Board shapes the editorial policy and thematic approach, manages their implementation and monitors the operation of the content/services supply chain.
The Editorial Board also reviews the structure of the site, notably with respect to the main themes, sub-themes and newsletters and approves (or rejects) amendments to such structure.
The Editorial Board will analyse the results of feedback tools and make decisions regarding the reorientation of the content and service requirements if needed. He/she will also co-ordinate with the horizontal services (Publications Office, DI, etc.) in order to make best use of common methodologies and e-services support functions.
Even if the editorial policy could expand with the experience of all actors involved in the site, final decisions should lie with the Editorial Board. New themes or audience sites should be suggested and approved at the meetings of the Editorial Board. The organisational model, however, should not be too rigid in order to provide for smooth operation across implicated services.
The Editorial Board is chaired by the site editor from the DG “chef de file”, who takes ultimate responsibility for the site.
The core of the Editorial Board is made up by all the chief editors, who are empowered to decide what the site should contain and what should or should not be published.
A senior management member (Commissioners’ staff for instance) should be on the Editorial Board. This person would provide input as to the political message and politically sensitive areas of information.
A member of the EUROPA team should be included to ensure co-ordination with existing or new horizontal developments within EUROPA.
A member of the web translation unit from DG Translation should be part of the Editorial Board to give advice on editorial and multilingual issues.
The technical departments of DG Informatics offering the services for content production and dissemination should also be represented within in the Editorial Board. They can advice the board on technical issues or features and their compatibility with technical/operational environment of the portal.
In case use is made of an external contractor, the external project manager should also be allowed to assist to the meetings of the editorial board. When use is made of one of the framework contracts offered by the Publications Office, they should be represented as well.
In parallel with the assignment of responsibilities to the different key actors, a comprehensive overview of the content management workflow and its associated approval procedures must be established.
The construction of a site goes through several phases:
As explained in the chapter 'Objectives and planning', during the preparatory phase the various stakeholders will have reached agreement on the site's objectives and on the resources that will be allocated to the project.
This agreement must now be detailed and must result in a brief to the web designers, a document including:
1. Rough structure of the site
2. “Storyboard” of the site (i.e. interaction of the potential user with your site)
3. Graphical mock-ups of the Homepage and other representative pages
4. Creation of an interactive prototype (where some relevant links and buttons work) if needed.
Web designers should develop a few ‘look and feel’ ideas to consider. These can be wire-frames, storyboards or mock-ups underlying the information design of the Homepage and the various page types. Once the logical approach has been approved, then web designers will create a few graphical prototypes either as images or as HTML pages. All stakeholders should evaluate these proposals. Getting user feedback will be also very useful in order to assess the efficacy of a particular web design.
Validation by ALL the members concerned (also and especially at political level) of the prototype after the necessary feedback and eventual modifications.
5. Creation of the site’s own graphical chart and set of HTML templates. Creation of images or illustrations.
Prototype designs should evolve until a final decision has been made on one specific design. Web designers should provide then a complete site graphic design specifications for all page types. Finished HTML templates, examples of key pages and illustrations, photography or other audiovisual material will also be provided.
At the end of this step, the resulting design must be submitted to the EUROPA team for validation.
The workload associated with this step will vary widely according to the nature and type of site. In some cases only minimal content must be loaded (e.g. a news site). Sometimes a complete set of new content will have to be created and loaded, resulting in a very long initial load phase. In case of redesign of a site, migration of existing content will be necessary, in which case an in depth 'cleaning up' exercise should be envisaged.
Before launch, you should perform a final check of the site. Make sure that all remarks put forward during quality control by the EUROPA team have been taken into account. Use the checklist and add your own specific controls to it so that it can be used for controlling new additions.
1. Update your website regularly in order to ensure that content is always up to date and remains attractive. Don’t change the essential parts of the design; let the user become familiar with the look, navigation, interface of your site.
2. Collect effective images to illustrate the themes, especially in the portal pages. (While being aware of copyright issues, of course).
3. Adapt the graphical style of the interface to meet changes in the structure (i.e. making new buttons or icons matching the existing).
4. Encourage people who supply written content to include illustrations in their manuscripts. Don’t allow ad hoc changes to essential parts of the site (navigation, interface, typography …). Fix a graphical charter for your site and stick to it - until you decide to change it.
5. If the structure of information of the site changes substantially, then a complete renovation is needed, and you should return to the first step.
DGs can get support for their site projects from four services: DG Communication, DG Translation, DG Informatics and the Publications Office.
Apart from the information contained in the IPG, the major other information sources in this context are:
A site must integrate all services that are relevant for the theme being dealt with or the audience being targeted. The services offered range from basic ones that must be available on all sites to sophisticated transaction services that are tailored to the specific needs of the site's users. A whole spectrum of technical tools and e-services is available to implement these services.
Services can be broken down into the following categories:
Contact, FAQ, About, Site map, Search, A-Z Index
These services help the users get to know the site, either through immediate information or via a contact point. They are basic services that must be offered on each page of the site at the mandatory place on the screen.
What’s new, Reference library, Glossary, Key Issues, Information bulletin, Who’s who in the DG or the theme area, related events…
These services help the users to find information, news, subjects, and documents on the site. It is important that these services cover the complete set of information that the site wishes to provide. The glossary, for example, should contain all terms, i.e. those present in the site pages themselves as well as those present in the pages the site links to.
Blogs, Vlogs, Discussion forums, Chats, Social networks, Subscriptions, Surveys, Feedback, e-voting, Site rating, Information sharing, Syndication, Interactive maps
These services establish a direct interaction with the citizens, media, business, opinion leaders or decision makers. Their set-up should be carefully planned and cannot take place without provision for the proper back office facilities to support and manage them.
The "Flexible Platform" environment offers plenty of interactive services.
Ordering, Application, Calls for tender, Project management, Events registration
For online transactions a secure connection and online credit card verification should be established. The transaction for the payment should be safe. The Publications Office offers the features for online payments of publications (EU Bookshop).
One of the possible assets of a site is its ability to be personalised. Although it is by no means required, it adds greatly to the usefulness and overall site experience if the users can choose the elements on display on the site. Furthermore, personalisation is something users have come to expect; failing to offer it might lead to disappointment.
There are several ways of implementing a personalised site:
This form of personalisation requires the users to be 'known' to the site (through either direct or indirect sign-on), so that the site's content can be dynamically generated in function of the users' needs. This calls for the putting in place of a sign-on mechanism and policy. Sign-on policies can be based on Roles (e.g. lawyers, business me, etc.) A main problem with Roles springs from the underlying assumption that users can only take one role, which is not necessarily the case. An alternative to the Roles approach consists of using Rules instead of Roles. Rules are policies or conventions that are set up to achieve efficiencies and that are independent of the specific role of the users in question. (e.g. geographic location of the users, current time and date ...) An advantage of a rule-based policy is the flexibility it provides. In addition, it is much easier to use this approach if users access changes frequently. The main disadvantage comes to the fore on times when users require specific information due to his or her role, that they are not able to access because a more general rule keeps them from doing so. In an attempt to get the best from both worlds, most organisations prefer to run a Role-Rule "hybrid" that best fits their needs.
This technique is entirely based on the definition of Roles. Instead of having the user log on to the site, this approach considers a role as a pre-defined ‘user class’, the features and characteristics of which are discovered when defining the site’s target audience. The site’s Editorial Board plans for a separate section for each of the identified user classes, in which information access is structured to suit their specific needs. This approach is less demanding on the technology side and may also be perceived as less intrusive by the user (no need to login), yet it calls for a great deal of careful on-beforehand planning.
Sites on EUROPA must satisfy the quality requirements described in this guide. DG Communication offers a quality control service that checks the editorial as well as the technical quality of the site.
The quality control, which is carried out both for the technical as well as the editorial aspect of the site, aims to help DGs to improve the quality of their websites by identifying shortcomings and errors as far as the IPG is concerned and by making suggestions on how to improve their site. The chapter on quality assurance gives a complete overview of the work involved and contains checklists that can be used during construction of the site in order to ensure that the final product complies to the IPG requirements.
Whenever site construction is outsourced, the contract must contain the necessary clauses to ensure the site quality according to the IPG rules. For all contracts concluded via the Publications Office, the conformity to quality criteria (e.g. IPG) is included.
Official websites of the EU must always be part of the europa.eu domain. Sites managed by the Commission can belong to:
The inventory of EUROPA websites lists all the sites managed by the Commission specifying the URL, the manager and much other information for each site.
These websites can be divided into several categories:
All websites on EUROPA must follow the rules described in this Information Providers Guide (IPG). Particular attention should be given to the following basic rules:
The purpose of generic sites is to provide information and ensure communication in the relevant field within a coherent and stable framework independent of the Commission's administrative structure.
Generic sites are created to offer the visitor a user and task oriented view on the activities of EU in general and the Commission in particular. Every generic site is managed by a leader who is responsible for designing the contents of the site in accordance with the rules laid down in the IPG, and for ensuring that information is regularly updated. The leader has overall responsibility for editorial quality (updating, coherence, multilingualism, graphics, etc.) and the technical aspects of the site. He ensures that the site is easily accessible on EUROPA.
Generic sites are directly accessible from the following pages:
If information on the generic site emanates from several DGs, the leader coordinates design and updating through a steering committee which he convenes as often as required. All the originating DGs take an active part in the committee's work. The committee also comprises a member of the EUROPA team in DG Communication. The members of the steering committee are appointed by their own DG.
The EUROPA Editorial Committee (EEC) grants every generic site leader the necessary powers vis-à-vis the other participating DGs. Each leader regularly reports back to the EEC on the current state of its site. Leaders are free to decide whether site management will be centralised (which ensures better coherence but involves a considerable workload for the leader) or decentralised (requiring close coordination by the leader between the various units involved).
'Generic' sites include:
Site giving information on a specific policy for which the Commission is responsible (e.g. environment, health, agriculture ...)
A "Policy" site deals with a specific area of activity for which the Commission is responsible (e.g. environment, health, agriculture ...). Policy sites constitute the core of the Commission site. They are managed in a decentralised way by the web teams in the DGs. Policy sites present all the information on the given policy independent from the internal organisation of the Commission.
Policy site: Energy
"Policy" sites should be constructed and maintained using the Commission's Corporate Web Content Management System.
A "Policy" site should attach particular importance to the following criteria:
Site dealing with a subject that has a high priority within the EU context
A "Priority" site deals with a subject that was given high priority in the yearly work program on inter-institutional or Commission level or that is getting much attention in the public sphere, possibly for a limited period (a "hot topic").
If the subject is formally recognised as having high priority, it is justified to dedicate a complete separate site to it. If the subject is no longer a priority, the site may disappear and be archived or integrated within a policy site.
If the subject is not formally identified as having high priority, but still important enough to get special treatment, no separate site should be created. Instead, one should create a section in the relevant policy site that is completely integrated in it. In that case a short URL-alias can be allocated to give the priority site a specific name.
The purpose of the site should be clearly specified.
The URL will depend on the level of priority. If the priority is formally recognised as having high priority, it is justified to dedicate a complete separate site to it, that has an URL on its own. If it concerns an important topic that has not formally high priority, the site should be integrated in the relevant policy site. For the purpose of promotion and visibility, it may then have a short alias, redirecting to the real address of the site:
"Priority" sites should be constructed and maintained using the Commission's Corporate Web Content Management System.
A "Priority" site should attach particular importance to the same criteria as a "Policy" site.
Site offering direct services to users in the context of a programme managed by the Commission
A "Programme" site is created to support a particular programme managed by the Commission. It offers information about the programme and provides services to participants of the programme. Programme sites may consist of a closed and an open part: the closed part being only accessible to a closed group of registered users, the open part offering information to everybody.
Programme site: Marie Curie Actions
http://ec.europa.eu/<programme>/index_xx.htm, redirecting to http://ec.europa.eu/<policy>/.../<programme>/index_xx.htm
The closed part, for technical and/or security reasons, should use an URL in the 'webgate' domain
"Programme" sites should be constructed and maintained using the Commission's Corporate Web Content Management System. In order to offer the interactive services needed to support the programme, parts of the site may use other technology (JSP, Drupal ...).
A "Programme" site should attach particular importance to the following criteria:
Highly interactive site in support of a specific communication campaign
A "Campaign" site is created to support a specific communication campaign with interactive events on the Internet. It will thus generally contain highly interactive elements that require specific technology. The site should focus purely on communication and should refer to the relevant policy site for background information.
"Campaign" sites are always targeting the general public and should thus be part of the institution-independent europa.eu domain. The recommendation is to define the site as a subsite of europa.eu:
Given its short lifetime (in general less than a year), use of a top level name such as http://<campaign>.europa.eu should be avoided.
"Campaign" site should use the technology that is most appropriate to deliver the functionality required by it. Several options are open: Flash, JSP, ColdFusion, Drupal, Documentum ...
The choice should be made in consultation with DG COMM and DIGIT.
A "Campaign" site should attach particular importance to the following criteria:
Site created in the context of a particular event. Aimed at promoting the event and supporting its organisation.
An "Event" site is created in the context of a particular event (e.g. Green Week). Its main purpose is to promote the event and to provide electronic services to support its organisation (e.g. subscription forms). An event site always fits within a particular policy site, but can be promoted separately to improve its visibility to the outside world. It should focus only on the event itself and not repeat the background information that can be found through links on the relevant policy site.
One can distinguish several types of event sites, depending on the nature and lifetime of an event:
Important recurring event: European week of Regions and cities
One-off specialised event: European Future Technologies Conference and Exhibition
The URL to be used for an event site will depend on the nature of the event.
For important EU events targeting the general public, an URL in the europa.eu domain should be used. Preference should be given to sub-URLs, possibly supplemented by top-level aliases for very important public events.
For more specialised events of conferences organised by individual DGs, an URL in the ec.europa.eu domain must be used. An alias can be created that redirects to a section within the parent policy site.
http://ec.europa.eu/<event>/index_xx.htm, redirecting to http://ec.europa.eu/<policy>/.../<event>/index_xx.htm.
The "Event" site should use the technology that is most appropriate to deliver the functionality required by it. Several options are open:
Flash, JSP, ColdFusion, Drupal, Documentum ...
In the framework of the "Flexible Platform", a standard "event site" was created. This environment can be used to generate a new event site in very short time by means of simple customisation rules. This solution should be adopted whenever possible. In any case, the choice of technical solution should always be made in consultation with DG COMM and DIGIT.
An "Event" site should attach particular importance to the following criteria:
Site offering a specific service to the visitor (e.g. electronic bookshop, translations, customized consultancy for specific queries, etc.)
A "Service" site focuses on offering a well-defined specific service to the visitor. Electronic services can be offered in multiple contexts, either as part of a general site or as a stand-alone service. This sheet talks about stand-alone service sites that have no other means than offering the service concerned. "Service" sites can address a general audience or can focus on a particular group of stakeholders.
A "Service" site should attach particular importance to the following criteria:
Portal offering specific services to a particular audience and providing the gateway to all relevant sites within EUROPA that are of interest for this audience
An "Audience" site is targeted on a particular section of the public to offer direct access to selected information of specific interest to this audience (e.g. senior citizens, the scientific community, the media). Users should be able to find the information they are looking for without having to be familiar with the internal organisational complexities of the Commission.
Audience site: Researches in Motion
Depending on the audience addressed, the site should be hosted in the EUROPA or the Commission domain:
The core of an "Audience" site should be constructed and maintained using the Commission's Corporate Web Content Management System. In order to offer the interactive services needed, parts of the site may use other technology (JSP, Drupal ...)
An "Audience" site should attach particular importance to the following criteria:
The purpose of organisational sites is to provide information about the Commission's organisation.
An organisational site provides information about the internal organisation of the Commission or is a "Service" site that is used to organise and support the collaboration with external partners. There are 2 types of organisation sites:
A DG site provides information on the mission of a Directorate General and on its internal organisation.
Each Directorate-General provides the following information on its functional site:
DG sites should be constructed and maintained using the Commission's Corporate Web Content Management System.
A DG site should attach particular importance to the following criteria:
Each Commissioner has its own site on which he presents his views and responsibilities.
The sites of the Members of the Commission are managed by the private offices (Cabinets) or by the departments (at the Cabinet's request) and are subject to the rules laid down in the IPG. These sites must at least contain the following:
Site of President Barroso
Commissioners sites should be constructed and maintained using the Commission's Corporate Web Content Management System.
Commissioners sites should preferably be constructed following a standard structure composed of the following elements:
A collaborative site offers collaborative services to a group of users that share a common interest. Services include document sharing, work planning, contact management, collaborative workspaces, discussions, wikis, personal profiling, etc. Most collaborative sites are restricted to a closed user population and thus belong to a different family than the 'normal' information and communication sites on EUROPA.
A collaborative site is a specific case of a service site that focuses on establishing a virtual environment to enhance collaboration between the members of a working group. Most collaborative sites are thus not really part of the normal EUROPA family, but in many cases the results produced by the collaboration are published on a 'normal' EUROPA site. It is important to separate the closed collaborative part from the open dissemination site. Whenever possible the two environments must be well separated and accessed via different addresses. Only when the collaborative section of the site is small and open to everybody can the site be presented under one access point.
A collaborative site can offer a large range of services:
A common repository of documents that constitute the knowledge base of the working group. A sophisticated document access management is part of the service.
Tools for work planning, task management, contact management, integrated mail and conferencing tools.
Integrated threaded discussions, blogs, and wikis with related content and federated search.
Facebook-like user profiles, friends, message boards.
Internal Market Information System IMI
Closed collaborative sites cannot be integrated in normal Europa sites. They must be integrated in the 'webgate' family of web applications and use the secure 'http' protocol. Their URL will thus have the following format:
Given the wide diversity of collaborative services, it is not possible to recommend one particular technical tool to implement a particular collaborative site. Several approaches are possible:
Collaborative sites are usually closed sites and are thus not really part of the normal EUROPA family. When such a site is referenced from a 'normal' EUROPA page, the corresponding link should be accompanied by a warning message explaining to the visitor that he will be directed to a closed site requiring a login/password in order to be accessed. The visitor should also be informed about the nature of the site and its target audience. The same information must be provided on the home page (login page) of the collaborative site together with and explanation of the procedure for obtaining a user account.
Mobile web concerns the use of mobile device, such as smartphone and tablets, to access the Internet.
Web traffic through mobile devices is on the increase and the use of smartphones continues to grow. As mobile engagement increases among Europeans, it is important that the European Commission's online presence is available and ready for mobile devices.
These pages are here to help you with your mobile web project. The EUROPA team can provide support for two of the most popular options for mobile web projects – responsive web design and mobile applications.
If you are not planning a mobile web project, your current website is still accessible on mobile devices and visitors just have to zoom in to view content. Discover some quick fixes for better browsing on mobiles to see what you can already do to improve your website.
The EUROPA team can provide support for two of the most popular options for mobile web projects – responsive web design and mobile applications. If what an app does can be done in a website, then it's best to do it in a website. It's cheaper and easier to maintain than an app and a lot more people will see the content.
In responsive design, the same website is served to desktop screens, tablets and smartphones but the layout changes and adapts to the screen size. One website fits all. It allows content to be accessed by the widest audience possible no matter what device they are using.
A mobile application (or 'app') is a dedicated software application built specifically for certain smartphone or tablet operating systems (Apple, Android, Windows, BlackBerry). They are distributed through app stores that are usually managed by the owner of the mobile operating system.
If what the app does can be done in a website, then it's best to do it in a website. It's cheaper and easier to maintain and a lot more people will see the content.
Apps are useful for performing frequent tasks on a regular basis and are good for addressing specific audiences and activities.
A website is more suitable for consuming content and providing information on an occasional basis.
A website in responsive design is recommended for most mobile projects. This also has the following advantages:
A website in responsive design is recommended for most mobile projects. This also has the following advantages:
An app can use the mobile device's hardware features (e.g. GPS, camera, accelerometer). It also allows content to be accessed offline. However, this should not be the main reason for developing an app: more people access the Internet on the move, data roaming charges are decreasing and, of course, an app must be found and downloaded before that content can be accessed offline.
In responsive web design, the same website is served to desktop screens, tablets and smartphones but the layout changes and adapts to the screen size. One website fits all. It allows content to be accessed by the widest audience possible no matter what device they are using.
Responsive web design has grown in popularity since 2011 and is considered a good approach to manage a website as the variety in screen sizes continues to increase. The first Europa website to become responsive was Your Europe Citizens.
You should think of mobile visitors first when planning your content and layout. Give priority to tasks and content that are most important for them. Then, for each breakpoint of the template, arrange content and features according to the different screen sizes.
In responsive web design, a page of text that is completely visible on a desktop screen will require some scrolling on a smartphone screen. This is unavoidable but you can provide a better browsing experience by ensuring that your texts are easy to read and easy to scan.
Much of the advice in the 'Writing for the Web' pages is even more important to consider when managing a responsive website: the 'bite, snack, meal' structure, short paragraphs, concise texts and meaningful headings.
If you are moving a website to the new template then you should take the opportunity to review your existing content and simplify it and reduce it.
Single corporate European Commission accounts has to be used for all of the major app stores.
A mobile application (or 'app') is a dedicated software application built specifically for certain smartphone or tablet operating systems (Apple, Android, Windows, BlackBerry). They are distributed through app stores that are usually managed by the owner of the mobile operating system.
If what you want your app to do can be done in a website, then it's best to do it in a website. It's cheaper and easier to maintain and a lot more people will see the content. See choosing the best option.
If you decide on an app then these pages describe how to plan it, what to include in your terms of reference and how you can submit it through the Commission's app store accounts.
Please contact the EUROPA team at an early stage so we can provide help and guidance and help make your app a success. This will also allow us to plan submitting the app to the relevant app store.
Like a website, you should have a clear idea of what the app should do and what you want to achieve with it.
When drafting your terms of reference, make sure to consider the following:
The different platforms have written extensive user interface guidelines. These should be consulted and your contractors should design with these in mind:
In addition, the Commission's visual identity graphic charter will be expanded to include guidelines for mobile apps.
The EUROPA team has created corporate European Commission accounts in each of the major app stores (Apple App Store, Google Play for Android devices, Windows Phone Marketplace and BlackBerry App World).
This saves on individual account registration costs and eliminates the administrative workload required in setting them up.
Commission services or their contractors can't be given access to these accounts because it is not possible to assign rights for specific apps.
The final build/signature of the app must be done by the EUROPA team because, with the exception of Windows Phone apps, an app must be electronically signed with the Commission's app store private keys.
To use the accounts, you should contact the EUROPA team at the start of your project and provide details, planned launch dates and a contact person. You should foresee sufficient time – it takes Apple around two weeks to approve apps.
Here is what must be sent to the EUROPA team for the different platforms:
Send a zip file containing the app project source files. The EUROPA team should be contacted beforehand and they will inform you what 'bundle ID' to use in the app code.
Some texts and images must also be sent that will be used in the app's app store page. Full details are provided in the Apple App Store: Text and images document .
It takes between 8 and 10 days for Apple to review an app.
Send a zip file containing the app project source files. The EUROPA team will also provide details on what text and images for the app store have to be provided.
The approval process for BlackBerry apps is between 3 and 5 days.
Google Play Store
Send an unsigned version of the Android application package file (APK). The standard configuration in Eclipse sets a debug signed key by default so the contractor should verify that the APK is unsigned before sending it to the EUROPA team.
Some texts and images must also be sent that will be used in the app's app store page. Full details are provided in the Google Play app store: Text and images document .
Google Play Store apps appear online a couple of hours after submitting them.
Send the Windows Phone app file (.xap). The EUROPA team will also provide details on what text and images for the app store have to be provided.
It appears online within 24 hours after being submitted.
Apps can be transferred from another account to the Commission corporate accounts. All ratings and reviews will be kept.
However, please note the following:
Please contact the EUROPA team for more details.
Your current website is still in "desktop" format, but accessible on mobile devices and visitors just have to zoom in to view content.
Here are some guidelines on how to improve the browsing experience on your "desktop" website.
Here is the current list of EU mobile websites and application.
To find the apps below, search for the name in your app store of choice.
|Mobility and Transport DG||Your passenger rights at hand||Android, Apple (iPhone and iPad), WP7|
|Employment||European Health Insurance Card||Android, Apple, WP7|
|3||Joint Research Centre||Global Disaster Alert and Coordination System (iGDACS)||Apple|
|4||Enterprise and Industry||Embrace space||Android, Apple|
|5||Health and Consumers||Vet Week Tag-O-metre game||Apple|
|6||Research and Innovation||
Innovation Union Lab
|7||Research and Innovation||
Stars of European Research
|Apple (iPad only)|
Spanish EU Representation
EU in Turkey
|10||Joint Research Centre||
|Apple (iPad only)|
EU i Danmark
Zoe Makes a Splash
|14||Enterprise and Industry||
Galileo and EGNOS Satellites
|Android, Apple, BlackBerry, Windows Phone|
|15||Enterprise and Industry||
CE - E Robot Booth (Toy safety)
|16||Health and Consumers||
FCB iCoach - Your Guide to Become an ex Smoker
Eures - Your job in Europe
European Commission Representation in Ireland
|20||Health and Consumers||Drepturile Consumatorilor in UE||Android, Apple|
Joint Research Centre
Europe Media Monitor
Europe Time Machine
Information architecture (IA) is the combination of organization, labelling, and navigation schemes on websites to assist people to achieve their information needs.
IA is the foundation of good website and design. It is about planning where information and services will be located on the website in the most convenient and logical way for users.
Effective IA helps users to meet their business needs.
Before designing or redesigning a website, you have to consider the business goals of the website.
A good IA can address both business goals and user needs. User needs include both the activities users will want to undertake on the website and the information they want.
Different groups of users may have different needs or expectations of the website. Audience groups for a website may be farmers, students, researchers, citizens, business people, etc.
Consider listing what each user group may wish to achieve on the website - the information they may be looking for and the tasks they may like to undertake on the website.
A number of techniques can be used to assist in understanding users' needs. These include:
Consider what services, functionality or information can be provided on the website to meet identified needs and goals.
For each of the user needs identified, consider an example of how a user may meet these needs on the website and what activities they may undertake on the website. Where the need is to find information, the example may include a list of information the user requires. Where the need is to conduct an activity on the website (for example completing a form), the example may include the steps in the process that the user would undertake.
There are a number of different website structures which may be appropriate for different target groups and purposes.
Once the information needs of users and the required functions have been identified, you have to create a list of the content or content types that are needed on the website. Read more in the Content chapter.
Once the content and services to be provided have been identified, they can be sorted into logical groups. Understanding the users' needs and identifying the content to meet their needs may provide some guidance regarding how to group the content.
It may also be useful to gain input from focus groups to help ensure that their needs are met.
A number of methods can be used to sort content. These include:
This involves writing each element of content or content type on a separate index card, sorting them into groups of related content and describing the groups. The results of the grouping can be analysed as another input to the IA of the website.
Try to organize and number your content:
2 Category 2
For example for sorting "Books"
When you mind map, you start with a blank piece of paper and several coloured pens. Draw a small circle in the centre and label it "Home". Each time a new subject comes up, take one of the pens and draw a line out from the circle using a new color for each subject. Give each branch an appropriate name. When a topic relates to one of these main subject branches, draw a smaller branch out of main branch and label it accordingly. The colours help you visualize information that is related, plus any links you need to add from one branch to another.
Websites structured around a logical hierarchy can make it easier to decide on a navigation system and to design page layouts. Consider the hierarchy that will be most appropriate for the information and services to be provided on the website and that meets the needs of users.
Hierarchies can be narrow and deep, or broad and shallow:
In these there are few main menu choices and many lower levels of the hierarchy. The disadvantage is that the choices may be not be specific enough, so users may need to click through a number of levels to find the information they require. The advantage is that front pages may be simpler and users less confused about the most appropriate menu choice.
In these there are a large number of main menu choices but fewer lower levels of the hierarchy. The disadvantage is that, if there are many main menu choices, the page may be cluttered and choices too specific. The advantage is that the information required by users may be only a few 'clicks' away.
Not all parts of the website may be hierarchical. Other ways of grouping information include:
These methods may be used to group a particular part of the website or as an addition to the main hierarchy.
Once the hierarchy has been developed, all parts of it can be assigned labels, which will eventually be used in navigation and links.
Labels that are accurate and informative are more easily understood by users. Labels based on language used by users and not language used by the Directorates-General (jargon and acronyms).
When the grouping and labelling have been developed, the content that will be included in the website can be fitted into the structure of the website.
Before developing the actual website, it may be useful to review the proposed structure. Ask yourself these questions:
At this point it is very useful to test a prototype with a group of users. Do usability testing.
Monitoring and evaluation of the use of the website (statistics) can help judge whether they are meeting their outputs and outcomes, whether the structure is meeting the needs of users and how the structure can be improved.
A structure is never really finished. Changes will continue to take place. Keep the structure of the website and sitemap up to date.
Changes give you opportunity to do things even better.
Web usability is an approach to make websites easy to use for an end-user, without requiring her (or him) to undergo any specialized training. The user should be able to intuitively relate the actions he needs to perform on the web page with other interactions he sees in the general domain of life, e.g. press of a button leads to some action. The broad goal of usability can be:
It is important to understand:
Usability aspects, therefore, should be in mind during the whole process of creating and producing a site:
At the definition phase:
At the development/production of a prototype phase:
At the quality control phase:
At the publishing/distribution phase:
At the maintenance/evaluation phase
When evaluating the usability of a site, ask these questions:
As for the methods of evaluating those criterias, the famous online survey which gathers the general user satisfaction rate about a website is not sufficient. There are a variety of approaches to usability evaluation that you may choose to take.
The task of evaluating and improving the usability of websites can be daunting given the quantity of sites being produced, the frequency of updates, and the sheer size of many sites. As a result, some automated support for web designers and usability specialists will become an increasing necessity within the overall usability process. Automated usability tools can help save time and money in design and user testing improve consistency and quality of site design, and improve the systematic application of usability standards. Here are some examples of usability tools available in the market:
For further information on usability issues, please contact the EUROPA team.
As from January 2010, all new EUROPA websites have to be created in compliancy with the Web Content Accessibility Guidelines 2.0, level AA.
Advice on how to meet the standard is detailed in these pages.
Web accessibility aims at enabling all users to have equal access to information and functionalities on the web. More specifically, Web accessibility means that people with all abilities and disabilities can perceive, understand, navigate, and interact with the Web.
According to the UN Convention on the Rights of Persons with Disabilities that has been signed by the European Union, persons with disabilities include those who have long-term physical, mental, intellectual or sensory impairments which in interaction with various barriers may hinder their full and effective participation in society on an equal basis with others.
Internet users can experience problems when using the web because of different kinds of disabilities, functional limitations, environmental factors or technology matters:
Persons with disability in Europe are a significant group:
Source: Labour Force Survey (European Commission-Eurostat, 2002)
The Web is an increasingly important resource in many aspects of life: education, employment, government, commerce, health care, recreation, access to information and more. It is essential that the Web is accessible in order to provide equal access and equal opportunity to persons with disabilities. An accessible Web can also help people with disabilities more actively participate in society.
The Commission is committed to make Websites as accessible as possible to the largest possible number of users including those with visual, auditory, cognitive or physical disabilities, and those not having the latest technologies. The Commission must take a lead in providing an example of good practice in Web accessibility and accomplish its legal obligations.
As a public service, EUROPA is addressed to all citizens of the European Union. It is important to ensure that it is accessible to all audiences and complies with the standards for accessible web design.
In addition to making information easier to access and thereby increasing the site’s potential customer/client base, benefits of Accessible Web design include:
The Commission has adopted the Web Content Accessibility Guidelines (WCAG) 2.0, compliance level AA, as objective to attain for websites published on EUROPA from January 2010 on.
Until 2009, the standard followed for web accessibility of EUROPA websites has been the Web Content Accessibility Guidelines 1.0 (WCAG), level A (priority 1). Most websites that conform to WCAG 1.0 will not require significant changes in order to conform to WCAG 2.0, and some may not need any changes.
Some top level EUROPA sites already meet the terms of WCAG 2.0 AA level of compliance, and the European Commission continues to move forward achieving conformity for a great deal of its existing sites.
However, in spite of continuous efforts to monitor accessibility, full "level AA" compliance cannot be guaranteed at all times. In case of justified technical or practical reasons for not complying with these guidelines, the Commission will explain the exceptions in an accessibility page.
Commission services have concluded a number of framework contracts with external organisations for specific services regularly required. Before launching a procurement procedure, you should check whether a framework contract already in force could be used to make the purchases you need.
DG Communication (DG COMM) offers a number of framework contracts and AMI list:
DG COMM maintains also a list of all DGs' framework contracts in the Communication fields.
For further information, see DG COMM intranet for the framework contracts possibilities.
The framework contracts from DIGIT can offer you the necessary expertise for constructing complex dynamic sites using ColdFusion or Weblogic.
The IRMs (Information Resources Managers) of each DG and their teams are the key contact people from DIGIT in this field. Contact them first if you want to make use of these contracts. For further information, please consult the Framework Contracts page of DIGIT on MyIntracomm. Public information about DIGIT's framework contracts is available on EUROPA.
The Publications Office (OP) know–how is available to anyone requiring help and advice with publications projects (electronic and paper). OP uses framework contracts to produce publications together with external contractors. Directorates-General and institutions can submit a request for a publication which will be produced in-house or with the help of an external contractor. OP advises on technical specifications, helps plan, prepare and manage projects and ensure quality of the finished product, and ensures conformity with the rules governing the use of framework contracts and house style guides. OP has a number of such contracts which can be used to carry out multimedia and print publications projects.
The templates and examples presented on this page are a collection of documents which can be helpful in the process of creation and planning a successful website. The examples can be customised according to the specific project's needs.