Task 01 User Perspective Screen Review Practice Guide
📥 Practice Input
- •
day5_meeting_notes.md(meeting minutes)
💾 Practice output (Output)
- •
erd-schema.md(Data Specification and ERD)
1. Story and practice background
We completed the service screen and designed and deployed the reservation process, but users were randomly abandoning the process from the dashboard to the reservation process. The reason is that it was very difficult for first-time customers to identify the desired button due to the information layer placed in front of the developer or designer.
In this exercise, we provide a plan to Codex and experience a consistency check that points out inconveniences in information readability and button operation flow from a 'novice user's perspective'.
2. Learning objectives
- From the perspective of a first-time user, you can see the information arrangement of the screen plan in a three-dimensional way.
- You can point out inconvenient elements such as calendar contrast or hidden prices that impede usability on the screen.
- AI can be used to derive layout alternative recommendations that will lead to improved user experience (UX).
- You can break away from function-centered thinking and acquire a user-centered design consciousness.
🛠️Practical guide to follow along
- Create file for practice: Click the download button below
day5_meeting_notes.mdfileautomation/Save it within the folder. - Codex Review Delegation: Attach the file and build it by sending the **Codex request prompt** below to the Codex Client input window.
- Check for improvement recommendations: In the printed report, check whether errors and rate display improvements are reasonable compared to the schedule time slot.
Download practice materials
Codex request prompt
Task 01 Prompt
Based on the screen specifications of the provided reservation application details form, please review whether the information structure is clear from the perspective of a novice user who is new to the service, point out elements that impede usability, and write a report suggesting improvements (UX Review Report).
4. Example results
Codex diagnoses screen specifications from various angles and builds a logical improvement point report as shown below.
| Entity name | Description | main properties | relationship information |
|---|---|---|---|
| Agent Profile Area | General members using counseling services | Ratings and introductions are placed in the scroll section at the bottom of the screen. | Reservation and 1:N relationship |
| Time slot selection area | Partner experts providing consultation | expert_id (PK), name, category | Reservation and 1:N relationship |
| Payment inducement area | About user-to-expert reservation mapping | Final payment fee is not recognized at all times until payment pop-up is entered. | N:1 relationship with User/Expert, 1:1 relationship with Payment |
| back operation | Payment transaction information to confirm your reservation | When an error occurs, the entire input form is reset to maximize user fatigue. | 1:1 relationship with Reservation |
5. AI utilization points
- Usability detection: Detecting inconvenient and embarrassing sections in the description text that users will actually encounter.
- Layout improvement plan: Recommended wireframe structure for immediate application, such as resolving ambiguous brightness contrasts and integrating fields.