Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   gui-design   /   Page 9

What do you call a GUI widget that slides out from the left or right?

What do you call a GUI widget that slides out from the left or right?

In mobile applications, many times you have the main content taking up the entire screen but there is a settings page also. To reach the settings page you can to put your finger on the left or right and swipe to the center.

…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Button Icon States

Button Icon States

I’m currently trying to determine how buttons with just icons as placeholders should be represented throughout our product.

Currently, each button is displayed as the representation on the right in this image.

I’m curiou…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Radio button group label for employee leaving, terminated, or retired

Radio button group label for employee leaving, terminated, or retired

I don’t think my brain is working this morning. I’m having trouble coming up with the name for a group of radio buttons on an employee update form. The radio buttons are for if an employee is terminated, has left, or retire…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Is there a name for a group of value-related sliders?

Is there a name for a group of value-related sliders?

I need to illustrate a set of sliders. Each slider can be moved up and down by the user.
Adjusting one slider will indirectly adjust the other sliders.
Is there a name for this kind of UI component?

The only example that …

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Toggle Switch position the right way?

Toggle Switch position the right way?

Just having a debate about what is the good position for an activated toggle.

Also looking for some answers why left? why right?

To me it makes sense to have it on the right when activated as it’s closer to the text, but l…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Interaction to show/hide tags using info icon

Interaction to show/hide tags using info icon

Product : Universal file holder for a large enterprise

Situation : Navigation side bar with unnecessary file details

The files are tagged so they can be filtered. However, we already have those as filter options. The pic…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How can I best display a blank space character?

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:

  • Example 1 Using underline. This looks a bit too similar to the underscore character.
  • Example 2 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.
  • Example 2 A faint bottom border in a different colour.
  • Example 3 A block character (█ (█)) like those used in a terminal to represent the cursor.
  • Example 4 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?).

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How can I best display a blank space character?

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:

  • Example 1 Using underline. This looks a bit too similar to the underscore character.
  • Example 2 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.
  • Example 2 A faint bottom border in a different colour.
  • Example 3 A block character (█ (█)) like those used in a terminal to represent the cursor.
  • Example 4 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?).

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How do you deal with long labels using material design text fields?

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don’t think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that are well presented in th…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How do you deal with long labels using material design text fields?

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don’t think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that are well presented in th…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email
← Previous 1 … 8 9 10 Next →

Topics

UX Jobs in Atlanta uxbooth UI design User Research UX Design UX Toolbox UI web-app UX Rockstars Visual Design user-behavior WordPress Gutenberg UX uxstackexchange wordpress User Interaction UX Jobs Dallas Universal Design & Accessibility Usability User Experience WordPress Plugins User testing UX Jobs Los Angeles UX Jobs Atlanta Web Design

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange