How to handle notifications in unfocused window?
I’m having a radio website and whenever a new song comes up, it shows a notification and most of the time you don’t have the window focused, so what to do if the user decides to click them?
Hide Notification
Hide Notificati…
How to encourage people to move to the back of the bus?
The diagram below shows the layout of the public transportation buses in my city:
What this 2-dimensional diagram cannot show properly is that the rear area of the bus is raised about 2 feet above the floor of the rest, th…
User interface components or design patterns for multiple sort/filter orders
Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the fact that multi-facet sea…
User interface components or design patterns for multiple sort/filter orders
Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the fact that multi-facet sea…
List of items with status
I’m working on the design of an app with a holiday request list.
Each request has a type (Holidays, Illness, etc) a pair of dates, and an Status.
The Status can be:
Pending:
Approved:
Denied:
I’m not sure about how to …
Do I need arrows to indicate hover menus in main navigation?
The main navigation of a website I’m working on uses hover menus and every main navigation item has children that reveal on hover/tap.
Do I need to include a down arrow (chevron) that indicates to users that content will rev…
How can I best display a blank space character?
A web app I’m writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W character in the font I’m using) meaning I can’t display the word “space” or “blank space”.
How can I best display the blank space character?
I’ve tried a couple of options, but I’m not sure if these would just lead to confusion:
Using underline. This looks a bit too similar to the underscore character.
The space symbol (␠(␠)). I didn’t even know this existed until I started looking for answers to this question myself, so I’m not sure if this is widely recognised.
A faint bottom border in a different colour.
A block character (█(█)) like those used in a terminal to represent the cursor.
A blank space with no style applied.
I suppose it’s worth noting that this is purely for display purposes; the user has no interaction with the character other than acknowledging it’s there when reading through the page (so I’m not asking about What character can I use to represent the space bar?).
How can I best display a blank space character?
A web app I’m writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W character in the font I’m using) meaning I can’t display the word “space” or “blank space”.
How can I best display the blank space character?
I’ve tried a couple of options, but I’m not sure if these would just lead to confusion:
- Using underline. This looks a bit too similar to the underscore character.
- The space symbol (
␠(␠)). I didn’t even know this existed until I started looking for answers to this question myself, so I’m not sure if this is widely recognised. - A faint bottom border in a different colour.
- A block character (
█(█)) like those used in a terminal to represent the cursor. - A blank space with no style applied.
I suppose it’s worth noting that this is purely for display purposes; the user has no interaction with the character other than acknowledging it’s there when reading through the page (so I’m not asking about What character can I use to represent the space bar?).
Creating an animation and interaction stylguide
extending to the animation aspect of a style guide that we have already built for our ecommerce website and app, What area’s of the UI do you need to look at.
These are currently what I could break it down into 3 things
T…
Icon/message for language switch
I have a site in 6 languages and I want to do something creative and not use flags. Ideally it’d be an icon and message to change language which opens an overlay with all languages available, but say I’m in Germany and I don’…