| A | B | C | D | E | F | G | H | I | J | K | L | M | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Bug ID | Title | Description | Steps | Actual Result | Expected Result | Priority | Severity | Type Of Bug | Attachment | Device | Additional Notes | |
2 | UI_1 | Header Title Does Not Update When Switching Section | When switching between the bottom navigation tabs (الرئيسية, الفئات, العروض, الجديد, حسابي), the header title remains “مرحبا username” instead of updating to reflect the current section as per the design. | 1. Launch the app. 2. Tap each of the bottom navigation icons in turn. 3. Observe the header title. | The header title always shows “مرحبا testaya” regardless of the section selected. | :The header title should update to reflect the active section - الرئيسية: مرحبا username - الفئات: الفئات - العروض: العروض - الجديد: الجديد - حسابي: حسابي | Low | Low | Design error | https://drive.google.com/file/d/1fa5emjwaD_YTkvvsqn24mgWRzUdZ12Yp/view?usp=drive_link | Screen size: 6.4 inches | ||
3 | UI_2 | Categories Screen – Sidebar Font Size and Option Spacing Do Not Match Design | On the Categories screen, the sidebar list of category options does not match the design refrance in two key aspects: (1) the font size is significantly smaller than shown in the design, and (2) the vertical spacing between each option is larger in the app, resulting in a less compact and less organized appearance. | 1. Launch the app. 2. Navigate to the Categories (الفئات) section. 3. Observe the sidebar containing the list of categories. 4. Compare the font size and vertical spacing with the design reference. | - The sidebar text uses a smaller font size. - The vertical spacing between each category option is larger than in the design. | - The sidebar should use the larger font size as specified in the design to improve readability. - The spacing between each option should be smaller and consistent with the design for a compact look. | Low | Low | Design error | https://drive.google.com/file/d/18v104u2nN0B-CGWQpWM1U2Uaf-hJ-FqI/view?usp=drive_link | Screen size: 6.4 inches | ||
4 | UI_3 | Categories Screen – Category Cards Text Area Size, Font Weight, and Overall Card Size Do Not Match Design | On the Categories screen, the cards displaying each category differ from the design reference in three aspects: 1- The text area (the white area containing the label) is larger vertically in the app. 2- The font used for the category label is thinner and less legible than in the design, which uses a bolder, clearer font weight. 3- The overall cards are generally bigger and wider than in the design. | 1. Launch the app. 2. Navigate to the الفئات (Categories) screen. 3. Observe the appearance of the category cards. 4. Compare the text area size, font style, and card size to the design reference. | - The text area of each card is larger vertically than in the design. - The font is thin and less clear, lacking the appropriate weight and prominence. - The cards themselves are generally bigger and wider overall. | - The text area should be more compact, as shown in the design. - The font should match the design in weight, size, and clarity. - The cards should match the specified dimensions in the design for consistent layout. | Low | Low | Design error | https://drive.google.com/file/d/1T0LhOHKiXVMSRc7OYjqiYszWUTlb6G14/view?usp=drive_link | Screen size: 6.4 inches | ||
5 | UI_4 | Categories Screen – Long English Category Names Overlap Sidebar Margins | On the Categories screen, when a category name in English is long (e.g., “Cinnabon & Bakery” or “sub having provider”), the text extends fully to the edge of the sidebar container with no horizontal padding. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Switch the language to English or use categories with long English names. 4. Observe the sidebar item alignment and spacing. | Long English category names extend to the sidebar edge without any margin or padding, appearing stuck to the container borders. | There should be consistent horizontal padding on both sides of the text to maintain visual balance and avoid edge collision. | Low | Low | Design error | https://drive.google.com/file/d/1ryDc4tGrtDtZmoiPicRa4RPYY4bQehd9/view?usp=drive_link https://drive.google.com/file/d/1PaP9MAhF9NQ03QfcmrBGWCNbyd0lu4nT/view?usp=drive_link | Screen size: 6.4 inches | ||
6 | UI_5 | List of Services – Extra Sorting/Filter Buttons Not Present in Design | On the List of Services screen, the app displays a row of buttons at the top (e.g., "الأكثر شيوعًا", "الأعلى تقييم", "الأقرب إليك") that do not exist in the provided design reference. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" Category then "الاكلات " card. 4. Observe the top area of the screen above the service cards in the List of Services screen. | A row of filter/sorting buttons appears that are not included in the reference design. | The screen should match the design and not display any extra filter or sorting buttons unless explicitly specified. | Medium | Medium | Design error | https://drive.google.com/file/d/1DuPLlpbzHil6C-C4RMwAQUcX2DUx0wKT/view?usp=drive_link | Screen size: 6.4 inches | ||
7 | UI_6 | List of Services – Header Vertical Position & Arrow Icon Size Mismatch | On the List of Services screen, the header container (containing the section title and arrow icon) appears vertically shifted higher compared to the reference design. Additionally, the arrow icon in the app is visibly larger than specified. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" Category then "الاكلات " card. 4. Observe the vertical alignment of the header and the arrow icon size in the List of Services screen. | - The header section is positioned closer to the top edge than in the design. - The arrow icon is noticeably larger. | - The header section should retain the same vertical padding and spacing as in the design. - The arrow icon size should match the reference specification for consistency. | Low | Low | Design error | https://drive.google.com/file/d/1w8DUHLfLRD28gMJMGLSpIkt0BTu-G6xa/view?usp=drive_link | Screen size: 6.4 inches | ||
8 | UI_7 | List of Services – Missing Section Divider Lines and Offer Confirmation Underline | On the List of Services screen, two divider lines visible in the design are missing in the app implementation: 1- The horizontal line separating the image section from the location/offer text. 2- The horizontal line appearing below the offer text. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" Category then "الاكلات " card. 4. Observe the content cards in the List of Services screen. | - No separator lines between the image and the text area. - No bottom line under the offer text. | - A line should be present below the image to clearly separate it from the text section. - Another line should be displayed below the offer text to visually close the card. | Low | Medium | Design error | https://drive.google.com/file/d/13ElE_-yhDlETQ_NIEvdbQwxTyGlDDeXP/view?usp=sharing | Screen size: 6.4 inches | ||
9 | UI_8 | List of Services – Text Beside Image Appears Smaller and Thinner Than Design | The text displayed to the left of the image in each service card does not match the design refrance. In the design, the text is visibly larger and bolder. In the app, the text appears thinner and smaller. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" Category then "الاكلات " card. 4. Choose a Card and ompare the text next to the images with the reference design in the List of Services screen.. | - The text appears thinner and visually smaller. | - The text appears more bold and visually larger. | Low | Low | Design error | https://drive.google.com/file/d/1E7WZAVLUib3og0zQfhjez0eN9ii55Cxt/view?usp=drive_link | Screen size: 6.4 inches | ||
10 | UI_9 | List of Services – Location and Offer Text Margin and Font Weight Do Not Match Design | On the List of Services screen, the text block under the image (location and offer) does not fully match the design reference: 1- The vertical margin between the location text and offer text is larger than in the design. 2- The font weight of the text is slightly thinner. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" Category then "الاكلات " card. 4. Choose a Card and Observe the spacing and font weight of the location and offer text under each image. | - Margin between the location and offer text is noticeably larger. - Font weight appears thinner and less visually prominent compared to the design. | - Margin between the location and offer text should be reduced to match the design. - Font weight should be slightly increased for clarity and consistency with the design. | Low | Low | Design error | https://drive.google.com/file/d/1zNQSTeUscGnQudQWHoxFpT545vTSy6ui/view?usp=drive_link | Screen size: 6.4 inches | ||
11 | UI_10 | List of Services – Card Image Corners Not Rounded as per Design | In the List of Services screen, the images displayed on each service card have corners that are less rounded compared to the reference design. | 1. Launch the app. 2. Navigate to الفئات. 3. Select any category to display the List of Services screen. 4. Observe the image corners on cards. | - The images have mild or minimal corner rounding, giving them a more square appearance. | - The images should have fully rounded corners consistent with the design specification, creating a softer, modern card appearance. | Low | Low | Design error | https://drive.google.com/file/d/108JfsMFZx-S9EQBedGpjL-Y9ZsfAmoJ0/view?usp=drive_link | Screen size: 6.4 inches | ||
12 | UI_11 | List of Services – Service Card Height Larger Than Design | In the List of Services screen, each service card is displayed taller than in the design, reducing the number of visible cards per screen. | 1. Launch the app. 2. Navigate to any category in الفئات. 3. Observe the number of visible service cards on the screen compared to the design reference. | - Only 2.5 cards are visible per screen height. - The cards occupy more vertical space than in the design. | - The card height should be adjusted to match the design, where 3.5 cards fit in the same screen height, ensuring better overview and easier browsing. | Low | Low | Design error | https://drive.google.com/file/d/1NOyLN9W8qCP-m1XRi8396KudUVAA4FFI/view?usp=drive_link | Screen size: 6.4 inches | ||
13 | UI_12 | Service Details – Arrow Icon Size and Top Margin Do Not Match Design | In the Service Details screen, the arrow icon overlayed on the service image does not align with the design: 1- The icon size in the app is noticeably larger. 2- The top margin is smaller in the app, making the icon appear closer to the top edge. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on ""سلسلة المطاعم"" Category then ""الاكلات "" card. 4. Choose a card and click on it "Export edit2" 5. Compare the arrow icon size and top spacing against the design reference. | - Arrow icon is larger than specified. - Top margin is reduced, causing the icon to sit higher than intended. | - Arrow icon should match the design size. - Top margin should be increased to align the icon consistently with the design spacing. | Low | Low | Design error | https://drive.google.com/file/d/1N8JUkMp7yZ27HosT40Z2287qPKznIauj/view?usp=drive_link | Screen size: 6.4 inches | ||
14 | UI_13 | Service Details – “أقوي العروض” Section Missing Below Service Information | On the Service Details screen, the design includes a section titled “أقوي العروض” showing highlighted offers beneath the service details. This section does not appear in the app implementation. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Select the "سلسلة المطاعم" category and open any service card (e.g., “Export edit2”). 4. Scroll down to where the “أقوي العروض” section should appear. | The “أقوي العروض” (Top Offers) section is completely missing. | The “أقوي العروض” section should be displayed under the service description as shown in the design, containing horizontally scrollable offer cards. | High | Medium | Design error | https://drive.google.com/file/d/1JiIxDOdKgUyOE6m7XhCCxmuaxp5AexUh/view?usp=drive_link | Screen size: 6.4 inches | ||
15 | UI_14 | Service Details – Missing Instagram Icon in “التواصل” Section | On the Service Details screen, the “التواصل” (Contact) section is expected to show social media icons including Facebook, Instagram, and Share. In the app, the Instagram icon is missing. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Select the "سلسلة المطاعم" category and open any service card (e.g., “Export edit2”). 4. Scroll to the “التواصل” section. | Only Facebook, YouTube, and Share icons are displayed. The Instagram icon is missing. | All social media icons (Facebook, Instagram, and Share) should be displayed in the “التواصل” section as per the design. | Medium | Medium | Design error | https://drive.google.com/file/d/1kk1CCnLt0Z1gC69M0BRV5DEJHnbYhS_c/view?usp=drive_link | Screen size: 6.4 inches | ||
16 | UI_15 | Service Details – Missing Price Information | On the Service Details screen, the price of the service (e.g., 500 جنيها) is displayed next to the price icon in the design. In the app, this price element is completely missing, preventing users from seeing service cost. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Select the "سلسلة المطاعم" category and open any service card (e.g., “Export edit2”). 4. Observe the price area under the service title. | No price information is displayed. | The price (e.g., 500 جنيها) should be displayed clearly below the service name and rating, as shown in the design. | High | High | Design error | https://drive.google.com/file/d/1lBiEd0FnSJwZMmvuXpviecHVvu5R3sjY/view?usp=drive_link | Screen size: 6.4 inches | ||
17 | UI_16 | Service Details – Section Headings Missing Bold Styling | On the Service Details screen, all section headings are displayed without the intended bold weight. In the reference design, headings appear clearly bold to improve readability and hierarchy. This includes: • Service name • “عن المكان” • “التقييمات” • “التواصل” | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Select the "سلسلة المطاعم" category and open any service card (e.g., “Export edit2”). 4. Observe the styling of all section headings. | All headings appear in normal weight text, making them less distinguishable | Headings should be rendered in bold font weight to match the design and create a clear visual separation between sections. | Low | Low | Design error | https://drive.google.com/file/d/1gISwYirjFZV3eswVgY1sAAlYeCOeohZw/view?usp=drive_link | Screen size: 6.4 inches | ||
18 | UI_17 | Service Details – Availability Icon Misaligned with Text | On the Service Details screen, the clock icon representing availability dates and times is vertically misaligned. In the design, the icon is centered relative to the text. In the app, the icon appears higher, disrupting visual alignment and consistency. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Select the "سلسلة المطاعم" category and open any service card (e.g., “Export edit2”). 4. Observe the alignment of the clock icon and date/time text. | The clock icon is positioned too high and does not align with the center of the adjacent text lines. | The clock icon should be vertically centered relative to the dates and times, matching the reference design. | Low | Low | Design error | https://drive.google.com/file/d/1TphHuiU7od2ARWmp-tql4uUOTA6LUR8r/view?usp=drive_link | Screen size: 6.4 inches | ||
19 | UI_18 | Service Details – Rating Section Parentheses Missing and Star Ratings Too Wide | In the Service Details screen under the "التقييمات" section: 1- The count of ratings is missing the enclosing parentheses (e.g., (تقييم 1)), which are shown in the design. 2- The star rating icons appear visually wider and more spread out compared to the reference design. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Click on "سلسلة المطاعم" and then "الأكلات". 4. Select any service card (e.g., “Export edit2”). 5. Scroll down to the "التقييمات" section and observe the styling of the rating counts and stars. | - Parentheses around the rating count are missing. - Star ratings are spaced more widely than in the design. | - The rating count should be wrapped in parentheses as shown in the design. - The star icons should match the design’s spacing and sizing for consistency. | Low | Low | Design error | https://drive.google.com/file/d/18ZJrsHlZW8TYtf5V4jle0LVwlEvwjsen/view?usp=drive_link | Screen size: 6.4 inches | ||
20 | UI_19 | Service Details – Review Date Missing Under Reviews | On the Service Details screen, each review in the design includes the date indicator text (e.g., “منذ شهر”) under the reviewer’s name and comment. This date is missing in the app, making it harder for users to know when reviews were posted. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Tap on the “سلسلة المطاعم” category, then select the “الأكلات” card. 4. Choose any service card (e.g., Export edit2) and open it. 5. Scroll down to the reviews section. | The date text under each review (e.g., “منذ شهر”) does not appear. | Each review should display the date below the reviewer’s comment, as shown in the design reference. | Medium | Low | Design error | https://drive.google.com/file/d/1WbrsTaWhHLYl-wEwMdOYsdSLtnUoO102/view?usp=drive_link | Screen size: 6.4 inches | ||
21 | UI_20 | Service Details – Header Image Stays Fixed When Scrolling | On the Service Details screen, when scrolling down, the service image remains fixed at the top in the app implementation. In the design reference, the image scrolls away with the rest of the content and is not persistent. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Tap on the “سلسلة المطاعم” category, then select the “الأكلات” card. 4. Choose any service card (e.g., Export edit2) and open it. 5. Scroll down the page. | The header service image remains visible and fixed at the top while scrolling. | The image should scroll up with the rest of the content and not remain fixed on the screen. | Medium | Medium | Design error | Screen size: 6.4 inches | |||
22 | UI_21 | Service Details – Overall Font Size and Weight Too Small and Thin | On the Service Details screen, the overall font size and weight for all sections (service name, description, availability, ratings, etc.) appear noticeably smaller and thinner than in the design reference. | 1. Launch the app. 2. Navigate to the Categories (الفئات) screen. 3. Tap on the “سلسلة المطاعم” category, then select the “الأكلات” card. 4. Open any service detail page (e.g., Export edit2). | All text elements appear with a smaller size and lighter font weight compared to the design. | Font sizes and weights should match the design reference to maintain visual clarity and consistent hierarchy. | Low | Medium | Design error | https://drive.google.com/file/d/1_x6KTtvbuoAB6F4bK0hL1gt3FYwVgamx/view?usp=drive_link | Screen size: 6.4 inches | ||
23 | UI_22 | Service Details – Service Image Height Proportion Smaller Than Design | In the Service Details screen, the image at the top of the screen occupies a smaller vertical proportion of the screen height compared to the design reference. | 1. Launch the app. 2. Navigate to any service details page. 3. Observe the displayed service image size relative to the screen. 4. Compare it to the design. | - The image is rendered with a smaller height proportion, making it look more compact. - Less visual focus is given to the service image compared to the design. | - The image should occupy a larger vertical percentage of the screen, consistent with the design to enhance visual impact and clarity. | Medium | Low | Design error | https://drive.google.com/file/d/108JfsMFZx-S9EQBedGpjL-Y9ZsfAmoJ0/view?usp=drive_link | Screen size: 6.4 inches | ||
24 | UI_23 | Service Details – Call Button Behavior Differs from Design (Dynamic vs Fixed) | In the Service Details screen, the green phone icon for calling the service behaves inconsistently compared to the design: it is always visible while scrolling rather than disappearing. | 1. Launch the app. 2. Navigate to any service details page. 3. Scroll down the screen. 4. Observe the behavior of the call icon during scrolling. | - The call icon remains fixed on top of the screen and is always visible as you scroll through all content. | - The call icon should only be anchored within the Offers section, appearing when the section is visible and disappearing as you scroll past it, matching the design specification. | Low | Low | Design error | https://drive.google.com/file/d/1Lq20z3pS_8RQ-CgNTKjiU8ZP_Uuc7pE4/view?usp=drive_link | Screen size: 6.4 inches | ||
25 | UI_24 | Offears Details – Arrow Icon Size and Top Margin Do Not Match Design | In the Offears Details screen, the arrow icon overlayed on the service image does not align with the design: 1- The icon size in the app is noticeably larger. 2- The top margin is smaller in the app, making the icon appear closer to the top edge." | 1. Launch the app. 2. Navigate to the Categories (العروض) screen. 3.Click on any offer. 4.Compare the arrow icon size and top spacing against the design reference. | - Arrow icon is larger than specified. - Top margin is reduced, causing the icon to sit higher than intended." | - Arrow icon should match the design size. - Top margin should be increased to align the icon consistently with the design spacing. | Low | Low | Design error | https://drive.google.com/file/d/1_x6KTtvbuoAB6F4bK0hL1gt3FYwVgamx/view?usp=drive_link | Screen size: 6.4 inches | Same As UI_10 | |
26 | UI_25 | Offer Details – Price Icon Horizontally Misaligned and Clock Icon Vertically Misaligned | On the Offer Details screen, two icon alignment issues were observed: 1- The price icon is horizontally shifted too far left compared to the reference design. 2- The clock icon representing availability dates/times is vertically misaligned (same issue as reported in UI_15). | 1. Launch the app. 2. Navigate to the Categories "العروض" screen. 3. Click on any offer. 4. Observe the alignment of the price icon and the clock icon relative to their text content. | - The price icon appears a little left, breaking alignment with the text. - The clock icon is positioned high relative to the time text. | - The price icon should be horizontally aligned to match the design reference. - The clock icon should be vertically centered alongside the date/time text for visual consistency. | Low | Low | Design error | https://drive.google.com/file/d/1DKaU5qNt606e-fIleYYR_hH9AH7GSFh3/view?usp=drive_link | Screen size: 6.4 inches | Same As UI_15 | |
27 | UI_26 | Offer Details – Call Icon Vertical Placement Does Not Match Design | On the Offer Details screen, the call icon position differs significantly from the reference design: Design: The call icon is displayed above the “احصل علي العرض” button. App: The call icon is rendered below the button. | 1. Launch the app. 2. Navigate to the Categories "العروض" screen. 3. Click on any offer. 4. Observe the vertical placement of the call button relative to the action button. | - The call icon is displayed below the action button. | - The call icon should be positioned above the action button, matching the reference design for consistent user experience. | Low | Low | Design error | https://drive.google.com/file/d/13yWRFqVzSMt_lPRUIJgzbHvuohdnHOow/view?usp=drive_link | Screen size: 6.4 inches | ||
28 | UI_27 | Offer Details – Action Button Label Text and Font Mismatch | On the Offer Details screen, the main action button text and typography are inconsistent with the design: Design text: "احصل علي العرض" App text: "الحصول علي العرض" Additionally, the font style in the app appears different, making the button look inconsistent with the reference design. | 1. Launch the app. 2. Navigate to the Categories "العروض" screen. 3. Click on any offer. 4. Observe the action button at the bottom. | - Button label text reads "الحصول علي العرض" with a different font. - Typography does not match the design specification. | - Button label text should be "احصل علي العرض" exactly. - Font style and weight should match the design reference. | Medium | Low | Design error | https://drive.google.com/file/d/13yWRFqVzSMt_lPRUIJgzbHvuohdnHOow/view?usp=drive_link | Screen size: 6.4 inches | ||
29 | UI_28 | Offer Details – Extra Bottom Margin Below Action Button | On the Offer Details screen, there is an excessive empty space below the main action button ("الحصول علي العرض") in the app. In the design, this bottom margin does not exist, and the button sits closer to the bottom of the screen for a tighter layout. | 1. Launch the app. 2. Navigate to the Categories "العروض" screen. 3. Click on any offer. 4. Observe the space below the action button at the bottom. | - Large empty margin under the action button. - Button is positioned significantly higher than in the design. | - Button should be vertically closer to the bottom edge as in the design, with minimal spacing. | Low | Low | Design error | https://drive.google.com/file/d/1ReoLDk7VLYMaDGpZ59J6ZaYSt_TGWyjy/view?usp=drive_link | Screen size: 6.4 inches | ||
30 | UI_29 | Offer Details – Extra "السعر" Label Appears Next to Price | On the Offer Details screen, the app displays the word "السعر" (meaning "Price") next to the price information. In the design reference, this label is not shown—the price values appear without this text label. | 1. Launch the app. 2. Navigate to the العروض (Offers) screen. 3. Tap any offer card to open the Offer Details screen. 4. Observe the price section beside the price value. | The word "السعر" is visible before the price values. | The price should display without any label before it, matching the design specification. | Low | Low | Design error | https://drive.google.com/file/d/1EXNLDMAcWMOoRwa5MaEUm_SVygTJ-8LK/view?usp=drive_link | Screen size: 6.4 inches | ||
31 | UI_30 | Offer Details – Overall Font Size Too Small and Important Text Not Bold | On the Offer Details screen, the app uses smaller font sizes and lighter weights compared to the reference design: - Overall text in the screen appears noticeably smaller. - Key labels and headings (highlighted in red) such as the offer title, price, and "تفاصيل العرض" lack the required bold styling. | 1. Launch the app. 2. Navigate to the العروض (Offers) screen. 3. Tap any offer card. 4. Observe the font sizes and weights of all text, especially the highlighted labels. | - The overall font size is smaller and thinner. - Important text elements are not bold, reducing clarity and emphasis. | - The font size should match the design reference for readability. - Key labels (title, price, section headings) should be bold as in the design. | Low | Medium | Design error | https://drive.google.com/file/d/1NEs-RA3jaLxiamsAYNDbTqbhT8HVHaxt/view?usp=drive_link | Screen size: 6.4 inches | ||
32 | UI_31 | Offer Code Screen – Code Font Weight and Vertical Spacing Mismatch | On the Offer Code screen, the styling of the code differs from the reference design: 1- The code text appears thinner in the app compared to the bold styling in the design. 2- The vertical spacing (top and bottom margins) around the code is noticeably reduced. | 1. Launch the app. 2. Navigate to the Categories "العروض" screen. 3. Click on any offer. 4. Tap the button to display the offer code modal. 5. Observe the font weight and spacing around the displayed code. | - The code number is rendered with a thin font weight. - The top and bottom spacing around the code text is tighter than specified. | - The code text should use a bold font weight for emphasis. - The vertical margins should match the design reference to maintain visual balance. | Low | Low | Design error | https://drive.google.com/file/d/1PZ3vyeHPCewHk41STlFI4zmyZZ25B04e/view?usp=drive_link | Screen size: 6.4 inches | ||
33 | UI_32 | Offer Code – Incorrect Modal Dimensions Compared to Design | On the Offer Code screen, the code popup/modal does not match the reference design: - In the design, the modal is wider and shorter. - In the app, it appears narrower and taller, breaking visual consistency and proportion. | 1. Launch the app. 2. Navigate to the العروض (Offers) screen. 3. Click any offer card. 4. Tap the button to display the offer code modal. 5. Observe its dimensions. | The modal container is too tall and too narrow. | The modal should be sized proportionally to the design: wider horizontally and shorter vertically. | Low | Low | Design error | https://drive.google.com/file/d/1KxgwUpunv9SmWhOdZfIl7zdAkzuCpPSG/view?usp=drive_link | Screen size: 6.4 inches | ||
34 | UI_.33 | Offer Code – Background Blur Intensity Mismatch | On the Offer Code screen, when the offer modal appears after clicking the button, the blur effect applied to the background is not consistent with the design: - In the design, the background content behind the modal is significantly blurred to focus attention on the code box. - In the app, the background is much less blurred, and the underlying content remains clearly visible, reducing visual emphasis on the modal. | 1. Launch the app. 2. Navigate to the العروض (Offers) screen. 3. Click on any offer card. 4. Tap the Get Offer button. 5. Observe the blur effect behind the popup modal. | The background blur is faint and the screen content is still easily readable. | The background behind the modal should be strongly blurred to match the reference design and direct the user’s focus to the code. | Low | Low | Design error | https://drive.google.com/file/d/1KxgwUpunv9SmWhOdZfIl7zdAkzuCpPSG/view?usp=drive_link | Screen size: 6.4 inches | ||
35 | UI_34 | Offer Code – Background Content Visibility Incorrect When Offer Box is Open | When clicking the Get Offer button on the Offer Details screen, the resulting offer code modal does not hide the background content as intended: - In the design, all background elements disappear, except the offer description and the offer button (which remains faded in the background). - In the app, all content stays visible. | 1. Launch the app. 2. Navigate to the العروض (Offers) screen. 3. Select any offer card. 4. Tap the Get Offer button. 5. Observe the background content behind the modal. | The entire background content remains fully visible behind the modal. | The background should fade out or hide all elements except the description and the faded button (per design), to focus attention exclusively on the offer code. | Low | Low | Design error | https://drive.google.com/file/d/1BU21eiN5wjuwqAWqJyN6XNOdjE-mFHYa/view?usp=drive_link | Screen size: 6.4 inches | ||
36 | UI_35 | Offer Code – Close (X) Icon Placement Differs from Design | In the Offer Code screen, the placement of the close (X) icon does not match the design specification. | 1. Launch the app. 2. Navigate to an offer and tap الحصول على العرض (Get the Offer). 3. Observe the location of the close (X) icon on the popup. | The close (X) icon is displayed on the top right corner of the popup window. | The close (X) icon should be displayed on the top left corner, as shown in the design. | Low | Low | Design error | https://drive.google.com/file/d/14RX87rOVXxBr6L8kFbQE9HS5dT4HTl2t/view?usp=drive_link | Screen size: 6.4 inches | ||
37 | UI_36 | Edit Profile – Image Container Style, Size, and Edit Icon Mismatch | On the Edit Profile screen: - The profile image container differs significantly from the design: 1- In the app, the container has a red border, while in the design, it has no border. 2- The container is slightly larger than the design reference. 3- The edit icon inside the image is completely different – the design uses a camera icon, while the app shows a pencil icon instead. | 1. Launch the app. 2. Navigate to حسابي. 3. Click on تعديل البيانات. 4. Observe the image container and the edit icon overlay. | - Image container has a red border and larger size. - Edit icon is a pencil instead of a camera. | - Image container should have no border and match the reference size. - Edit icon should be a camera icon per the design specification. | Medium | Low | Design error | https://drive.google.com/file/d/1PQGKkL3Amm317gKP1miwGa5tiL4dChYf/view?usp=drive_link | Screen size: 6.4 inches | ||
38 | UI_37 | Edit Profile – Header Text, Top Margin, and Arrow Icon Size Inconsistencies | On the Edit Profile screen, the header area differs between the app and the design: - The header text is different (“تعديل الحساب” vs “تعديل البيانات”). - The top margin above the header is reduced in the app. - The arrow icon in the app appears larger compared to the design. | 1. Launch the app. 2. Navigate to حسابي. 3. Click on تعديل البيانات. 4. Observe the header text, vertical spacing, and arrow icon size. | - Header text: “تعديل الحساب” - Top margin is smaller - Arrow icon is larger | - Header text should be “تعديل البيانات” to match the design. - Top margin should match the spacing in the design. - Arrow icon size should be consistent with the reference design. | Low | Low | Design error | https://drive.google.com/file/d/1PQGKkL3Amm317gKP1miwGa5tiL4dChYf/view?usp=drive_link | Screen size: 6.4 inches | ||
39 | UI_38 | Edit Profile – “حفظ التغييرات” Button Font Mismatch and “حذف الحساب” Text Weight Incorrect | On the Edit Profile screen: - The font used in the “حفظ التغييرات” (Save Changes) button differs from the design specification. - The “حذف الحساب” (Delete Account) text is bold in the design but appears thin in the app. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Compare the “حفظ التغييرات” button and “حذف الحساب” text with the design reference. | - “حفظ التغييرات” uses a different font. - “حذف الحساب” appears thin and lacks bold styling. | - “حفظ التغييرات” should use the same font and size as the design. - “حذف الحساب” text should be bold to match the design. | Low | Low | Design error | https://drive.google.com/file/d/1FTrKWkMCCwI1_A3YhbTeRgxGrdza2GXa/view?usp=drive_link | Screen size: 6.4 inches | ||
40 | UI_39 | Edit Profile – Phone Number and Email Field Order Incorrect | In the Edit Profile screen, the order of the phone number and email fields does not match the design. The app displays the phone number first, while the design specifies the email should appear first, followed by the phone number. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Observe the order of the fields below the name field. | - Phone number field appears before the email field. | - Email field should appear first, followed by the phone number field, as in the reference design. | Low | Low | Design error | https://drive.google.com/file/d/1Sgi8HLjM-2RkvgGUv_l3JHQSc3kbCx6R/view?usp=drive_link | Screen size: 6.4 inches | ||
41 | UI_40 | Edit Profile – All Text Font Sizes Smaller Than Design Refrance | In the Edit Profile screen, all text elements (labels, field values, button text) appear with a smaller font size compared to the design. This results in reduced readability and a noticeable visual mismatch. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Observe the font sizes of labels, input values, and buttons. | - All font sizes (e.g., labels like الاسم, field input text, and button labels) are noticeably smaller and thinner than in the reference design. | - Font sizes should match the design specifications to ensure consistency and improve legibility. | Medium | Medium | Design error | https://drive.google.com/file/d/1GUUDfx0F2xSdmEjTBpGbPv0GSI1e0H3j/view?usp=drive_link | Screen size: 6.4 inches | ||
42 | UI_41 | Edit Profile – Extra Bottom Margin Below “حذف الحساب” Compared to Design | In the Edit Profile screen, the vertical spacing below the “حذف الحساب” text is significantly larger in the app than specified in the design reference. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Scroll to the bottom and observe the spacing below the “حذف الحساب” text. | - There is an excessive bottom margin under “حذف الحساب,” creating unnecessary white space. - In the design, this margin is much smaller and tighter. | - The bottom margin under “حذف الحساب” should match the design specification for a clean and balanced layout. | Low | Low | Design error | https://drive.google.com/file/d/1LWDyvm2G2omKhm78luj_ECYY3B0GfhbE/view?usp=drive_link | Screen size: 6.4 inches | ||
43 | UI_42 | Edit Profile – Email Field Label Text Mismatch Between App and Design | In the Edit Profile screen, the label for the email field is inconsistent with the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Observe the email field label. | - The label in the app reads "البريد الالكتروني". - The design specifies "الايميل". | - The label should match the design exactly and use "الايميل" for consistency and clarity. | Low | Low | Design error | https://drive.google.com/file/d/18zf4t8OdJ-pM9C5TOk_XHlAViEjmR32S/view?usp=drive_link | Screen size: 6.4 inches | ||
44 | UI_43 | Edit Profile – Field Icons Style Mismatch Between App and Design | In the Edit Profile screen, the icons displayed inside the input fields (name, email, mobile number) differ in style and appearance from the reference design specifications. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Observe the icons in the input fields. | - All icons (user, email, mobile) in the app have a different design style, thickness, and shape compared to the design. - Icons do not match the design’s visual consistency. | - The icons should exactly match the reference design in style, thickness, and size to maintain visual consistency. | Low | Low | Design error | https://drive.google.com/file/d/1LWDyvm2G2omKhm78luj_ECYY3B0GfhbE/view?usp=drive_link | Screen size: 6.4 inches | ||
45 | UI_44 | Edit Profile – Name Field Label Text Spelling Mismatch Between App and Design | In the Edit Profile screen, the label for the name field uses different spelling than the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تعديل البيانات. 4. Observe the label above the name input field. | - The label in the app reads "الأسم" (with hamza). - The design specifies "الاسم" (without hamza). | - The label should exactly match the design and use "الاسم" to maintain consistency and correct spelling. | Low | Low | Design error | https://drive.google.com/file/d/1LWDyvm2G2omKhm78luj_ECYY3B0GfhbE/view?usp=drive_link | Screen size: 6.4 inches | ||
46 | UI_45 | Change Password – Incorrect Button Margin Alignment Below "حفظ التغييرات" | In the Change Password screen, the vertical spacing around the "حفظ التغييرات" button does not match the design specification, leading to inconsistent visual layout. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Observe the spacing above and below the "حفظ التغييرات" button. | - In the app, the bottom margin under the button is much larger than in the design. - The design has more top margin above the button, creating balanced spacing. | - The vertical spacing above and below the button should follow the design exactly: - Large top margin. - Smaller, tighter bottom margin. | Medium | Low | Design error | https://drive.google.com/file/d/1xCfTyq9JkMQPHt1Jmyf-THzYtx7JCGO1/view?usp=drive_link | Screen size: 6.4 inches | x | |
47 | UI_46 | Change Password – Unspecified Eye Icons Displayed in Password Fields | In the Change Password screen, extra eye icons for visibility toggle are shown next to each password field, but these icons are not present in the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Observe all password input fields. | - Each field contains an eye icon to toggle password visibility. - These icons do not exist in the design reference. | - The UI should not display any eye icons. - Password fields should look exactly like the design, with only the lock icon on the right side. | Medium | Low | Design error | https://drive.google.com/file/d/1yuKGVQTfRt9QLT_bXIDh69N7XN3gsMRI/view?usp=drive_link | Screen size: 6.4 inches | ||
48 | UI_47 | Change Password – Lock Icon Style Does Not Match Design | In the Change Password screen, the lock icons used in each password field differ in appearance from the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Observe the lock icons on the right side of the password fields. | - The lock icons have a different style (thickness, shape, or outline) compared to the design specification. | - The lock icons should exactly match the design, including line thickness, size, and visual style for consistency across the UI. | Low | Low | Design error | https://drive.google.com/file/d/1_iYpwDXRMQBv2zPg5xt3OCE0xjZg2Jp0/view?usp=drive_link | Screen size: 6.4 inches | ||
49 | UI_48 | Change Password – “حفظ التغييرات” Button Font Does Not Match Design | In the Change Password screen, the font style of the حفظ التغييرات button text differs from the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Observe the font used on the save button. | - The حفظ التغييرات text uses a different font family or weight compared to the design specification. | - The button label should use the same font family, weight, and size as specified in the design to maintain visual consistency. | Low | Low | Design error | https://drive.google.com/file/d/1_iYpwDXRMQBv2zPg5xt3OCE0xjZg2Jp0/view?usp=drive_link | Screen size: 6.4 inches | ||
50 | UI_49 | Change Password – Header Vertical Spacing Does Not Match Design | In the Change Password screen, the header "تغيير كلمة المرور" does not match the reference design in vertical alignment and spacing. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Observe the vertical position and spacing of the header text. | - The header text has less top margin and is positioned lower in the container. - The text appears more centered vertically with more bottom spacing. | - The header should have more top margin and less bottom margin to match the design, where the text is visually closer to the top edge of the container. | Low | Medium | Design error | https://drive.google.com/file/d/10abf0mKqBLUlc3-N_OB-jCmvg9uwdOLJ/view?usp=drive_link | Screen size: 6.4 inches | ||
51 | UI_50 | Change Password – Font Size of Labels and Button Text Smaller Than Design | In the Change Password screen, the font size of field labels and the save button text is noticeably smaller than in the reference design. | 1. Launch the app. 2. Navigate to حسابي. 3. Tap تغيير كلمة المرور. 4. Compare the text sizes with the design specification. | - Labels (e.g., كلمة المرور الحالية, كلمة المرور الجديدة) and the حفظ التغييرات button text appear smaller than shown in the design reference. | - Font sizes should match the design for readability and consistency. Labels and buttons should have a larger, clearer text as per the provided mockups. | Medium | Medium | Design error | https://drive.google.com/file/d/1xCfTyq9JkMQPHt1Jmyf-THzYtx7JCGO1/view?usp=drive_link | Screen size: 6.4 inches | ||
52 | UI_51 | About Us – All Text Font Sizes Smaller Than Design | In the About Us screen, all text elements, including the title, paragraph, and contact section, are rendered with noticeably smaller font sizes than in the design. | 1. Launch the app. 2. Click on حسابي. 3. Navigate to حول التطبيق (About Us). 4. Observe the font sizes of all text elements compared to the design specification | - The title, body text, and contact details all appear in smaller font sizes, making the screen look condensed and reducing readability. | - All text elements should match the design font sizes to ensure visual consistency and proper readability. | Medium | Medium | Design error | https://drive.google.com/file/d/1jzNUXVvF-fmxmqLCfUeF_E7ZTvYycVBL/view?usp=drive_link | Screen size: 6.4 inches | ||
53 | UI_52 | About Us – Contact Icons Wrong Style and Smaller Size | In the About Us screen, the phone icon is incorrect (shows a generic phone/mobile icon instead of the design’s phone icon). Both icons are also smaller than specified. | 1. Launch the app. 2. Click on حسابي. 3. Navigate to حول التطبيق (About Us). 4. Look at the contact information section. 5. Observe the icons for phone and email. | - The phone icon is the wrong style. - Both icons are rendered in smaller sizes compared to the design reference. | - Icons should match the design exactly in style and size for consistency and clarity. | Low | Low | Design error | https://drive.google.com/file/d/1jzNUXVvF-fmxmqLCfUeF_E7ZTvYycVBL/view?usp=drive_link | Screen size: 6.4 inches | ||
54 | UI_53 | About Us – Header Alignment, Margin, and Arrow Size Mismatch | In the About Us screen, the header text "عن التطبيق" is positioned higher with less top margin, is not vertically centered like in the design, and the arrow icon is larger. | 1. Launch the app. 2. Navigate to حول التطبيق (About Us). 3. Observe the header text and the arrow icon. | - The header text sits too high with less top margin and is not centered properly. - The arrow icon is slightly bigger than in the design reference. | - The header text should be vertically centered with correct top and bottom spacing. - The arrow icon should match the design’s size and alignment exactly. | Low | Low | Design error | https://drive.google.com/file/d/1H8Gji0jz1bj5S6RBHh4ZJbHRhgILp8h3/view?usp=drive_link | Screen size: 6.4 inches | ||
55 | UI_54 | Privacy – Header Alignment, Margin, and Arrow Size Mismatch | In the Privacy screen, the header text "الخصوصية" is positioned too high with less top margin, is not vertically centered like in the design, and the arrow icon is larger. | 1. Launch the app. 2. Click on حسابي. 3. Navigate to الخصوصية (Privacy). 4. Observe the header text and the arrow icon. | - The header text sits too high with less top margin and is not vertically centered. - The arrow icon appears larger than the design specification. | - The header text should be vertically centered with correct top and bottom spacing. - The arrow icon should match the size and alignment shown in the design. | Low | Low | Design error | https://drive.google.com/file/d/1I4TAeGoYv69-FgdBvb8ZajGu4n4BGgzw/view?usp=drive_link | Screen size: 6.4 inches | ||
56 | UI_55 | Privacy – All Text Font Sizes Smaller Than Design | In the Privacy screen, all text elements, including the title and body text, are rendered with noticeably smaller font sizes than in the design. | 1. Launch the app. 2. Navigate to الخصوصية (Privacy). 3. Observe the font sizes of all text elements compared to the design specification. | - The title and body text all appear in smaller font sizes, making the screen look condensed and reducing readability. | - All text elements should match the design font sizes to ensure visual consistency and proper readability. | Medium | Medium | Design error | https://drive.google.com/file/d/1I4TAeGoYv69-FgdBvb8ZajGu4n4BGgzw/view?usp=drive_link | Screen size: 6.4 inches | ||
57 | UI_56 | Settings – Header Vertical Spacing Does Not Match Design | In the Settings screen, the header text does not match the reference design in vertical alignment and spacing. | 1. Launch the app. 2. Click on حسابي. 3. Navigate to الإعدادات (Settings). 4. Observe the vertical position and spacing of the header text. | - The header text has less top margin and is positioned lower in the container. - The text appears more centered vertically with more bottom spacing. | - The header should have more top margin and less bottom margin to match the design, where the text is visually closer to the top edge of the container. | Low | Low | Design error | https://drive.google.com/file/d/1w0oly-h5BOd8PNpp-TDAKGTff2C9M8IR/view?usp=drive_link | Screen size: 6.4 inches | ||
58 | UI_57 | Settings – All Text Font Weights Lighter Than Design | In the Settings screen, all text elements, including the titles and any descriptive text, are rendered with noticeably lighter font weights than in the design. | 1. Launch the app. 2. Navigate to الإعدادات (Settings). 3. Observe the font weights of all text elements compared to the design specification. | - All text elements appear thinner and lighter, reducing visual clarity and emphasis. | - All text elements should match the design’s font weights to ensure consistency and readability. | Low | Low | Design error | https://drive.google.com/file/d/124uGvq9YrssOkd_ksT09CYqpLoRUAifj/view?usp=drive_link | Screen size: 6.4 inches | ||
59 | UI_58 | Settings – Mismatched Text Labels Compared to Design | In the Settings screen, the text labels do not match the design specification: - "التنبيهات" is incorrectly labeled as "الإشعارات". - An extra label "المدينة" appears before the city name, which does not exist in the design. | 1. Launch the app. 2. Navigate to الإعدادات (Settings). 3. Observe the labels for the notifications toggle and city name fields. | - The notifications label is "الإشعارات" instead of "التنبيهات". - The city label is "المدينة (مدينة بدر)", while the design shows just "(بدر)" | - Labels must match the design exactly: - Notifications label should be "التنبيهات". - City name should display without the word "المدينة". | Low | Low | Design error | https://drive.google.com/file/d/1L448w9s9ffYgXUWwMu4kYGskm8qcwFSV/view?usp=drive_link | Screen size: 6.4 inches | ||
60 | UI_59 | Settings – Toggle Switch Style Does Not Match Design | In the Settings screen, the toggle switch used for enabling/disabling notifications does not match the design specification in color, shape, and styling. | 1. Launch the app. 2. Navigate to الإعدادات (Settings). 3. Observe the toggle switch next to the notifications label. | - The toggle switch appears in the default Android style (light grey track with a white thumb). - The design specifies a colored toggle (purple track and thumb). | - The toggle switch should match the design with a purple track and thumb when active, ensuring consistency with the app’s visual identity. | Low | Low | Design error | https://drive.google.com/file/d/1F9RLjj7Sv_E_9qHBs3FlO-2MZjB5tQNx/view?usp=drive_link | Screen size: 6.4 inches |