Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

any single character or series of characters that represents horizontal or vertical space in typography

0
votes
2answers
53 views

How to deal with a surplus of space in a filter dropdown?

I'm redesigning a filter feature for my company, and I'm running into a problem where I have a surplus of space relative to the small amount of UI elements (see image). I initially thought about just ...
3
votes
2answers
121 views

How to make mobile “list” design does not look crowded?

In order to create a list, usually I think like a developer and tried to cram everything as much as possible in a single screen so that user can see everything (or as much as possible) all at once. ...
1
vote
3answers
255 views

How to make a screen with tons of whitespace not look awkward

In my settings page (above), I am currently using tabs to navigate between sections (Rake + tip, Hand rankings, Tiers...). For the insights section of the settings page, the only objective is to allow ...
1
vote
0answers
109 views

How to display a two column table with limited data on a wide page?

I am trying to create a table with three columns but there isn't much data to display. There will be a select button, the item name, and the item's detail (which will be very short) What's the best ...
3
votes
2answers
45 views

Ad placement - In its own column or content wrapped around it?

I'm having to deal with placing ads on a website I'm working on for a client. Is it best practice to always have a dedicated column for the ads and potentially blank space below the ads as you ...
0
votes
1answer
45 views

Whitespace viewport dependency (should CTAs be visible or not)

We've read few Q&A on this topic, also done the research but most of the articles says what whitespace is, not how to calculate it. When designing for smaller screens, should the whitespace ...
1
vote
2answers
1k views

Is there a valid reason to allow leading or trailing spaces in user input?

I want to propose a new guideline in our company to disallow leading or trailing spaces in any user input (web forms). Is there any valid scenario where you want to allow leading or trailing spaces ...
7
votes
4answers
11k views

What's the recommended max width for the main container and for the main column, for large screens?

Based on this question, "Why do many sites leave half of each webpage empty?" and its comments and answers, I did some research, but I didn't find a complete answer. For me it is obvious that it is ...
195
votes
13answers
34k views

Why do many sites leave half of each webpage empty?

Why do many sites leave half of each webpage empty? Isn't this a waste of screen space? One nice example of this is the Stack Exchange Network sites: As you can see, there is a ton of whitespace ...
1
vote
1answer
106 views

iPad walkthrough screens have too much whitespace

I am designing a walkthrough right now for a iPad app, but I ran into the issue that the page has too much whitespace. The page will have a large header text, an icon/illustration and a button. There ...
3
votes
3answers
152 views

Start Screen Issue *To much White Space*

I am designing a start screen for a tablet application and I don't understand what info I should put into this page. I got my inspiration from 'Envoy', example: But when I showed this off to other, ...
0
votes
1answer
116 views

Some advice to reduce whitespaces when there a small amount of datas

Ahoy! me herties! I am developing a small Desktop Application. So, I need some advice; I want to decrease white space when it comes to presenting a relatively small amount of data. I know that when ...
1
vote
7answers
186 views

Design suggestion for a page with two links [closed]

I'm trying to figure out the best way to present just two links on a page. This page appears after login and redirects users to the selected page. Do you have any suggestion for this type of page?
3
votes
1answer
194 views

Are there any guiding principles for using the Gutter space in web products (websites, mobile sites, mobile apps)?

What % of page can be taken up by the gutter space? Can the gutter space vary when the website/mobile-site are seen in different resolutions? Is it okay to have gutter space in an App?
1
vote
2answers
147 views

Trimming Trailing Whitespace from user input

I have a form with user input fields for a manufacturer name and a product name that become a part of the URL www.foo.bar/manufacturer_name/product_name/ Browsers will trim the trailing whitespace ...
1
vote
2answers
59 views

Should I use border or not for our help images? [closed]

We are developing an E-Commerce website, and our content team are writing user guide or help of the website. there are some screen-shots of the website in each help pages. Some of our team members ...
0
votes
2answers
181 views

Should whitespace next to forms be avoided?

The problem: On desktop view form inputs (with labels) take less that half of width of the website and we gets big whitespace next to form which is bad for websites SEO. In the other hand forms ...
4
votes
4answers
345 views

What is it about Instagram's layout that makes it so popular?

When I ask clients, colleagues, and friends why they much prefer using Instagram to some of their brand in-house photo sharing apps(in fashion), they respond that it's mostly the cleanliness and their ...
5
votes
3answers
214 views

Should I use a single or double space after a period?

In a paragraph of multiple sentences, should there be one or two spaces after each sentence's period for readability? The paragraph is typed in Arial font. It is size 11 font. The monitor it is being ...
147
votes
9answers
40k views

