Author(s) | Collection number | Pages | Download abstract | Download full text |
---|---|---|---|---|
Kudriashova A. V., Білецький Ю. О., Сорока Н. В. | № 1 (68) | 13-22 |
![]() |
![]() |
A graphical description and formal representation of the web resource interface development process are carried out using functional modelling, utilizing the IDEF0 methodology.
An information system prototype is an initial version of the system created to showcase its key elements and functionality. Prototyping is intended for demonstrating concepts, verifying requirement variations, and identifying potential issues. The primary idea of prototyping is to quickly create a working model of the system to allow users and stakeholders to interact with it. The prototype also provides a visual demonstration of the system’s main functions and operations, helping stakeholders and users better understand how the system will work in practice.
A context diagram is developed, consisting of a rectangle indicating the main system function and four types of boundary arrows: input (need for development), output (developed prototype at the high-fidelity level), control (normative-technical and technological documentation; specification), mechanisms (hardware and software, including Figma, Google Docs; UX/UI designers, testers). The context diagram is divided into six main functional blocks: to analyse competitor websites, to study the target user audience, to create personas, to create empathy maps, to create story maps, to create design. Relationships between them are illustrated. Decomposition of each functional block of the first-level decomposition diagram is carried out, resulting in six second-level decomposition diagrams. A hierarchical multi-level tree diagram is developed, containing functional blocks of all levels of decomposition and reflecting the structure of the IDEF0 functional model.
Keywords: prototype, interface, website, functional model, IDEF0 model.
doi: 10.32403/1998-6912-2024-1-68-13-22