Requirements & Specifications
- Document Revision History
- Project Abstract
- Customer
- Competitive Landscape
- User Study
- Functional Requirements
- Non-functional Requirements
- User Interface Requirements
version 1.0 (2023/10/5): initial version
version 1.1 (2023/10/21): renewed user interface requirements
From consumer to creator, nurture creativity in a collaborative space and build shared experiences.
"LittleStudio" is an innovative drawing application designed for children aged 5-8 and their parents. The interactive platform allows families to collectively produce unique piece of artwork in their mobile systems. Powered by AI technology, the app generates AI-driven content by bringing the drawing to life. In addition, it enhances the user experience and augments the value of the user’s artwork by offering supplementary features like animated GIF creation and voice recordings. "LittleStudio" is more than just drawing; it’s about creating lasting shared memories and artwork, all while ensuring the content remains suitable and safe for young eyes.
General Audience
- Families with children aged 5-8
Specific Customer Types
- Children who enjoy drawing digitally
- Parents who seek to build shared memories with their children
- Tech-savvy parents who want to introduce AI to their children safely
Though there are number of children drawing mobile applications, the introduction of AI technology in this field is not widely used yet.
| Service | LittleStudio | SketchAI | 어린이 미술놀이 |
|---|---|---|---|
| Drawing targeting children | O | X | O |
| Real-time collaboration across different devices | O | X | X |
| Animated artwork | O | O | X |
| Safety mechanism | O | X | X |
어린이 미술놀이: This application induces children to participate only on coloring of a partially completed artwork. In this way children could be more satisfied than doing their own artwork, since the quality of the artwork is provided from the original sketch that is provided. LittleStudio intends to extend that experience to various areas such as selection of thesis, and overall drawing process.
SketchAI: Other AI drawing in the market has some hazardous point that is not appropriate to kids' emotion. LittleStudio intends to prevent those cases and make AI drawing into a meaningful family work.
*Please note that this interview primarily emphasized the conceptual aspects and their preferences regarding potential AI features, rather than usability.
Initially, our concept revolved around leveraging AI to augment a drawing. However, in light of feedback received from individuals outside our team, we recognized the necessity of conducting a user interview and gain insight from our target audience.
While our primary goal was to enhance by completing the drawing, we encountered a challenge in the interpretation of the terms “enhance” and "complete." Whose perspective defines the completeness of a drawing? Would an AI-generated drawing truly be perceived as an improvement from a child's viewpoint? Delving deeper, how do we precisely define "enhanced"? How would a child engage with and interpret a "completed" drawing? Children often have their own unique narratives and hidden stories within their drawings; is it appropriate to modify these? The subjectivity inherent in AI-generated drawings prompted us to reconsider our approach.
Displaying the original drawing alongside the AI-generated version could, in a worst-case scenario, imply a comparison that defines an ideal direction for the drawing, potentially impeding creativity instead of fostering it. AI was meant to be a tool to spark interest, but there was a concern that altering a child's drawing might dampen their enthusiasm.
For these reasons, we decided to conduct a user interview in order to gain valuable insights from the user's perspective. After thorough exploration, we narrowed down our options to the following:
- AI-Enhanced Drawing: The drawing is improved with the help of AI
- 3D Rendering: Transforming the drawing into a 3D representation
- Animated Drawing: Bringing the drawing to life through animation
During the user study with a mother and her two children (ages 6 and 11), we aimed to gather insights on the following key areas:
- Children's Drawing Experience: Understand the children's experiences with both traditional paper-based drawing and digital drawing
- Drawing Preferences: Explore the types of drawings the children typically create and enjoy
- Drawing Apps Usage: Learn about the family's experiences with drawing apps, if any
- Saving Children's Art: Investigate how the parent typically saves or keeps her children's artwork, both paper and digital
- Monitoring Electronic Device Usage: Explore how the parent monitors and tracks their children's electronic device usage
- Parent-Child Interaction: Identify if there are any apps that the parents and children use together
- Interest in LittleStudio: Determine the parent's thoughts and willingness to use "LittleStudio” (please note that this interview primarily emphasized the conceptual aspects and their preferences regarding potential AI features, rather than usability)
- AI Feature Preferences: Understand the family's thoughts and preferences regarding the AI feature options available in "LittleStudio"
- Children's Drawing Experience: Began drawing at the age of 4~5, attends art academy
- Drawing Preferences: Mostly involves cartoon characters
- Drawing Apps Usage: Limited experience
- Saving Children's Art: Can’t keep all of them, so only keeps a few of them (about 1/10 only), feels a sense of guilt when throwing the rest away
- Monitoring Electronic Device Usage: Doesn’t strictly control time usage but controls game installations through deals
- Parent-Child Interaction: interaction via messenger apps only. Limited parental involvement in children's creative activities; interested, but it is hard to do so realistically as it is a challenge in balancing work and family life (not easy to find the time to search for such applications)
- Interest in LittleStudio: Didn’t give much thought, but after taking a look, it sparked interest and both mother and children are willing to try it out
- AI Feature Preferences: Animated Drawing > 3D Rendering > AI-Enhanced Drawing. Not much interest in improving the quality of the drawing. What captures short-term interest is the idea of the drawing itself moving. It's fun and visually captivating
1. Sign Up Page
| Goal | Allow new end users to create an account and access LittleStudio’s services |
|---|---|
| Actor | End user |
| Pre-conditions | The end user is not registered |
| Trigger | The end user clicks on the “Sign Up” button |
| Main scenario | i. The end user navigates to the Sign Up page ii. The system displays the Sign Up form with fields for ID, full name, password, password confirmation, type of user (child or parent), and gender (male, female, or other) iii. The end user enters the aforementioned information required to sign up iv. The system validates the input, checking for the uniqueness of the ID v. If validation is successful, the system creates a new user account vi. The system registers and logs the end user in and the end user is redirected to the user main page |
| Extensions (error scenarios) | i. The username already exists a. Display error message prompting the end user to correct the fields ii. The password and password confirmation input do not match a. Display error message prompting the end user to correct the fields iii. End user has not filled in all fields a. Display error message |
2. Login Page
| Goal | Allow registered end users to create an account and access LittleStudio’s services |
|---|---|
| Actor | End user |
| Pre-conditions | The end user is already registered/has an account |
| Trigger | The end user clicks on the “Login” button |
| Main scenario | i. The end user navigates to the Login page ii. The end user enters their registered email address and password iii. The end user clicks on the "Login" button iv. The system verifies the provided credentials, checking for the correct password associated with the ID v. If verification succeeds, the system logs the user in vi. The end user is redirected to the main page |
| Extensions (error scenarios) | i. Invalid login attempt(s): the login credentials (ID and/or password) are incorrect (including non-existent ID) a. Display error message |
3. Main Gallery Page (Draw Feature)
| Goal | Allow registered end users to create a collaborative artwork and access past artworks |
|---|---|
| Actor | End user |
| Pre-conditions | The end user has logged in |
| Trigger | The end user has logged in |
| Main scenario | i. The end user logs in and the gallery page is displayed ii. The end user clicks on the “plus” button via the menu bar a. “Create” option: end user is the owner of the artwork b. “Join” option: end user joins another family member’s drawing workspace via the invitation code provided by the owner for a collaborative artwork creation iii. The end users simultaneously draw on the canvas using the undo icon, redo icon, finish button, and pencil, eraser, and coloring pencils iv. If the end user is the creator of the artwork, they can: a. Invite other family members by sharing the invitation code b. (Upon completion of the drawing) Click the “Finish” button |
| Extensions (error scenarios) |
4. Voice Recording / Loading Page
| Goal | Voice record a finished drawing to provide context and narration for the artwork |
|---|---|
| Actor | End user |
| Pre-conditions | The end user is the owner of the artwork |
| Trigger | The end user clicks the “Finish” button |
| Main scenario | i. The end user navigates to the voice recording page ii. The end user voice records via the record icon iii. The end user adds a title in the “Title” field iv. If the “Submit” button is clicked, the end user is redirected to the loading page v. The loading page displays a message asking the end user to wait for ten seconds while the AI artwork is generating |
| Extensions (error scenarios) | |
| Variations (alternative scenarios) | i. The end user has not added a title a. Display alert message (required field) ii. The end user has clicked on a button leading to another screen midway a. Display alert message to notify of unsaved changes. The message prompts the end user to confirm whether they indeed wish to exit the current screen, ensuring they are aware of potential data loss |
5. Artwork Page
| Goal | View artwork |
|---|---|
| Actor | End user |
| Pre-conditions | The end user finished a drawing, added a title, and voice recorded |
| Trigger | The end user has added a title and voice recorded (the artwork page comes after the loading page) |
| Main scenario | i. After loading, the end user is redirected to the final artwork screen, which displays the following: a. the original collaborative drawing b. an AI-generated artwork inspired by the submitted drawing c. an animated GIF with intermediary checkpoints d. the title of the artwork e. the voice recording (if none exists, display record button) f. a list of collaborators who contributed to the artwork |
| Extensions (error scenarios) |
- As an end user, I want to sign up, so that I can access and make use of the services provided by LittleStudio.
-
Scenario: The end users clicks on the “Sign Up” button
- Given: The end user is in the sign up page
- When: The end user completes the registration process
- Then: The end user should login and be redirected to the user main page
- As an end user, I want to login, so that I can access and make use of the services provided by LittleStudio.
-
Scenario: The end user clicks on the “Login” button
- Given: The end user is in the login page
- When: The end user inputs the correct credentials
- Then: The end user should login and be redirected to the user main page
- As an end user, I want to jointly produce a unique piece of artwork, so that I can build shared memories and artworks.
-
Scenario: The end user is in the main gallery page
- Given: The end user has successfully logged in
- When: The end user clicks on the “plus” button via the menu bar to either create a new drawing or join a drawing
- Then: The end users should be able to simultaneously draw on the canvas
- As an end user, I want to add a title and voice record, so that I can provide context and narration for my artwork.
-
Scenario: The end user should be able to add context to their artwork
- Given: The end user has finished a drawing
- When: The end user has added a title and voice recorded
- Then: The end user should be redirected to the artwork page
- As an end user, I want to view my artwork in various versions, so that I can appreciate its evolution and creativity.
-
Scenario: The end user should be able to see their artwork in three different formats
- Given: The end user has finished a drawing, added a title, and voice recorded
- When: The app has finished loading
- Then: The end user should be able to see their artwork in three formats: the original collaborative drawing, an AI-generated artwork inspired by the submitted drawing, and an animated GIF with intermediary checkpoints
Availability: The application should have an uptime of 99.9%.
Real-time Latency: The concurrent drawing strokes from other users will be displayed within 10 seconds to support seamless collaboration.
