Questions tagged [mobile-web]
for questions about web sites designed to be viewed on mobile devices.
382
questions
0
votes
1
answer
50
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 ...
- 101
0
votes
2
answers
35
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 ...
- 101
0
votes
0
answers
32
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 ...
0
votes
0
answers
30
views
Examples of mobile apps that do great examples of "here are your next recommended actions" list
We're making an app trying to improve people's behaviours.
Part of how we will be doing this is by having a section dedicated to a "here's what we recommend you do" kind of thing, where each ...
1
vote
1
answer
157
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 ...
2
votes
1
answer
134
views
What are some modern examples of "steps involved" UI user patterns?
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, ...
- 188
2
votes
1
answer
47
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 ...
- 185
3
votes
1
answer
174
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】
- 55
1
vote
0
answers
41
views
Guiding users to enter their membership number from email to app
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.
...
- 10.5k
0
votes
1
answer
70
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....
- 103
0
votes
2
answers
136
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 ...
- 113
1
vote
3
answers
320
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 ...
- 10.5k
0
votes
1
answer
63
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 ...
- 1
1
vote
1
answer
101
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 ...
- 498
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 ...
- 10.5k
1
vote
3
answers
177
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 ...
- 11
2
votes
0
answers
38
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 ...
- 10.5k
2
votes
2
answers
279
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 ...
- 10.5k
4
votes
3
answers
130
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 ...
- 10.5k
4
votes
1
answer
98
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 ...
- 190
1
vote
1
answer
638
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 ...
- 498
2
votes
2
answers
217
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 ...
- 498
1
vote
1
answer
52
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 ...
- 10.5k
1
vote
1
answer
128
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 ...
- 10.5k
0
votes
1
answer
36
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, ...
- 459
2
votes
2
answers
909
views
Language and country selector on a website
I'm currently designing a website for a global company with multiple market sites (website.com, website.co.uk, website.ru etc). Some markets also have multiple languages (website.be can be browsed in ...
- 123
2
votes
3
answers
109
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 ...
- 121
1
vote
2
answers
114
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.
- 11
0
votes
1
answer
595
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 ...
- 320
0
votes
2
answers
59
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 - ...
- 103
3
votes
3
answers
566
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 ...
- 71
0
votes
1
answer
967
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....
2
votes
3
answers
146
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 ...
- 207
2
votes
2
answers
76
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.
6
votes
6
answers
273
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 ...
- 356
0
votes
1
answer
131
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 ...
- 356
2
votes
5
answers
314
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 ...
- 51
0
votes
3
answers
402
views
Show "Successfully Sent" in popup or new page?
If the user submit a complain, and I want to inform him you are done; by this message:
Your complain has been successfully sent
Complain id: "12547786210"
what is the best solution to show ...
- 11
0
votes
2
answers
95
views
Where should the illustration go on this wireframe UX wise?
I'm making a wireframe of a responsive website and the landing page will have text field and a cta beside an illustration. Like in the image.
Where should the illustration go ux wise in mobile ...
- 247
2
votes
2
answers
445
views
Step left design pattern for large number of steps on mobile
I'm trying to create a meal ordering process which is split across 5 steps.
I wanted to know what might be a good way to design a stepper pattern for mobile.
After researching i have narrowed down to ...
- 51
0
votes
2
answers
312
views
Why recently an increasing number of website isn't supporting "request desktop site" anymore?
Recently I more and more often, access websites via my mobile, just to realize a certain feature has no (more) support on the mobile version of that site. So I request the desktop site (via browser ...
- 123
8
votes
2
answers
379
views
Design patterns for switching workspaces on mobile
I'm working on a mobile responsive web-app whose users can potentially have one, two, or three workspaces (we call them "zones") depending on their user privileges, i.e. Admins get all three zones ...
- 603
1
vote
1
answer
306
views
Usage of table layout on Mobile
Is there any better way to show Normal table layout in the Desktop views and easy to use view of the same in Mobile?
In an environment that the table columns and rows can be multiple number of rows ...
- 21
1
vote
2
answers
431
views
Modal dialogs on mobile - Back button
I have one site where I have a little Gallery. Clicking on the image displays a description of the team member and additional image(s).
On a regular desktop I was thinking about implementing the ...
- 111
0
votes
1
answer
627
views
Is a floating, collapsible bottom navigation bar a good pattern on mobile web?
I’m working on a mobile web app that has two pages (tabs) of equal importance. As the user will switch between the two frequently, I’m worried that displaying a classic navigation bar at the top of ...
- 583
2
votes
2
answers
997
views
Input fields - Is <input type phone> more user friendly for credit cards than <input type number>?
Basically this question, but with more usability focus:
https://stackoverflow.com/questions/48534229/what-is-the-correct-input-type-for-credit-card-numbers
So we have these two general keyboard ...
- 6,746
1
vote
1
answer
74
views
Optimising large navigation bars
How would you go about revamping a navigation as long as this while keeping all the links visible
On desktop
On mobile
- 10.5k
4
votes
2
answers
434
views
How best to display a rankable list with a heading and submit button?
I'm designing an app where users can vote on a list of choices by ranking them in order. The voting screen needs to have:
The title of the vote
The list of choices
a button to submit the user's ...
- 143
0
votes
1
answer
136
views
Design patterns for navigation of menus on mobile devices/views
I have noticed that many web applications displayed in mobile devices or views seem to be simply moving or displaying the same content in a different viewport rather than trying to tailoring content ...
- 25.7k
5
votes
2
answers
4k
views
Mobile forms - Where to put the save and cancel buttons?
We are making a responsive website. There is a form on the site and I am not sure what type of save and cancel buttons to use where. I have found several patterns as you can see in the picture with ...
- 198