Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [mobile-web]

for questions about web sites designed to be viewed on mobile devices.

Filter by
Sorted by
Tagged with
1 vote
1 answer
39 views

How to Encourage Users to Submit Multiple Price Requests on Our App?

Our app allows users to ask the price from vendors. The flow is as follows: Click on the 'Request price' button Fill and submit a form The information filled in the form is saved and can be reused ...
Maha's user avatar
  • 11
0 votes
1 answer
54 views

Can a bottom drawer common in mobile apps be used on mobile webpages?

I was trying out the GenAI features in Instagram, and loved how they used a drawer for hiding information a user doesn't need all the time. Can this pattern be implemented on web through either native ...
harshikerfuffle's user avatar
1 vote
1 answer
49 views

Make the Information part better in a cat profile [closed]

Hello guys im creating a site for a cat breeding company. The site is 95% users on mobile web browsers. How can I make the Information section more beautiful. Do you see any other things I could ...
magnus's user avatar
  • 25
1 vote
1 answer
119 views

How can I improve the UX of the following time picker. This should allow the users to set their weekly availability

Availability is Set Availability is Not Set I am looking to improve the UI and UX of the following page where users can set their weekly availability for a meeting. I have attached 2 screenshots, ...
Răzvan Puiu's user avatar
0 votes
3 answers
113 views

How to optimize user experience on existing platform? [closed]

If you have a working website, is there a way to tell if parts of it are bad or good? Let's take my hobby project for example which is a cryptocurrency live data platform, I develop this as a hobby ...
ii iml0sto1's user avatar
0 votes
1 answer
491 views

What are standard ways to indicate that an item is being deleted?

I have a PWA that stored rather large amount of data in IndexedDB, and when a user decides to delete parts of it, it takes a lot of time (10-30 sec, even a minute). Currently, when the user click ...
Hodossy Szabolcs's user avatar
1 vote
1 answer
607 views

Best practice for a sub-menu in mobile

I'm a new UI designer and I'm trying to figure out how to make a sub-menu in mobile for an employer profile. So basically the company/employer profile is like a LinkedIn approach but I'm having a hard ...
Patricia Anne Bellido's user avatar
1 vote
1 answer
490 views

Is data table better or a card?

in a mobile responsive website is using a table with 9 columns a better idea or a card would suffice? I have tried using a compact table to make it responsive for mobile but. it just didn't work.
Nishchal Nigam's user avatar
0 votes
1 answer
1k views

When should I use dropdown or sheets in mobile design?

I'm working on a web app design, and I'm designing for both mobile and desktop devices. In desktop forms, I'm using normal dropdown selection lists (or dropdowns) and in mobile I'm uncertain if I ...
Mourad's user avatar
  • 87
1 vote
2 answers
38 views

Log in then subscribe, subscribe then log in, or something else?

I have a paid SaaS progressive Web app whose core functionality involves integration with Facebook. I'm primarily targeting mobile devices. New users will have to choose, and pay for, a subscription ...
moonman239's user avatar
3 votes
2 answers
472 views

Is there a best practice with nav links going to same page as link in dropdown?

I am doing an audit of a website and there are areas where the label in the navigation goes to the same page as a the link in it's dropdown like the "Banking" going to same page as "...
keano12's user avatar
  • 63
0 votes
2 answers
164 views

Best mobile UI design for deselecting a categorized list of selected items?

Very broadly speaking, I'm developing an application where you search for a keyword, then the application displays a list of items. Each item has a classification. Selecting items by clicking a ...
Montana Burr Freelancing's user avatar
1 vote
1 answer
86 views

Example of a kinesthetic "quasimode" on mobile web app?

I would like to specify a function to zoom into an image displayed on a handset UI for industrial use. This is in an environment where users are often in situations where fine motor control is ...
TommyPeanuts's user avatar
1 vote
0 answers
43 views

Looking for examples of iOS's keyboard interactions with a web form dropdowns

Looking for resources or examples for the behavior of a dropdown and how the iOS keyboard interacts with a web form version of a dropdown. How close does the keyboard slide near the input, and how ...
Tanooki Mario's user avatar
0 votes
1 answer
79 views

Looking for a mobile web solutions that doesn't rely on a dropdown menu to show a list of tags and add a new tag to a group

Looking into alternatives than using auto-suggest dropdowns for looking up a database of existing tags and adding that selection to an existing group of selected tags. I'm looking for a solution that ...
Tanooki Mario's user avatar
0 votes
1 answer
114 views

