From 988b30a534df7359321a50acb16b5e543be90a09 Mon Sep 17 00:00:00 2001 From: Gemma Leigh Date: Thu, 13 Oct 2016 09:01:35 +0100 Subject: [PATCH] Update the grid layout example page - Update the text as this is woefully out-of-date - Add a full width column example, using the .column-full class added in (v1.2.2) --- app/views/examples/elements/grid-layout.html | 159 ++++++++++++++++--- 1 file changed, 137 insertions(+), 22 deletions(-) diff --git a/app/views/examples/elements/grid-layout.html b/app/views/examples/elements/grid-layout.html index 669df7eb4a..7af7328bd4 100644 --- a/app/views/examples/elements/grid-layout.html +++ b/app/views/examples/elements/grid-layout.html @@ -10,110 +10,225 @@ {% include "includes/breadcrumb_examples.html" %}

- New grid layout example + Grid layout

+

Two thirds

-
-

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. -

-

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. -

-
+ +

Understand user needs

+ +

+ Understand user needs. Research to develop a deep knowledge of who the service users are and what that means for the design of the service. +

+
+

One third

+ +

+ Do ongoing user research +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Put a plan in place for ongoing user research and usability testing to continuously seek feedback from users to improve the service.

+
+

One third

+ +

+ Have a multidisciplinary team +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. + Put in place a sustainable multidisciplinary team that can design, build and operate the service, led by a suitably skilled and senior service manager with decision-making responsibility.

+
+

One third

+ +

+ Use agile methods +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. + Build your service using the agile, iterative and user-centred methods set out in the manual.

+
+

One third

+ +

+ Iterate and improve frequently +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. + Build a service that can be iterated and improved on a frequent basis and make sure that you have the capacity, resources and technical flexibility to do so.

+
+

One half

+ +

+ Evaluate tools and systems +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Evaluate what tools and systems will be used to build, host, operate and measure the service, and how to procure them.

+
+

One half

+ +

+ Understand security and privacy issues +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Evaluate what user data and information the digital service will be providing or storing and address the security level, legal responsibilities, privacy issues and risks associated with the service (consulting with experts where appropriate).

+
+

One half

+ +

+ Make all new source code open +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Make all new source code open and reusable, and publish it under appropriate licences (or provide a convincing explanation as to why this can't be done for specific subsets of the source code).

+
+

One quarter

+ +

+ Use open standards and common platforms +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Use open standards and common government platforms where available.

+
+

One quarter

+ +

+ Test the end-to-end service +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Be able to test the end-to-end service in an environment identical to that of the live version, including on all common browsers and devices, and using dummy accounts and a representative sample of users.

+
+

One quarter

+ +

+ Make a plan for being offline +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Make a plan for the event of the digital service being taken temporarily offline.

+
+

One quarter

+ +

+ Make sure users succeed first time +

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Create a service which is simple to use and intuitive enough that users succeed the first time.

+
+

One quarter

+ +

Make the user experience consistent with GOV.UK

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Build a service consistent with the user experience of the rest of GOV.UK including using the design patterns and style guide.

+
+

One quarter

+ +

Encourage everyone to use the digital service

+

- The Deputy Prime Minister, Nick Clegg MP, is the deputy head of government. He is the leader of the Liberal Democrats and was appointed Deputy Prime Minister when the coalition government was formed following the 2010 general election. + Encourage all users to use the digital service (with assisted digital support if required) alongside an appropriate plan to phase out non-digital channels and services.

+ +
+
+ +
+
+ +

Full width

+ +

Collect performance data

+

+ Use tools for analysis that collect performance data. Use this data to analyse the success of the service and to translate this into features and tasks for the next phase of development. +

+ +

Identify performance indicators

+

+ Identify performance indicators for the service, including the 4 mandatory key performance indicators (KPIs) defined in the manual. Establish a benchmark for each metric and make a plan to enable improvements. +

+ +

Report performance data on the Performance Platform

+

+ Why you should report data and how you'll be assessed. +

+ +

Test with the minister

+

+ Test the service from beginning to end with the minister responsible for it. +

+