Questions tagged [mobile-web]

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

Filter by
Sorted by
Tagged with
2
votes
5answers
269 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 ...
0
votes
2answers
93 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 ...
0
votes
2answers
246 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 ...
0
votes
1answer
106 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 ...
2
votes
2answers
339 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 ...
0
votes
3answers
327 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 ...
1
vote
1answer
278 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 ...
1
vote
2answers
409 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 ...
3
votes
3answers
323 views

Better UX when comparing large copy on a mobile display

We are looking for a way to improve existing UX optimized for larger screens and not mobile. Use case: There are three offers. Each offer has a hefty copy outlining what's included and what is ...
11
votes
5answers
5k views

Revisiting user-scalable=no

Previously, to achieve the effect of resizing for mobile, I have only ever used width=device-width, initial-scale=1 which worked no problem. I recently discovered user-scalable=no as an option for ...
0
votes
1answer
579 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 ...
2
votes
2answers
942 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 ...
1
vote
1answer
72 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
4
votes
2answers
321 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 ...
6
votes
5answers
1k views

Recommend approach to create a form that needs to show unlimited rows

I'm designing a form web page where users need to insert data. Part of the form is the main form information but there is another part that takes unknown number of entered rows. Here is an example. ...
4
votes
2answers
3k 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 ...
0
votes
1answer
124 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 ...
3
votes
3answers
522 views

What is the best way (or better ways) to handle multiple interactions with a single row of information on mobile?

I have a desktop site which has a table with multiple columns, a checkbox on each row, and actions related to that row. The checkbox is used to carry out a particular action (most used) for multiple ...
89
votes
13answers
25k views

What is the opposite of Cancel?

