Questions tagged [mobile-web]
for questions about web sites designed to be viewed on mobile devices.
353
questions
3
votes
3answers
83 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 ...
0
votes
1answer
71 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
3answers
119 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
53 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
vote
2answers
36 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 ...
0
votes
1answer
57 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
5answers
166 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
3answers
74 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 ...
0
votes
2answers
75 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 ...
2
votes
2answers
106 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
2answers
166 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 ...
4
votes
1answer
138 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 ...
1
vote
1answer
139 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
180 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 ...
0
votes
1answer
133 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
624 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
64 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
3answers
167 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 ...
0
votes
1answer
55 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 ...
2
votes
2answers
835 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 ...
1
vote
1answer
106 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 ...
0
votes
1answer
73 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
237 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
904 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 ...
2
votes
2answers
78 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 ...
1
vote
3answers
1k 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 ...
1
vote
4answers
2k 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 ...
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
1k 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
65 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 ...
1
vote
1answer
269 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 ...
1
vote
2answers
580 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 ...
1
vote
1answer
90 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
474 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 ...
3
votes
2answers
196 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 ...
0
votes
2answers
84 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 ...
37
votes
7answers
7k 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....
1
vote
2answers
220 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
80 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
42 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 ...
3
votes
1answer
178 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
3answers
132 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 ...
0
votes
1answer
131 views
Mobile: Is it bad to implement a tab-like system that open different pages?
In a mobile website (m.domain.com), as the page load time could be a number 1 problem, isn't this a bad way to implement?
Here "Profile, Claps, Highlights and Responses" tab-like links on Medium ...
-2
votes
1answer
129 views
Why is every popular website removing colors? [closed]
I didn't know where to ask, so I'm trying here.
I don't know if you guys have noticed, but youtube (logo, like/dislike etc.), facebook (like & comment icon), g+ (same) etc. have removed all ...
16
votes
5answers
14k views
UX alternative to Modal Windows on a mobile device
I am looking for the recommended UX alternative to Modal Windows on a mobile device.
Modal Windows are useful in larger screen environments, as they allow the user to interact with the program ...
2
votes
1answer
69 views
How do you conduct remote usability tests on mobile for your web app?
Not sure if this is possible, but I'm looking for a solution similar to Lookback but specifically for web apps? I realise a similar question has been asked before, but I'm looking to find a solution ...
1
vote
1answer
133 views
Slideout menu: touch enabled only on close
I'm building a mobile first webapp. I want to add a slideout menu for the main navigation.
The main page of the app is an interactive map, as the user will be moving around on the map a lot, I must ...
0
votes
2answers
58 views
What methods can be used to give additional important information in a web app/page on mobile?
When you're designing for mobile, you have to convey the same information in a lot less space. Right now I'm designing a website that I want to be responsive, but I'm having some difficulty.
We want ...
2
votes
1answer
2k views
Best way to show tables on mobile and tablet common dimension
I have a visual problem that breaks usability in my opinion.
I'm using Twitter's Bootstrap V.3 and I have a web form.
I must show a table with this information:
City, Address, Latitude, Longitude,...
2
votes
1answer
65 views
How to highlight changes/updates on a booking/reservation that requires accept/decline?
Target audience: people who don't use internet and are not good with using smart phones or computers.
Where: digital service on a mobile website / mobile app
User receives a reservation, which they ...
