This post dives into the UI/UX design of "Counted," an attendance monitoring app that simplifies the process for both teachers and students.

Event Creation User Flow

Slide 1: Streamlined Event Creation

Imagine: creating events is as quick as jotting down a grocery list. Counted delivers precisely that! This slide showcases the initial event creation page, where teachers can effortlessly input details like date, time, location, and even a descriptive title. Witness the intuitive interface that guides them through the process with crystal clarity.

Slide 2: Event Details Preview

Before finalizing, Counted empowers teachers with a powerful tool: the preview popup. This slide demonstrates how the app presents a clear and concise overview of all entered details. Teachers can meticulously review the information and make any necessary adjustments with a single tap.

Slide 3: User PIN authentication

Counted prioritizes data security. This slide highlights the crucial step of user authentication. Teachers will be prompted to enter their pre-set PIN, ensuring only authorized personnel can create events. This layer of security fosters peace of mind and keeps your attendance tracking on track.

Slide 4: The QR Code

This slide showcases the dynamic QR code generation. Based on the previously entered event details, Counted generates a unique QR code that displays the event information and a live student attendance counter. Students can simply scan this code to effortlessly register their presence, making the process seamless and efficient.

Slide 5: Process Termination

Counted understands – sometimes, mistakes happen. This final slide demonstrates the thoughtful inclusion of a confirmation pop-up. In the heat of the moment, a user might accidentally attempt to exit the event creation process. This pop-up acts as a safety net, prompting them to confirm their decision and preventing unintentional termination

Past Events User Flow

Slide 1: Past Events

This slide unveils the "Past Events" section, a comprehensive archive of all created events. Teachers can easily navigate through the list, with each entry displaying a quick preview of the date, location, and scheduled timings. The intuitive search and sort features allow for effortless filtering, making it a breeze to find specific events. Additionally, a dedicated "View Attendees" button grants instant access to detailed attendance records.

Slide 2: Unveiling Attendance Details

This slide showcases the detailed view of a specific event. Here, teachers can access a comprehensive list of all attending students. The search bar facilitates quick student lookups, ensuring no attendee goes unnoticed. For maximum flexibility, Counted empowers teachers to download attendance data in various file formats, enabling seamless integration with other tools and fostering informed decision-making.

Slide 2: Unveiling Attendance Details

This slide showcases the detailed view of a specific event. Here, teachers can access a comprehensive list of all attending students. The search bar facilitates quick student lookups, ensuring no attendee goes unnoticed. For maximum flexibility, Counted empowers teachers to download attendance data in various file formats, enabling seamless integration with other tools and fostering informed decision-making.

Support

This final slide showcases the readily available support pop-up. Whether a teacher encounters a minor question or needs more in-depth assistance, Counted provides the tools they need. This pop-up offers a dedicated support page including a contact form for personalized assistance. With readily available support, teachers can feel confident utilizing Counted to its full potential.

Let me know what you think!

I'd love to hear your feedback in the comments below. Your likes and thoughts are highly appreciated!

Let's Connect