Handoff, Interaction and documentation
Documentation has always been an integral part of my work as a designer across various companies. My goal is to present specifications in a way that ensures the project vision is clearly translated not only to the development team but also to anyone accessing the file, such as other designers, UX writers, product owners, stakeholders, etc.
By documenting behaviors and interactions, I help reduce ambiguities, promote consistency, and facilitate the delivery of solutions aligned with user needs and product objectives.
Below is a compilation of deliverables I’ve created, showcasing both my approach to documentation and the presentation of these specifications in terms of visual refinement.
Notification Center
Creation of the notification center, detailing the behavior of each notification type in the menu that opens when clicking on the bell icon in the application's top bar.
Modal Shadow Behavior
Specification of the interaction of a modal's shadow in all contexts, ranging from scenarios with no content that requires scrolling to those where content exceeds the visible area. This includes detailed descriptions of the initial state through to the complete consumption of the content.
Module Interaction
Behavior changes in the drag-and-drop functionality due to issues with interaction with other interface elements.
Card interaction
Behavior specification for drag-and-drop functionality in a doctor scheduling system, including the ability to delete the card.
Documentation
Documentation for one of the elements in the Goban Design System.
Card Anatomy
Detailed documentation of the card component in the Goban Design System.
GRID documentation
Technical specification of a GRID system for a Desktop platform, containing all necessary information and rules for accurate application.
