Questions tagged [mobile-web]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
662 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....
0
votes
1answer
177 views

What is the expected load time for a website or email on a smart phone?

I saw couple of statistics showing page abandonment as loading time increases, but haven't found any resource which would specifically deal with "mobile" users only. Obviously this question can be ...
0
votes
2answers
261 views

Hero banner for mobile eCommerce VS surfacing actual products

Is there any evidence that displaying a hero banner for mobile eCommerce results in more conversion / engagement that surfacing actual products in place of said banner? I have a hunch the latter will ...
2
votes
1answer
77 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, ...
22
votes
5answers
23k views

On mobile web, what's the best way to present Date of Birth form fields?

I am building a form for Mobile Web that requires users to enter in their DOB. What is the best way to present the date input field(s)? Some of the following options were identified in this question ...
1
vote
3answers
234 views

Showing item-level & order-level offers/promotions on Details page (PDP) &/or Cart page?

I have 2 types of offers (promotions) applicable on my eCommerce website: Item level offers (example: Item belongs to Brand XYZ. Buy any 2 items from brand XYZ to get 30% off) Order level offers (...
1
vote
1answer
151 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 ...
0
votes
1answer
1k views

Samsung Android phone rendering chess unicode as Emoji? [closed]

I'm developing a [javascript implementation][1] of Singularity Chess and I'm having a really weird issue with rendering on Samsung phones. Samsung phones render unicode chess characters as what appear ...
1
vote
3answers
2k views

What is the best way to show Promo Code validation?

I'm working on a promo code entry field and want to give feedback to the user for both a valid and invalid entry. I want to show feedback near the input but does having the icons inside of the field ...
2
votes
1answer
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 ...
2
votes
1answer
115 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】
1
vote
0answers
35 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. ...
3
votes
2answers
220 views

Should we choose a meaningful domain name or a easy to type domain name?

So as we expected, most users are visiting website on their phone, for some big phones there might be this issue, but if you're an iPhone 5 user or other 4 inch phone user you might found out that you ...
29
votes
3answers
114k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: http://alistapart.com/...
2
votes
2answers
443 views

Mobile friendly master detail data entering

I am building a page that has to be mobile friendly. This page will have a lot of master detail data and I was wondering what the best practice is. I found a lot of articles on the web but they give, ...
0
votes
1answer
33 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, ...
1
vote
3answers
178 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 ...
0
votes
1answer
40 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 ...
0
votes
1answer
69 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....
0
votes
2answers
84 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 ...
50
votes
11answers
12k views

Has user testing found that the "three horizontal bars" for main menu on mobile is commonly understood?

"Three horizontal lines" aka "hamburger icon" seems to be becoming a convention for the "main menu" button, especially on mobile sites: Has anyone done any user testing of this convention, or got any ...
6
votes
2answers
5k views

"Click-and-drop" alternative to drag-and-drop, for accessibility (and maybe mobile-web)

I have observed some people fumble with a mouse. They seem unable to synchronize clicking the buttons and sliding the mouse consistently, to where they drag things when they only meant to click on ...
14
votes
4answers
8k views

Stop user opening links in a new tab

On a secure site, is it OK to stop users from opening a link in a new tab by signing them out? I have a mobile games web-app and my users can only play one at a time. To avoid issues of them trying ...
21
votes
4answers
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 ...
1
vote
1answer
49 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 ...
1
vote
3answers
130 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 ...
1
vote
3answers
3k views

Mobile web app, "tab bar", useable or too obtrusive to bottom native browser controls?

I've never seen a case of someone using a tab bar in a mobile web app, but I think the idea has some merit. I can understand that the actions may be hard to click because they'd be right above the ...
2
votes
0answers
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 ...
2
votes
2answers
144 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 ...
4
votes
3answers
91 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 ...
1
vote
1answer
455 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 ...
4
votes
1answer
71 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 ...
2
votes
2answers
167 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 ...
2
votes
5answers
247 views

Taking users from Offer's T&C page to Listing or Details page?

Case: In my e-commerce website/mobile-site/mobile-app, we run offers that are shown on PDP (Product Details page). These offers are a bit complicated and hence a detailed T&C page has been created ...
1
vote
1answer
48 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 ...
1
vote
1answer
91 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 ...
8
votes
2answers
341 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 ...
6
votes
6answers
258 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 ...
9
votes
2answers
3k views

What should be the maximum length of a page on Mobile Website?

What should be the maximum length of a page on Mobile Website? I'm making a website in which some pages are long because of lengthy articles. Should I divide long pages into multiple pages? Should I ...
2
votes
2answers
639 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 ...
2
votes
3answers
94 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 ...
1
vote
2answers
111 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.
0
votes
1answer
387 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 ...
0
votes
2answers
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 - ...
3
votes
3answers
374 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 ...
2
votes
3answers
134 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 ...
1
vote
2answers
2k views

Designing for landscape mobile view

A lot of RWD websites cater for 3 major breakpoints (phone, tablet, desktop) and make the design fluid between that. However, the thing that's hardly ever included is the landscape view. Rotate your ...
4
votes
3answers
8k views

Pane vs Modal vs ?: Across all screen sizes

Pane vs Modal vs ?: Across all screen sizes I am currently working on a web application that needs to be responsive, accessible, and provide a solid UX across all device screen sizes. We currently see ...
7
votes
2answers
4k views

Substitute for a pop-up modal on mobile

A pop-up modal on my website shows information. In the mobile version of the page, what could be a good replacement for a pop-up window? I tried making the modal pop-up responsive, but the content ...
2
votes
2answers
70 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.

1
2 3 4 5
8