All Questions

Filter by
Sorted by
Tagged with
2
votes
1answer
93 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, ...
2
votes
1answer
121 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】
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
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 ...
1
vote
1answer
482 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 ...
2
votes
2answers
170 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 ...
3
votes
3answers
399 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
706 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
136 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 ...
2
votes
5answers
268 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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
-2
votes
1answer
131 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 ...
5
votes
3answers
254 views

Why do web sites check for mobile devices but not for desktop?

With the spread of mobile devices, web sites have been checking whether the device is a mobile device and offering to display the mobile version of the site for years now. Recently, a friend of mine ...
0
votes
2answers
2k views

Overflow Menu or Horizontal Scroll

I am looking to create a menu solution for web across desktop to mobile. Whether it is better to use one solution for desktop and one for smaller screens is unclear. I have a series of categories but ...
4
votes
4answers
285 views

Website navigation on mobile

So I have a lyrics website and it is doing rather well in terms of organic traffic, so I thought I better make it as best as I can for my users. On mobile devices, right now I am not hiding the ...
4
votes
2answers
193 views

Can we have tab bars in mobile browsers(Swipable)

I have a website which has tab bars in the desktop version. So when i make it responsive should i retain tabs or should i replace it with som other elements. Mobile users tend to swipe to change bars ...
2
votes
2answers
239 views

How Far is it recommended to show large table content on mobile browsers [duplicate]

Is it good practice to show all content that is in desktop version to mobile browser. Can mobile browser handle this kind of data,With low bandwidth. How far is it legible to read with that huge ...
2
votes
5answers
250 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
96 views

Is progressive disclosure helpful in the Listing page of kids-fashion-eCommerce? Read the case

Case: In the listing page of kids-fashion-eCommerce, most of the items have multiple sizes (6-12 M, 1-2 Y, 2-3 Y, 3-4 Y, 4-5 Y, 6-7 Y, and so on) and multiple colors. Journey of user: User comes to ...
1
vote
3answers
246 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
2answers
604 views

What text should be used - 'Save for Later' or 'Add to Wishlist' or 'Bookmark it' or 'Shortlist it'?

I'm creating eCommerce web products (website, mobile-site, mobile-app) and on the products' listing page, I want to give users a choice to save any product, that they don't want to buy right now, but ...
2
votes
1answer
362 views

Are there any guiding principles for using the Gutter space in web products (websites, mobile sites, mobile apps)?

What % of page can be taken up by the gutter space? Can the gutter space vary when the website/mobile-site are seen in different resolutions? Is it okay to have gutter space in an App?
3
votes
3answers
845 views

Do people click on "scroll to next section" buttons

I am wondering if anyone has data about this. "Scroll to next section" buttons are usually visible on the first screen of a website at the center bottom. If one clicks on them the browser scrolls the ...
0
votes
1answer
96 views

Mobile version of my site [closed]

I want to create a mobile version of my site: http://isometricland.net/games/games.php Basically, the only differences I want are that the far left column with my logo and social media links be ...
4
votes
5answers
1k views

Do users recognize "slideable" areas with dots as indicators for multiple images?

Are more explicit visual cues, like the arrow buttons in "Variant 2", necessary to convey that there are more images available and the user can reach those by swiping left or right? Or are users ...
1
vote
2answers
115 views

Best way to present alternative locations without implying a choice to customer

I work for a company which offers trips to customers. Currently we present the hotels where a customer will stay in the following way: This works well, and the response is great because it's easy to ...
1
vote
2answers
451 views

Helpers in form

I am inserting about what is the best way to show help in form inputs. This is what I am doing in my site: download bmml source – Wireframes created with Balsamiq Mockups I have a question ...
4
votes
4answers
1k views

Footer links necessary if navbar is fixed on small business website?

I'm developing a website for a friend's startup. It's a really small website with only 4-6 pages. Currently I have designed the website with a fixed navbar (and a fixed menu toggle button on mobile). ...
2
votes
3answers
236 views

Are expanding divs a bad idea for a mobile portfolio?

Brief overview: making a portfolio for game design, have three seperate categories with 4-5 individual projects under each. Home page has general links and links that segues the user into one of these ...
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
78 views

Is it necessary to have a mobile friendly design for html sitemap?

We have really long Sitemap for our desktop version, As an adaptive design, we had created a separate sitemap for Mobile site which has very limited links but the client wants everything that's there ...
5
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 ...
0
votes
2answers
1k views

Image slider in Mobile Web Page

I am developing a responsive web page for a Fashion Brand and in my mock up I put a image slider to go through images of the products. Should I keep it in the mobile version or switch to a different ...
1
vote
2answers
2k views

Breadcrumbs for Mobile

We are designing a responsive site and I was wondering if we need to use breadcrumbs for mobile version. I did some research and most of big brands don't use breadcrumbs on their mobile site but I ...
1
vote
2answers
177 views

How to make a call-to-action element for mobile?

I am building a mobile website (lets say for for boutique hotels). There will be a form, where users will be able to enter the hotel name, email address, wanted dates etc... Since I will also have ...
3
votes
1answer
4k views

Website hierarchical/dropdown menu best practices

I'm trying to understand the best way to communicate to users via website navigation menus and, in particular, multi-level menus. As the world is going more mobile, so goes the web. Websites are ...
0
votes
2answers
811 views

What is the recommended default viewport for fixed-width websites?

Let's say I have a website (This is the actual one). It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1 for setting up the website to be nicely ...
2
votes
1answer
146 views

(slightly buggy) mobile website vs. desktop website

I have a website which has a desktop and a mobile version for phones. Now, the mobile version is slightly buggy but does still work. The images are in the wrong places and partly even overlapping. ...
4
votes
1answer
1k views

How is the best approach to display responsive combobox?

I would like to implement comobobox with a search filter for phones, larger screens and tablets. The examples below show how I think it should behave for phones and larger screens. I'm still fomenting ...
81
votes
14answers
39k views

Make people understand they can click on a button in a flat design

I'm creating a flat-ish responsive website, which basically is an online résumé. I'm displaying skills (but it could be whatever) in a grid system. Each skill is clickable, to display some ...
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
1answer
214 views

Collecting user's preference for low- or high-bandwidth version of a web site

In a web application, I wish to present a rich user experience to viewers where available, yet I also wish to respect viewers' reluctance to pay overage fees to their Internet service provider. ...