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   /   How can I best display a blank space character?

How can I best display a blank space character?

by UXStackExchange on March 10, 2016 in Devices, E-Commerce, Forms, General, gui-design, Information Architecture, Interaction Design, Interfaces, JavaScript, LA UX Jobs, Marketing, Material Design, Mobile, Personas, Product Strategy, Prototyping, Resources, Responsive Web Design, Stakeholder interviews, Testing, UI, Usability, User Experience, User Interaction, User Research, User testing, UX Design, UX Rockstars, UX Toolbox, Visual Design, web-app

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?).

Tags: ux stack

Sign Up for the latest in UX News...

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

Join 834 other subscribers

Related Posts

The Bad Freelance Habits You Should Avoid
The Bad Freelance Habits You Should Avoid
What should I call these navigation buttons?
What should I call these navigation buttons?
Areas Where AI Can (and Already Is) Benefitting Web Designers
Areas Where AI Can (and Already Is) Benefitting Web Designers
Showing a spinner for something that might not exist
Showing a spinner for something that might not exist

How can I best display a blank space character?

by UXStackExchange on March 10, 2016 in Devices, E-Commerce, Forms, General, gui-design, Information Architecture, Interaction Design, Interfaces, JavaScript, LA UX Jobs, Marketing, Material Design, Mobile, Personas, Product Strategy, Prototyping, Resources, Responsive Web Design, Stakeholder interviews, Testing, UI, Usability, User Experience, User Interaction, User Research, User testing, UX Design, UX Rockstars, UX Toolbox, Visual Design, web-app

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?).

Tags: ux stack

Related Posts

What percentage of people are literal thinkers?
What percentage of people are literal thinkers?
How are super-fast websites accomplished? [on hold]
How are super-fast websites accomplished? [on hold]
Mandatory & Non-Mandatory
Mandatory & Non-Mandatory
Does anybody know how to simulate a 2D prototype to VR [closed]
Does anybody know how to simulate a 2D prototype to VR [closed]
← How can I best display a blank space character?
Swipe views using Tabs in Android app →

Topics

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

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