How should I incorporate interactive 3D designs in a responsive website?

Description I am currently designing a website where, for the hero section in the desktop version, half of the page is used for the company's value proposition and call to action, and the other half ...
Stack Overflow's user avatar
1 vote
2 answers
377 views

Compact search bar design on top navigation bar for multiple pages?

Consider a website that categorizes its data into about three classes. For example, a website contains food information only for fruits, vegetables, and meat products. I have designed a search bar on ...
William Sun's user avatar
0 votes
0 answers
38 views

The user study methods for mobile and web application testing

A mobile version of the website facilitates ubiquitous access to the service, but it seems to me that there are some differences in user needs between the mobile and desktop versions. I conclude the ...
CodingKingggg's user avatar
1 vote
1 answer
254 views

Preventing users from accessing a site on mobile

We have a situation where we develop a very complex data platform and we don't support mobile version of the web app for a reason. Nevertheless, we have a native mobile app that supports most of our ...
Daniel Dungyov's user avatar
2 votes
1 answer
391 views

What is the best way to display "steps involved" in a UI?

I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
Hashim Aziz's user avatar
2 votes
1 answer
51 views

Choosing a "Post Type" from a Grid and move to next step

When a user wants to create a new post, my app has a Grid with "Post Types" as the first step, and below the Grid, it has the rest of the form where users can type a Title and a Body. When ...
Nuno's user avatar
  • 185
3 votes
1 answer
284 views

How do I design a mobile table with multiple headers?

I have the following table design for PC. How can I make it easier to see that "ddd", "eee", and "fff" are groups of "CCC" in mobile view? 【PC】 【MOBILE】
Jun's user avatar
  • 55
1 vote
0 answers
44 views

Guiding users to enter their membership number from email to app [closed]

I'm designing a feature to encourage users to sign up as a frequent flyer member on a flight booking app. This feature will appear on the booking summary screen after the user has booked a flight. ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
95 views

What is the name of this type of form and what alternative are available?

I'm designing a form for a web app and I'm looking for the name of this type of form element: Also, I'm trying to find alternative for small screens (mobile). I can't find any way to do this properly....
Hugh's user avatar
  • 103
0 votes
2 answers
295 views

Website's navbar on top vs navbar fixed at bottom for mobile size?

For mobile size I usually add burger menu icon on top of the page (or menu links if just couple) with option to open and display all menu links in overlay, but more and more I see approach where the ...
istoby's user avatar
  • 113
1 vote
3 answers
618 views

How can you show additional information in a pop up

I'm designing this popup for a mobile website where a single input needs to be added. the user might need some additional information to help them with this input (e.g. the serial number is visible at ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
85 views

Thoughts of mobile design, where search input at bottom static navbar?

How do you guys feel maybe taking a slice of how starbucks does their PWA design and applying it to ecommerce? Long story short, I am designing an ecommerce site mobile first; and I've come up with ...
apaulino's user avatar
1 vote
1 answer
239 views

Data Table and List

Hope you all are safe. I am designing a selection list for one of the requirement in my project. Preferably, like shown below I wanted to know what is the difference between List and Data table to ...
Ashwin Kulkarni's user avatar
21 votes
4 answers
8k views

How to let users know that updates are not real time

I'm working on a food ordering mobile website. After ordering the meal, the preparation progress screen that aims to give users a rough estimate on what time their meal will be ready. Due to technical ...
Blue Ocean's user avatar
  • 10.7k
1 vote
3 answers
608 views

Mobile side scrolling: On some screen sizes, the gap between elements land right at the right edge, so it looks like there isn't any scrolling

I have the elements going off the right edge of the screen to show it's horizontal scrolling. Issue is at some screen sizes, the gap between elements lands right at the right edge, so it looks like ...
bash717's user avatar
  • 11
2 votes
0 answers
39 views

On-site placements to abandon cart message on mobile website [closed]

i'm working on a mobile web experience for food ordering solution. Where and in what form would be a good place in the website in itself to place the reminder. Due to certain limitations, i'm not able ...
Blue Ocean's user avatar
  • 10.7k
2 votes
2 answers
703 views

Is it good UX to prompt users before closing the browser window on mobile

i'm designing a mobile web based e-commerce solution. If the user closes the browser window, items in their cart will be lost (assuming they rejected the initial cookie request) when they return. To ...
Blue Ocean's user avatar
  • 10.7k
4 votes
3 answers
224 views

What is a better way to indicate an optional message reminder when food order is ready

