Digital Italia Team: Last Design Kit. Wireframe, Usability Test, UI Kit and WebToolkit
The final kits put out by the Italian Digital Team under the “DO” category are WIREFRAME, UI and WEB TOOLKIT. We’re also including here the USABILITY TEST kit from the “UNDERSTAND” category to mirror a real-life project flow, where the end of the project calls for designing wireframes and submitting them to our users and the development team for validation testing. Following that, we can create high fidelity mockups or interactive prototypes using the UI kit and the WEB TOOLKIT.
WIREFRAME KIT [FARE]
This kit has a list of elements, page models, and components useful for building a prototype digital public service. The kit is made in Sketch, using the UI kit library, and offers a short description for each type of content type.
Sketch is a graphic design software useful for creating wireframes and prototypes (with a plugin). As far as tools go, Figma is another option that is quite good, although simpler. Figma is a co-design tool to create wireframes and mockups in synchronous and asynchronous mode with distributed teams. These features make Figma a powerful tool for designing quickly although its suite of plugins is less robust than Sketch.
Link: https://designers.italia.it/kit/wireframe-kit/ (italian)
USABILITY TEST [CAPIRE]
Usability Test kit has a list of tools necessary to manage and to analyze the results of a usability test. The list of tools is:
- Participants profile
- Guide to managing the test
- Disclaimer to consent to the data processing
- Net promoter score
- SUS questionnaire
- UMUX Lite questions
- Results table
- Results report
Link: https://designers.italia.it/kit/usability-test (italian)
UI KIT [FARE]
The UI Kit has a Sketch file and an Icon kit. Designers can use it to model the interface and the library of icons. The aim is to have a simple and coherent graphic style for the Italian governance website.
The Sketch file included offers ready-to-use visual components.
Link: https://designers.italia.it/kit/ui-kit/ (italian)
WEB TOOLKIT [FARE]
The Web Toolkit provides open-source UI components that are ready to use. The kit provides basic web development techniques and is accompanied by complete and detailed technical documentation for using the kit and customizing its components. The toolkit includes sample HTML pages, useful as a starting point for developing the web application.
Link. https://designers.italia.it/kit/web-toolkit/ (italian)
We on Entando’s Application Design team appreciate the Italian team’s willingness to share their extensive materials publicly. We think, and we are already seeing the benefits from this, that their kits can greatly assist all professionals involved with designing digital services for the Italian public administration.
We are ready to contribute with the community to spread and support an increasingly citizen-centered approach!