14
votes
Accepted
Why is the Google Search Results page not responsive?
Responsive design is best practice, except for the most high-end websites
Responsive, mobile-first design gets you the most “bang for the buck” for most web sites or applications. Effectively you can ...
- 3,941
4
votes
Accepted
Best way to make a menu responsive
I think your best option is to throw away the current design and start over, I can't see how the UX can ever be anything other than terrible. Sorry.
This is not a user-friendly solution and makes it ...
- 412
3
votes
Accepted
Should I include a "back" button on a responsive website?
It's important to recognize the difference between an "back in hierarchy" button (also called an "up button") and a "back in time" button.
A "back in time" button is what you find in web browsers and ...
- 2,814
3
votes
Huge data in table in responsive email
You can try two different UX behaviors:
1. What we call "Information rows or cards" with information hierarchy defined with client by a simple card sorting.
The information cards can contain several ...
3
votes
Accepted
Footer menu same as Menu
I see the footer and header links like the pagination of a data table. If you need to scroll to the top every time to get to the next page, that is a problem for the user. So you define a second ...
- 200
2
votes
How should a download button be deprecated for mobile?
It completely depends on the data you are serving to users. Let's suppose you're offering them to download simple PDFs/Word Docs/Spreadsheets – then the user should be allowed to download that data, ...
2
votes
Accepted
How can I make a mobile app responsive for desktop?
Use the grid system to line the cards and set breakpoints.
Because you're using Semantic UI, you've got the tools right there. Instead of your cards flowing way too wide, add the right breakpoint. On ...
- 25k
2
votes
Why is the Google Search Results page not responsive?
TL;DR: A different design, even if more convenient, might make the user loose the familiarity with Google brand.
Very interesting question.
Even when a design might be more convenient, user-...
- 16.9k
2
votes
Acceptable length of video for mobile?
According to Wistia video analytics, the longer the video, the more likely user attention span will lower.
I think anything between 0 to 1 minute is perfect. A little more would also be okay if you ...
- 7,413
2
votes
Comfortably legible base font-size?
The Web Content Accessibility Guidelines recommend that any web font sizes be adjustable by the user.
For large fonts WCAG says:
"The actual size of the character that a user sees is dependent both ...
- 1,549
2
votes
Huge data in table in responsive email
Sounds like 2 separate problems.
The boss doesn't understand the purpose of email or the concept of User Experience. See other questions and answers for that, e.g. How do you persuade an organization ...
- 146
2
votes
Navigating a double top bar
An interaction I have seen in such a case is that your 2nd nav bar disappears as the user is scrolling down, but re-appears as soon as they start scrolling back up again, no need to scroll all the way ...
- 1,549
2
votes
Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me
If you have a 2 column list with key-value pairs then you could use a ‘description list’ (<dl>).
Something like this:
It gives you the layout you're after while also being able to adapt nicely ...
- 727
2
votes
Feedback - does designing for 2 layouts (mobile plus desktop above 1200px) seems appropriate?
Based on the UIKit Size on Apple HIG (see https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/), the largest pixel width is 1024.
So I think your lead ...
- 711
1
vote
Accepted
How to show dual list in responsive
It is better to provide the "working" list as a basis and show the list with all items only when needed. There are two actions which I would separate and avoid confusion between the two lists:
Order ...
- 12.1k
1
vote
Is it bad practice to direct a user to a mobile friendly side of the site on screen resize
It isn’t necessary to use a different website url for mobile screen sizes. Simply hide and reposition elements to turn the page into mobile-friendly on certain screen size (or whatever method you use ...
- 21
1
vote
Should I include a "back" button on a responsive website?
I would suggest leaving browser controls to the browser and focusing on navigation in general. Make it easy for your users to get where they need to go and 'back' is less of an issue.
If your site ...
- 608
1
vote
Is it ok to have a bottom tab bar on a website?
If it is a progressive web app, you absolutely can use a fixed bottom nav, because you can treat your UI like it's native if it has an offline mode and is using service workers. PWA's are more evolved ...
1
vote
Best practice for responsive vertical side menu
To know what's the common approach to responsive menus, simply look at how it's usually done in mobile apps. I see two main strategies used in Android that are also the most common in mobile websites: ...
- 1,376
1
vote
How to use anchor tags in mobile?
There can be multiple approach to solve this problem, It will depend upon which action you want to take base of importance of each tabs. If you want to each and every tabs at same time and can't ...
- 11
1
vote
Huge data in table in responsive email
For starters, tabular data laid out in tables is, inherently, not responsive. That's not necessarily a bad thing if the data makes the most sense staying in a large table. Sometimes panning and ...
- 41.8k
1
vote
Responsive secondary and tertiary navigation
I keep sharing this a lot lately, but I think it might work:
https://tympanus.net/Blueprints/MultiLevelMenu/
- 883
1
vote
How do we convey a web page or app for different age groups?
It's important to remember that regardless of the targeted demographic, simplicity in UX is valuable. You're correct in saying that designing for children generally involves brighter colors and larger ...
- 1,167
1
vote
UX Themes for thesis
If you want a challenging theme then go for VR(virtual reality) domain or some other devices where UX field is least explored and there will be lots of fun and you will have great future
- 1,050
1
vote
How to deal with components in a responsive design being larger at smaller breakpoints?
It sounds like you may just be moving this element into the top bar at too small of a breakpoint, if the 328 space is compressing the content too much.
You may want to add a custom breakpoint that ...
- 1,209
1
vote
How to deal with components in a responsive design being larger at smaller breakpoints?
Seems like you are actually looking for "element queries", that currently don't exist, instead of media queries.
So you want to change behavior according to the actual banner width.
Recently there ...
- 111
1
vote
using Iframe and allowing responsiveness
Here is what I have:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Website Designs We Have Available to Start With<...
1
vote
using Iframe and allowing responsiveness
There is an example by Rik Flink @ http://jsfiddle.net/masau/7wrhm/ that works nicely. Change out the youtube url with getbootstrap.com (your own link may have origin issues depending upon your use ...
- 71
1
vote
Best way to show scrolling menu?
You could use an accordion menu, where each section is collapsable. This way the user can more easily keep the overview of the content - he does not have to scroll to the top of the page in order to ...
- 2,996
Only top scored, non community-wiki answers of a minimum length are eligible