gray-mueller / gray-mueller/roadside-assistance-system-react-native

UX Design Problem When Viewing Restaurant Menu Items

Open
#386 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Description:
Users have identified a significant issue related to the user experience (UX) design while browsing a restaurant's menu to select food items for an order. When users open an item to view its details, they encounter design-related problems that disrupt their ability to easily understand and interact with the information provided.

Steps to Reproduce:

Open the application on a compatible device.
Browse the restaurant's menu to select food items for an order.
Click on an item to view its details and description.
Observe the UX design and interaction elements while viewing the item's details.
Expected Result:
When users open an item from the restaurant's menu, they should encounter a well-designed and intuitive interface that provides clear details and descriptions about the item. Users should be able to easily navigate, read, and interact with the item's information.

Actual Result:
Users find that when they open an item to view its details, the UX design is problematic. It may involve issues such as unreadable text, misaligned elements, poor spacing, or other design-related challenges that hinder their ability to understand and interact with the information effectively.

Impact:
This issue has a significant negative impact on the user experience while browsing and selecting food items. A suboptimal UX design can lead to user frustration, difficulty in making food choices, and potentially result in abandoned orders.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the restaurant menu item details flow in the application on a compatible device, then locate the screen responsible for displaying the item description and interaction elements. The issue does not identify a file or specific UX defect, so confirm which text, spacing, alignment, or interaction problem is present before defining completion criteria.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
design, frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.