I am working with order page. When the user presses on Cancel Order button, he should choose one of the following: Cancel order. (opposite of cancel) order. (this choice means don't do anything with ...
8
votes
8answers
2k views

User experience of PDF menus on restaurant websites

Most of us would be familiar with ordering food online from takeaway or fastfood places where the menu is integrated into the ordering form or app. When I recently visited a few restaurant websites ...
3
votes
1answer
2k views

Responsive Pricing Table

I am designing a simple Landing Page which has 2 lines about the product and the Pricing Table. I want to Make a Responsive Layout for Mobile. Not sure which is the best way to display the Pricing ...
1
vote
1answer
114 views

How Do I Encourage Users Best to Download An Application from a Landing Page? [closed]

I do consider about the best experience about the getting more conversion rate from a webpage of ours. Is putting phone number field to send the app is best or putting app store buttons? Which one do ...
1
vote
3answers
3k views

Is it a good UX practice to have social sharing buttons on a mobile website?

I am recently working on the mobile version of a website and came across this link - https://www.zdnet.com/article/study-claims-99-percent-of-users-ignore-sharing-buttons-on-mobile/ I am still ...
2
votes
5answers
83 views

What does *data* show to be the best way to write hyperlinks in article text?

Here are some possible ways to embed a link in a sentence within an article. (The intended link text is just bolded here, rather than actually linked to something.) "A good first step is to perform a ...
8
votes
4answers
13k views

Why are alert/confirm dialogs bad for mobile web?

I'm currently working on a mobile web app with external designers, but we (the developers) are allowed some input. They keep wanting to add alert and confirmation dialogs for things like form ...
0
votes
1answer
114 views

When to Ask for Location During Sign Up

I'm working on an app that sends technicians to fix problems. Think of it like Uber for repairs. The service is only available in a select few cities, and the way the sign-up process right now is ...
2
votes
2answers
371 views

Top and side navigation bars

Here is our website user interface for desktop and mobile devices. Basically, what we wanted to achieve on desktop, is to give visitors the ability to easily browse among all the purchase related ...
2
votes
1answer
3k views

Phone number click to call on desktop?

I'm designing a web flow in which one of the outcomes is to call our support team. On mobile, this is simple enough as pressing on a phone number triggers the alert below. However, I'm not sure what ...
23
votes
9answers
6k views

Responsive web design Vs Separate website for Mobile

Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices. There are also some website which convert the desktop websites into Mobile website ...
2
votes
2answers
101 views

Is it a good practice to extract some menu items from the main navigation on medium sized screens?

A designer I work with often creates a navigation for websites that looks like this on different screen sizes (mobile, tablet, desktop): On small screen sizes (mobile): there's a burger menu holding ...
3
votes
3answers
364 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
1
vote
4answers
4k views

What you guys think about bottom tab bar for mobile versions of websites? [duplicate]

I would like to hear what you think about bottom tab bar for mobile versions of websites. It is called bottom navigation bar too. Here an example: https://pitchfork.com/. I am trying to use it to ...
5
votes
5answers
1k views

Responsive web design for e-commerce website? [closed]

I'm going to build a big e-commerce website and client want that website should be for all user Desktop, Tablets and Smartphones. and budget is not a problem. Site is an e-commerce website lost of ...
10
votes
1answer
12k views

Does touch based mobile phone browsers support multi selection of list?

On desktop based browser application there are elements which allow us to do a multi selection, like below: Multi Select Is there support for this on touch-based phones? How do these kind of ...
2
votes
2answers
505 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
1
vote
2answers
1k views

Is it logical to use tables for responsive web design in 2018?

As the title says I was wondering whether using tables for responsive web design still a thing in 2018? What are the pros and cons if I do use tables instead of semantic markup apart from SEO?
2
votes
1answer
2k views

Best way to indicate horizontally scrollable sections to a user?

I'm working on my website and I love the idea of using horizontal scrolling to display large lists of items while saving vertical space. The problem I'm having is that in the desktop version of ...
0
votes
1answer
74 views

What issues am I expected to run into with removing the tap highlight colour on a mobile website?

Hello UI & UX Designers & Developers! I'm just wondering if there's any issues (more so in relation to accessibility & usability) if I were to disable the tap highlighting as seen on ...
6
votes
3answers
341 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
1
vote
1answer
381 views

MOBILE VIEW: additional info in horizontal scroll vs. modal vs. accordion

I am working on the mobile view of a website with profiles on it. On those profiles there are a lot of categories/groups filled with tags and other information. In order to keep the page clean and the ...
7
votes
3answers
1k views

Why is it ok that apps don't respond to device orientation but webpages are expected to?

There are plenty of mobile apps that only work in a single orientation. Landscape (Garageband, lots of games), Portrait (Settings, Phone, Remote, App Store, Twitter, Facebook, lots of games) What ...
3
votes
1answer
260 views

Next-Article Indicator for Infinite Scroll Setup (Mobile Web)

Was looking into the idea of implementing some kind of indicator for a multi article experience (ex.content ticker + progress bar). Want to get anyones thoughts on the necessity of such a feature ...
1
vote
1answer
192 views

Should a responsive website have the same breakpoints for every page or can they be different for each page?

I'm designing a responsive e-commerce website. I'm wondering if every page of the site should have the exact same breakpoints or not. Since pages like Product detail page, account page, shopping cart ...
2
votes
3answers
832 views

Best practice for input fields on mobile

download bmml source – Wireframes created with Balsamiq Mockups Layout 1 - Input fields stretched to fit the screen size and button(s) center-aligned Layout 2 - This is a direct web-to-mobile ...
37
votes
7answers
9k views

How to implement seat selection on small screen mobile devices?

If you ever booked event / cinema tickets online, then you have probably struggled to select the seats. The larger the auditorium, the smaller the seats. I am creating a cinema ticket booking website....
0
votes
2answers
100 views

Difference between mobile site and web responsive? What should be the approach?

There are so many sites that work on m-site particularly like makemytrip but one the same side, there are products that are web responsive which are manipulated using the CSS media queries. One of ...
1
vote
2answers
260 views

How to transform a mobile-navigation design into a desktop one

Right now I have a mobile app where you can navigate like this: I need to transform it into a desktop app. The only thing that I cannot change is the fact that the circles that are clickable options ...
0
votes
1answer
98 views

Is a full width scrolling element bad UX on a mobile site?

I have an element that gets content that will overflow the element's height, so it will scroll when scrolling is initiated over it. This element is 100% width, so either the user has to scroll to the ...
0
votes
1answer
44 views

Do I need to test the desktop layout on mobile if there is a mobile layout?

I'm making a website and the site will have a fully fleshed out mobile version. I'm just wondering if, from a user experience point of view I should verify that the desktop mode works as well? Some ...
1
vote
3answers
165 views

Top Navigation with Profile headache

We have introduced a beta version of our web app 2-3 weeks ago. Although we have not benchmarked it, i feel that something is very wrong here, in the way we present the top nav bar and the profile via ...

1
2
3 4 5
8