What's the purpose of “This page is intentionally left blank” we see in books?

What's the purpose of "This page is intentionally left blank" we see in books? Why not just leave the page blank and write nothing on it?
1
vote
2answers
108 views

How to deal with whitespace left by fixed field width?

I am creating an infopath 2010 form, which will be accessed through a browser. Unfortunately, the browser based infopath field widths don't change based on the width of their contents. So, if you ...
0
votes
1answer
92 views

Maximising content vs. white space

I have read many existing questions covering the use of white space, but most are comparing white space with 'useless' frills, or simply cramming items in. My question is in reference to google docs ...
2
votes
1answer
165 views

White space and its use in production single page apps

The modern web design world is screaming "white space" more than ever, and for good reason. There are countless articles detailing how and why white space should be used. I specialize in heavy-use, ...
5
votes
5answers
905 views

Ideas on what to do with the white space available when hiding sections of a long form

I'm currently working on a new user registration page containing two sections - personal details and account details. The account details section must remain hidden until the personal details section ...
1
vote
2answers
727 views

Best approach for displaying content across a full screen UI design?

While I've become pretty accustomed to designing within responsive grids I wanted to take a stab at creating a full screen interface. One of the more challenging aspects in doing so is dealing with ...
12
votes
3answers
1k views

Is a middle dot (·) the best way to signify a space?

In our web application we try to give explicit instructions of what to do or to type if the user desires so. One of our tips looks like Click or type /r to respond. If /r followed by a space is typed ...
8
votes
3answers
1k views

Should forms be aligned left or center, if less than full page width?

Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
3
votes
2answers
12k views

What is a good way to fill in too much white space? [duplicate]

I have little design experience. Here is what my site looks like. Favicons and user images are added dynamically but the site looks sparse otherwise. How can I add content. I don't want to grab ...
20
votes
6answers
1k views

Does reducing white space improve or degrade the user experience?

As a web designer, I work on a lot of ecommerce websites. One piece of feedback that comes in time and time again, is to make vertical spacing smaller, not only to get more products above the fold, ...
30
votes
3answers
4k views

What to do when a page's content doesn't fill up enough of a fixed area?

An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area. Consider the mockup below, ...
2
votes
3answers
296 views

Should I leave white space inside accordion?

I'm building some web editor for charts and decided to group various independent chart options inside accordion. A question poped up about whitespace inside contents of some accordion panes. Basically ...
3
votes
3answers
1k views

Spacing of items inside a panel (WrapPanel)

Many sites and applications using WrapPanel to display your items. Items are queued from left to right and when there is no more space tend to skip to the next line. For Example: What is the best ...
5
votes
2answers
770 views

master/detail view blank state/detail view when nothing is selected

I have a following view/form: download bmml source – Wireframes created with Balsamiq Mockups Basically it is a form where I can fill out some information for a new record. When the user ...
7
votes
2answers
529 views

Is there a theory on white spaces alone, or is it a consequence of other psychological aspects?

I'm doing a presentation on User Experience to my fellow colleagues (IT consultants) and have a section on white spaces / white spacing. Seems like searching for relevant content is not possible when ...
6
votes
2answers
1k views

Why aren't iPhone text messages at full width?

Why aren't text messages viewed on the iPhone iOS displayed at full width? I can think of several reasons why it would make sense: Short messages won't have unnecessary line breaks, long text ...
4
votes
2answers
400 views

How little is too little padding between button text and its button border?

jQuery has a default amount of padding within their buttons, as seen here: jQuery UI - Button Demo. I think it looks nice, but my boss keeps telling me to kill the padding. Specifically, he said to ...
3
votes
2answers
286 views

White space vs. Information [duplicate]

Possible Duplicate: How can I defend and/or encourage white space as an effective design element? At the company where I work, every day, there are discussions about "how to fill the screen" in ...
14
votes
2answers
335 views

“Clutter” equation

When trying to find the optimal size and placement for an element, I can model the utility using Fitt's law. Of course, using this law by itself will just tell me that everything should be massive and ...
10
votes
4answers
667 views

How can I defend and/or encourage white space as an effective design element?

I am a big proponent of clean designs and effective utilization of white space but it seems every client, developer, seemingly everyone, tries to fill all the available space with "something". I can ...
10
votes
4answers
406 views

Does “ink is expensive” apply in a user interface context?

Edward Tufte in the book The Visual Display of Quantitative Information states, more or less, that ink is expensive. Any ink which is not used to actually convey information is chartjunk and it will ...
20
votes
7answers
23k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...