| User Step |
Initial Access & ID Entry |
| User Action |
• User lands on the login page. |
| • User scans the interface to understand where to begin. |
|
| • User confirms "Citizen/Resident" tab is active. |
|
| • User enters their National ID. |
|
| Goal & Experience |
Goal: To securely identify themselves using their National ID (Nafath) to access government services. |
| Current Experience: The user is greeted by a cluttered card. They see an unfamiliar "NIC" logo instead of the expected "Nafath" brand. There is no clear header explaining the action. The card looks more like an app download advertisement than a login form. |
|
| Pain Points 🔴 |
1. Brand Confusion (NIC vs. Nafath): |
| • The presence of the "NIC" logo is non-standard. Users are trained to look for the "Nafath" logo for authentication. |
|
| 2. Missing Context: |
|
| • There is no header (e.g., "Log in via Nafath") telling the user why they are entering their ID here. |
|
| 3. Visual Overload: |
|
| • The card is crowded with 3 different "Download App" badges and links inside the main container, distracting from the primary task. |
|
| 4. Lack of Input Guidance: |
|
| • The input field has no clear label ("National ID") or helper text. Users might wonder if they should enter a username or phone number. |
|
| 5. Poor Error Feedback: |
|
| • If a user accidentally types a letter or space, the system allows it, only to show a generic error later. |
|
| Opportunities 🟢 |
1. Standardize Branding: |
| • Remove the NIC logo. Place the Nafath Logo prominently at the top to leverage user trust. |
|
| 2. Clear Instructional Header: |
|
| • Add a bold title: "Log in via National Single Sign-On (Nafath)" so the purpose is unmistakable. |
|
| 3. De-Clutter the UI: |
|
| • Remove all App Store/Google Play badges from the login card. Replace them with a single, subtle link: "New to Nafath? Download the App". |
|
| 4. Enhanced Input Fields: |
|
| • Add a visible label: "National ID / Iqama Number". |
|
| • Implement Input Masking to strictly allow only numbers and exactly 10 digits. |
|
| 5. Immediate Validation: |
|
• Show an inline warning immediately if the ID does not start with 1 (Citizen) or 2 (Resident). |
|