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

material design: secondary toolbar elevation
material design: secondary toolbar elevation
Resolving fragmentation in designing an iphone Interface
Resolving fragmentation in designing an iphone Interface
Omitting <header> element from pages to aid use of 'sticky' navigation [closed]
Omitting <header> element from pages to aid use of ‘sticky’ navigation [closed]
Is 75% zoom out equals to 1920x1080 resolution?
Is 75% zoom out equals to 1920×1080 resolution?

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 (&#9248; (␠)). 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 (&#9608; (█)) 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

Recommendations To Write Term Papers
Recommendations To Write Term Papers
Parent and child navigation organization
Parent and child navigation organization
30+ Best Free Illustrator Brush Sets for Digital Artists
30+ Best Free Illustrator Brush Sets for Digital Artists
30+ Best InDesign Business Card Templates
30+ Best InDesign Business Card Templates
← How can I best display a blank space character?
Swipe views using Tabs in Android app →

Topics

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