Information models

Diagram Drawing

Transforming complexity and processes into clear and engaging visual narratives.

A woman delivers a presentation to an engaged audience of diverse individuals seated in a conference room, showcasing her ideas in a professional setting

Purpose and Objective

To streamline workflows and improve communication among internal colleagues at King's Digital Lab, visual representations are created when needed. These diagrams aimed to aid understanding across teams and ensure alignment between lab managers, analysts, developers or between project partners and other researchers.

The primary goal of these digrams was to develop clear, user-friendly diagrams to represent workflows, enhancing collaboration, efficiency and clarity.

Collaborative Process

It usually starts with collaborative discussions using Miro as the primary tool for drawing and brainstorming. Contributions from the lab manager, analysts, and developers played a key role in shaping the diagrams, ensuring accuracy and relevance to the specific applications being developed. The iterative feedback loop between team members was crucial for refining the content and format of the visuals.

Circular diagram illustrating various data types showcasing their relationships and structures with a legend on the left.
Distribution model showing the relationship between the internal team and external stakeholders
Grayscale flowchart like timeline showing stages represented with dots on a line
Software Development Lifecycle internal document to assist with aligning processes with stages
Development stack diagram
Development stack
Circular visual representation of the development stack, highlighting the interconnected layers and their roles in software creation, with a legend at the bottom
Original and Reworked images for Service Level Agreement recommendations
Project timeline illustrating various stages and deadlines, providing a clear overview of the project's progress.
Diagram to illustrate the various stages of work packages of a project
different frames of design iterations and diagram featuring 5 circles representing iterative cycles
Diagram to show continous progression of iterative cycles
Flowchart depicting the accessibility overview process, showcasing critical phases and factors for effective accessibility implementation.
Flowchart of the accessibility overview proces
An comprehensive process flow diagram that outlines the sequential steps and relationships within a workflow.
Diagram flowchart to assist with time and task tagging
Visual representation in colourful sections, showcasing various key statistics.
Diagram to visually represent the types and percentage responsibility of roles