Competitor review

IA / Top Navigation
Lots of similar judicial sites follow the same IA format. Instead consider splitting the user journey more starkly with structured browse situations/cases and the court - and having more exible navigation. eg breadcrumb for situations/cases and a big footer. Use relatedness / relationships (tagging and metadata)
ICJ ICTY ICTR

SCSL

STL

ECCC

Big footers
Good for reference. Informative. Useful. Almost like a sitemap at the bottom of every page.

2 1. gov.uk. 2. andyrutledge.com 3. whitehouse.gov

Timelines
An important tool to provide clarity, context and depth for the complex cases the ICC deals with. Telling the story of the case.
1

2 4
1. Facebook. 2. NY Times 3. paulstamatiou.com 4. Cern 5. Path 6. The Histomap by John Sparks

Imagery / Video
Not just walls of text. Telling a human story. Educate and inspire. Show whats happening inside the ICC and beyond. Look further than the default option (robed judges in court). 2
1

5 1. CERN. 2. Kony2012 3. endimpunity.com 4. ICTJ 5. Warchild.org.uk

Presenting lots of text / pdfs

HTML needs to be the default publishing format with the exception of court lings. Eective use of typography. Plenty of white space. Readability on all devices is paramount. Clear indication of download, format, lesize before user clicks.
1

1. Open Society. 2. gov.uk 3. gu-fracking.appspot.com 4. hn.premii.com

Search, lter, sort

Search tools - see latest lings, lter by case, topic, keyword, etc - are very important.
1 2

3 4 5

1. tribunalsdecisions.service.gov.uk 2. icty 3. icj 4. Google 5. ICTY 6. Nulpunt 7, bailii.org 8. Hudoc

Email sign up / email alerts

Open up press list to anyone to sign up. Allow users to tailor subscription to specic areas, situations, cases. Oer alerts for new lings. These tools can be used in other sections, eg ASP.
1 2

4 1. iccnow.org. 2. gov.uk 3. hunch 4. undocs.org

Maps
Good to represent the scope of the courts work and its backing (ASP), but lots of diculties around nuance and politics.
2 1

1. Amnesty. 2. howbigreally.com 3. Wikipedia

Educational resources
Classroom resources and content for young people are important but dicult to do well. We need more information on audience and aims.
1

2 4

1.Questionbox.org. 2. un.org/Pubs/CyberSchoolBus/ 3. Warchild 4. livemocha

Feedback / transparency
Including report an error, ask a question, see an articles history, ask for feedback. Helps to establish trust, signal openness and nd out about things you might be unaware of.

1. reportanerror.org 2. gov.uk 3. Google 4. STL 5. Quora

Use of data / visualisations

To convey what the ICC has achieved judicially, politically and on the ground, eg trial chamber dealt with x decisions, x applications, x requests to give impression of complexity of the case.
1 2

1.Rattle for BCC. 2. feltron 3. infobeautiful

Content
Contextualise and explain the work of the ICC. Provide facts on which other people can base their opinions. 1. Simple as possible, but not simpler Write in a way which most people can understand, retain and act upon. Be clear and concise. Keep in mind some of Orwells elementary rules: Never use a long word where a short word will do. If it is possible to cut out a word, always cut it out. Never use a foreign phrase, a scientic word or a jargon word if you can think of an everyday English equivalent. 2. Active voice, short sentences, dont be stuy Use the language of every day speech. Check the terms users search for (e.g. Google Insights) and incorporate them. Avoid jargon, euphemisms, obscure Latin terms, unexplained acronyms and abbreviations. 3. Talk to the user but dont be too chatty Address the user as you wherever possible. Use we to refer to the ICC as long as the identity of we is clear from the context. Use contractions, e.g. dont, wont, cant, but do not overdo it. 4. The article is no longer the atom of content - what is the focus of the content? Digital by default. Start with the nugget that can be shared. Work from that. Users dont care about pages or even things, they care about relationships between the things. Allow the user to decide.

Technology
Standards-based approach Language - no splash page - auto detection or default to majority language Clean and persistent urls Open data markup - RDFa and schema.org - machine readable markup, APIs, etc SASS / Compass / Innuit / Grunt - Object Orientated Github Conditional loading Smart print style sheets Death to PDFs Ambient personalisation Accessibility - Priority 2 (AA) of the WCAG 1.0 and WCAG 2.0 guidelines, eg ARIA
attributes

Browser support - progressive enhancement / graceful degradation

Design
Ruthless adherence to serving user needs Typography - webfonts, smart quotes - without heavy pageload Identity - must remain strong even away from the website, eg social networks Responsive grid - mobile rst approach [Gridset] Design to be inclusive - readable, legible, accessibility Consider context - what are the circumstances of use - to keep designs relevant to
peoples lives

Sites reviewed - 1
International Criminal Tribunal for the former Yugoslavia (ICTY) http://www.icty.org/ International Criminal Tribunal for Rwanda (ICTR) http://www.unictr.org/ Special Court for Sierra Leone (SCSL) http://www.sc-sl.org/ Special Tribunal for Lebanon (STL) http://www.stl-tsl.org/ Extraordinary Chambers in the Courts of Cambodia (ECCC) http://www.eccc.gov.kh/en International Court of Justice (ICJ) http://www.icj-cij.org/homepage/ European Court of Human Rights (ECHR) http://www.echr.coe.int/Pages/home.aspx? p=home Iran-United States Claims Tribunal http://www.iusct.net/ Permanent Court of Arbitration http://www.pca-cpa.org/showpage.asp? pag_id=363 United Nations http://www.un.org/en/ Ministry of Foreign Aairs | Government.nl http://www.government.nl/ministries/bz United Nations News Centre http://www.un.org/news/ European Union http://europa.eu/index_en.htm European Parliament http://www.europarl.europa.eu/portal/en European Commission http://ec.europa.eu/index_en.htm Council of Europe http://hub.coe.int/ Europol https://www.europol.europa.eu/ Eurojust http://eurojust.europa.eu/Pages/home.aspx OSCE: Organization for Security and Cooperation in Europe http://www.osce.org/ OAS - Organization of American States http://www.oas.org/en/default.asp ICRC: International Committee of the Red Cross http://www.icrc.org/eng/ Organisation for the Prohibition of Chemical Weapons http://www.opcw.org/

Sites reviewed - 2
Nulpunt http://nulpunt.nu/ GOV.UK https://www.gov.uk/ CERN http://home.web.cern.ch/ World Food Programme http://www.wfp.org/ Journalists for Justice https://www.facebook.com/JournalistsForJustice International Organization of Migration www.iom.int White House http://whitehouse.gov/ Andy Rutledge http://andyrutledge.com/ BBC News http://www.bbc.com/news/ Warchild http://www.warchild.org.uk/ Kony2012 http://invisiblechildren.com/kony/ End Impunity http://endimpunity.com/ Open Society Justice Initiative http://www.katangatrial.org/ Coalition for the International Criminal Court http://iccnow.org Human Rights Watch http://www.hrw.org/ International Center for Transitional Justice http://ictj.org/ International Justice Project http://www.internationaljusticeproject.com/ Amnesty International http://www.amnesty.org/ Fdration Internationale des Ligues des Droits de l'Homme (FIDH) http://www.dh.org/-englishNo Peace Without Justice http://www.npwj.org/ Parliamentarians for Global Action http://www.pgaction.org/ The Redress Trust http://www.redress.org/ Women's Initiatives for Gender Justice http://www.iccwomen.org/ Worldbank http://www.worldbank.org/