Tag Info

Hot answers tagged

35

I think its just a case of a standard which was imposed due to the general resolution being a maximum of 1024 px wide earlier (now the common resolution is 1366 X 768) and designers preferring to have some space in their designs rather than stretching it all the way to 1024px. Also the fact that a smaller screen can be viewed perfectly on a large screen has ...


12

After a comment, I realised that I hadn't explained my position well enough, but only argued for a single facet of my opinion. Here is a fuller version. Executive summary There are cases where making a wide design can be beneficial, and a good designer will use these opportunities. But such conditions occur rarely. If they are not present, both a narrow ...


11

Here are some other resources: Opera TV Styleguide Interactive Television Design by BBC (this one is made for former IP-TV tech called MHP, but it goes into specific technical details of TV-Screens and how to design for it ie. typosize, screensize) Several rules can improve legibility on screen: Body text should not generally be smaller than 24 ...


9

I recommend checking the guidelines given by Google with regards to designing for Google TV. To quote them: When designing a web page for TV, the viewable area should display less information overall, and what's there should focus on a confined set of tasks (even consider performing their desired task automatically or select by default). Try to keep ...


7

We do, it's called Responsive Design: A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule. The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like ...


6

Microsoft's touch interaction guidelines for Metro apps (generally used on screens like those) vary from 5–9 mm square, depending on the tolerance you provide to undo accidental presses. Touch screens aren't all built alike, though; some are extremely precise and some are very poor with touch accuracy. As the panels increase in size to 17 inches and above ...


5

IMHO - Having it bare on the sides, called whitespace, allows the user to focus on the content. Too much can be too distracting. Also, I'm sure Gutenberg knew what he was doing when he designed the margins to the Golden ratio.


4

No matter how wide screens become, our eyes are only so far apart. Most sites have text to read, and reading text requires our visual focus. The problem we have is that our central vision has a limited area; basically it's the distance between the pupils, which is about two inches or so. This limitation has to with our evolution; we needed sharp central ...


3

It depends entirely on the application, of course. Many applications have always let you use the full width of your screen. Excel being a simple example. In terms of web sites, there's a lot of practical reasons: as you state, reading long lines of text can be problematic. just because people have a wide monitor, does not mean they have a wide browser in ...


3

A few pointers: Larger fonts, as TV sets are usually about 3m / 10feet away and resolution is usually 1920x1080 (smaller pixels) Bright text (not too bright) on dark background TVs are usually in living room which is not lighted as much as offices therefore an average color close to white is too bright for eyes Since TVs are further away, higher contrast ...


2

Note Fitts's Law is for pointing in two dimensional space by the way; tapping is a different action. Touch occurs in three dimensional space unlike dragging a mouse. There's lots of other stuff I could say about the differences, but the main thing is you shouldn't be trying to directly calculate it in most cases. Look to Fitts's Law as a rough guide, you ...


1

1) What's the best font size? As big as possible. The best way to test this would be to get details of the installation. Then print out screens, put them on the wall, and step back to the distance that most users would view it in person. 2) Is light text on a dark background easier to read from a short distance or is dark text on a light ...


1

What if you kill off the save button completely and switch to autosave instead? Do you have any inconsistencies then? You could have individual Reset buttons perhaps, which goes back to the state it was when the form was opened. Simply you start to save the first valid data, and update backend every 10 seconds or so, and make sure you save on close. ...


1

Save buttons, and other document related function are traditionally in the top left corner (not in the extreme, but left aligned with other buttons in a toolbar), and are above the content that it would be saving. On the web however, many users expect the save button underneath your content, especially if scrolling is involved. Benefits of Global Save ...



Only top voted, non community-wiki answers of a minimum length are eligible