I'm designing a mobile website for a food ordering service. There is a feature at the last step of the ordering flow where the user can choose to be messaged once their order is ready. This is ...
Blue Ocean's user avatar
  • 10.7k
4 votes
1 answer
167 views

Showing a full screen dialog to view a full list of radio button selection

I'm designing a sort of step by step process for mobile web using a stepper to get a bunch of information from a user. One of the steps requires a user to select from a list of (about 20) pre-defined ...
user1404536's user avatar
1 vote
1 answer
955 views

Vertical tabs to horizontal tabs [closed]

Is there any comment or best practice to use the below case I have a vertical tab of material design used in desktop version of a website portal. It is a Resposive web and when the viewport size is ...
Ashwin Kulkarni's user avatar
2 votes
2 answers
280 views

Side Panel/Top Nav Panels [closed]

Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case? I have a project to work on next, where it is required to keep the progress indicator ...
Ashwin Kulkarni's user avatar
1 vote
1 answer
77 views

Handling too long pre-fill text on text boxes

I'm designing a form for multiple languages on mobile. in english the prefill text is not too long, but when the translations e.g. russian, what's the best way to handle when it ends up being longer ...
Blue Ocean's user avatar
  • 10.7k
1 vote
1 answer
227 views

What's a better alternative to using tool tips on a modal box on mobile

I'm working on the mobile web adaptation of a desktop design. The desktop version uses a modal box, on that modal box there are tool tips that can be hovered on or clicked for more info. When ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
72 views

Cross-platform mobile pattern for navigating among, editing, and creating cards

I'm a backend dev (mostly), very new to UX. I'm building a mobile-friendly Progressive Web App that allows users to view and edit cards with a few attributes (discussions: title, image, description, ...
Dan Dascalescu's user avatar
2 votes
3 answers
241 views

How to format input for accurate time?

A user needs to input an accurate elapsed time measurement, to a mobile device (web browser), just like a sports time, after recording the time on a separate stopwatch, like this one. We need the ...
D. Clayton's user avatar
1 vote
2 answers
119 views

How to make a dashboard more easier to read? [closed]

I'm looking for ideas for how to rework this page in mobile and desktop to make information easier to read. I'm currently using bootstrap cards inside card columns.
Bob L's user avatar
  • 11
0 votes
1 answer
1k views

Reordering a list on mobile web that is larger than the screen height

In my app users can add items to lists and reorder the index of the listitems by whichever criteria they like. The users of this app are not tech savvy, and I would like to avoid any technical input ...
JonSpr's user avatar
  • 320
0 votes
2 answers
68 views

Toggle buttons bar for mobile?

I am designing filter interface that is located at the bottom of the screen of a smartphone. I do not know if it's better to leave some space between the buttons (see the top of the attached image - ...
Miha Šušteršič's user avatar
3 votes
3 answers
867 views

Modal button positioning on mobile

I am designing a design system for my company and am currently looking at designing the modals and dialogues for both desktop(tablet too) and mobile. I have placed the primary action to the bottom ...
Emily Lawes's user avatar
0 votes
1 answer
1k views

Hierarchical list for selecting an element

The user is trying to select an element which will be used in a form. So it could be like selecting interests in an app where you can pick the more general case (e.g. sports) or the more specific (e.g....
user3341874's user avatar
2 votes
3 answers
218 views

Redesign a page for mobile, while keeping a "similar" layout to the desktop view, desktop uses a table

Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
paul23's user avatar
  • 217
2 votes
2 answers
85 views

Is it necessary to add “Any price “ option in budget category if on desktop user search with an open price range?

Image for mobile web design. Not showing any price tag as wanted to make user perform a more focused search.The most widely searched ranges are upfront.
Monisha Jaswal's user avatar
6 votes
6 answers
408 views

How to display results from a search that searches across two entities

I am working on a lyrics site. The site is very much a work in progress. This is a re-write of the site. On the old site, Google Analytics informed me that 90% of my users were mobile users. So that ...
J86's user avatar
  • 358
0 votes
1 answer
206 views

Sidebar with letters

I saw this today on Dribbble. I would like to know what the technical name is for that sidebar with letters? If one was searching Google for that, what would one type? Also, can this be implemented ...
J86's user avatar
  • 358
2 votes
5 answers
523 views

On some screen sizes the CTA goes below the fold

I'm designing a web site and i have two buttons one below the other on the landing page. One is a primary button and the other is a secondary button. The structure of the page includes an image which ...
Saurav Seth's user avatar

1
2 3 4 5
8