Navigate web menus with keyboard on small screen?
I’m tasked with finding accessibility concerns on a webpage. The site has a main menu at the top of the page:
When the user’s screen is wide, all top level menu items are shown in
a single row. When the user hovers over the…
How would you assign groups and/or individuals to an item?
I apologise in advance if this is rather vague, I’ll give as much detail as I can.
In our software, one of the tasks the user needs to perform is assigning people to an item in order for those specific people to be able to p…
Dropdown in table header
I’m adding a dropdown list to a table header to enable configuration of what appears in the column.
My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an arrow symbol for sortin…
Dropdown in table header
I’m adding a dropdown list to a table header to enable configuration of what appears in the column.
My problem is that the traditional down-arrow symbol for a dropdown can easily be confused with an arrow symbol for sortin…
Tradeoff between immediate changes and confirmations
I am developing a system that helps auditors complete a security review using a checklist. Here’s a snippet of the UI:
The current UI only saves the changes to the server when the user clicks save. However, this is causing…
Tradeoff between immediate changes and confirmations
I am developing a system that helps auditors complete a security review using a checklist. Here’s a snippet of the UI:
The current UI only saves the changes to the server when the user clicks save. However, this is causing…
Feedback on how to compare two groups of data visually on one page?
I have a site that allows you to set up two groups of criteria (here it is two categories of products) by searching and refining, then allows you to view data and analysis of these two groups of criteria while easily also see…
Product carousel – how to present variants of a product?
I’m working on a product carousel for an e-commerce site.
I have a list of elements of one tile:
- Price
- Crossed price
- Badge/ribbon
- Image
- Caption (Product’s name)
- CTA (i.e. Show) as a button
- Ratings/Reviews (stars, number of stars, grey if none)
- Thumbnails (optional)
- Availability in stock
- Button, i.e. “More details”
Question:
Let’s say that we have a T-shirt available in 5 different colours. How can it be shown on product carousel on home page?
I thought about showing some colours block under the picture of a product. If doing so: How many of such colour blocks would be ok?
Second idea is to change the picture on a carousel randomly. It means: User goes on my page and sees blue T-shirt (maybe with colour blocks under the pic) among other products in product carousel. After reloading the page there will be a white T-shirt in carousel (maybe with colour blocks under the pic).
What would you recommend? What is the best way to show in product carousel that we have more colours on stock?
Partial login for account management
I work for a TV/Telco company and I’m looking at if its a good idea to open up some of the ‘My Account’ management section of our site to users who are only partially logged in. In a very similar way to what Amazon does today…
Have you seen the off-canvas pattern used in desktop webdesign?
Originally it’s a mobile pattern that solves the problem of less screen real estate. I’m trying to find examples of the off-canvas pattern used in desktop webdesign, where there is plenty of screen space.