The way in which the elements of an interface are laid out.
5
votes
2answers
355 views
Handling images larger than viewport in carousel-based gallery
I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...
8
votes
6answers
465 views
Adding a tagline to a logo
I'm working on a website redesign. I have suggested that we should add a tagline to the logo to make clear what this page is all about.
The client argument is that most people already know what this ...
0
votes
3answers
263 views
How tall is too tall for a fixed header?
I recently incorporated a fixed header on my site and its very helpful in keeping the search and important links available at all time. But my concern is it might be a little tall. It's about 100px ...
2
votes
3answers
295 views
best way to represent horizontal reports?
i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
0
votes
3answers
170 views
Different approach for this layout
Here's my form layout.
Clicking the add school will add another form table at the bottom.
And I think the "Add School" button is too long..
How can I improve this..
5
votes
1answer
139 views
What is the optimal layout for a form with two respondents?
download bmml source – Wireframes created with Balsamiq Mockups
I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
2
votes
1answer
106 views
Is the label orientation on this product a message from the manufacturer?
I posted a question on the DIY SE site, and it was recommended that maybe a part of it would be better asked here.
Consider these two outlets:
The blue WR logo indicates that the outlet is ...
0
votes
1answer
67 views
Why are there different configurations on number pads? [duplicate]
Possible Duplicate:
Why do numpads on keyboards and phones have reversed layouts?
So, number pads are everywhere; on you phone, keyboard, calculator, and even smart phones given the right ...
16
votes
5answers
471 views
How is a cluttered layout quantified?
In the comments of a different question, I asserted that Visual Studio has a "cluttered" layout. A different user disagreed with my assertion, and it made me curious as to how to quantify a cluttered ...
2
votes
2answers
236 views
How to display wide table on the report
I have two datasets with 50 columns and 1-100 rows.
I need to display comparison of these two datasets in a report (standard letter).
So,
say my first dataset is as follows:
Name Price Qty ...
31
votes
9answers
2k views
Can ugly be good UX?
It's heresy I know, but look at DrudgeReport.com. It's raw, hand written HTML, it's plain, boring typography, it's something any UX or Graphic designer would scoff at if you handed it across their ...
6
votes
3answers
304 views
How to display a large user info in a small space?
I am currently taking a stab at a problem that - user needs to see all his info in the header. The problem is - as per current design the header is very small .How should I include the user name,dob, ...
0
votes
3answers
198 views
Button layout in outliner
I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item:
Prepend a new item (sibling) to ...
6
votes
3answers
233 views
Legal disclaimer on search page
I have a search screen I've created. I want the design to be very simplistic (google/amazon style) and I feel like I've achieved that.
The problem now is I've been asked to attach a visible ...
5
votes
1answer
462 views
Flow of Dynamic Grid
There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
1
vote
1answer
89 views
Optimum distance between fields (Textboxes etc) on mobile touch screens
What should be the optimal distance between fields such as Text boxes in mobile touch screens?
In order to avoid wrongly touching other fields.
download bmml source – Wireframes created ...
10
votes
5answers
852 views
Bylines at the top or bottom of an article? Or both?
Jakob Nielsen's latest Alertbox post recommends omitting bylines except in a few cases regarding credibility.
We've considered dropping bylines from the top of news articles to the bottom of articles ...
3
votes
5answers
482 views
Pagination - Placement of Navigation Control Relative to Search Results?
In a web application I am building, I will have a list of search results I am displaying to a user in a tabular format. I plan to page the results in smaller groups (10 for example) for performance ...
1
vote
4answers
242 views
What to include on an app's home page?
I'm creating my first Android application at work that shows state health rankings. It's very similar to this website: http://www.countyhealthrankings.org/. I have almost finished it, but I'm having ...
0
votes
0answers
583 views
Best wireframing user flow tools [closed]
What in the opinion of the community is the best Wire-framing tool out there. There are literally dozens of them so I wondering what the pro's use. I'm specifically looking form something that will ...
2
votes
4answers
204 views
Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?
I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
7
votes
2answers
392 views
How to best display a table of data with sub items?
We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
5
votes
3answers
284 views
How should I present landscape-orientation page thumbnails in a series of portrait-orientation thumbnails?
I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF.
The majority of their posters are ...
5
votes
2answers
219 views
Where can I find research on readability of web sites?
I am looking specifically for text alignment (e.g. left vs. full justification) and what size/width text sections ideally have.
7
votes
2answers
555 views
What is the optimal layout for a mobile search form with a large number of fields?
I'm working on the layout for a search form that has approximately 8-10 fields. At this point, the search form fills nearly the entire viewport. My research has turned up general strategies for large ...
12
votes
2answers
361 views
Where should the “Add to cart” button be placed in the product page?
I came across this awesome question on LinkedIn. The author has posted it across multiple UX groups (some open & some closed) so I'd like to preserve the best answers in one location.
Many ...
8
votes
10answers
619 views
How can I deal with too much blank space in a desktop application?
Usually people are concerned with too much data/interface, and not enough screen real estate, but I'm in the opposite situation.
The desktop application I'm working on has several tabs for entering ...
3
votes
1answer
206 views
Multi-pane code editor with preview: help me find a good compromise between usability and complexity
I am creating a simple web site/app for testing JavScript code in the browser, similar to jsbin.com, jsfiddle.net, and tinkerbin.com.
The usual approach is to have 3 code editors (for JS, CSS, and ...
2
votes
2answers
226 views
Responsive Layouts: Can they respond to *on-screen* keyboards? (i.e. Tablet / Mobile keyboards)
This question is fairly simple, though I'm not sure the technology exists yet. I'm building a responsive version of a website to be optimized for use with a tablet device. This is one challenge ...
2
votes
1answer
121 views
Wanted: terms and info for “display density” / “space conciousness” by Gmail
In gmail, the contents of the page is beautifully laid out with regards to how big the browser window is. There are three modes: Comfortable, Cozy, and Compact. There is a menu for switching manually, ...
13
votes
7answers
1k views
Ads, when the user has no internet connection
I have an Android app which, in free version, has an ad block at the top of the screen. Of course users can see ads only if they're connected to internet. If they are not connected they get the same ...
1
vote
1answer
215 views
Facebook Like button too intruding? [closed]
Does anybody feel the Facebook Like button is too intruding in ones UI? Like it doesn't fit in, like it's some cheap plastic thing?
Have anybody ever used JS or something to make any alternatives ...
1
vote
2answers
443 views
What is the recommended alignment layout for a horizontal menu bar on a web page?
I have a horizontal menu on the top of a web page (pretty common) and I was having a debate with a friend about the preferred and most logical layout of the menu items (centered or left)
He was ...
5
votes
2answers
131 views
How to place advertisements effectively, but not annoyingly
I was wondering the best way to place advertising on a website, so users don't feel like the advertising is forced upon them. It can often make a website unpleasant to be on (like quite a lot of u), ...
3
votes
1answer
271 views
Are there any guidelines for vertical layout and spacing?
The proliferation of grid systems have made it easy to determine the horizontal layout of a site - column widths and margins are just made to fit into the correct grid spacing.
But what about ...
40
votes
2answers
2k views
Why do numpads on keyboards and phones have reversed layouts?
I came across this on the web. It's supposed to be funny, but we all know better :)
So, why are the numpad layouts different, and what are the reasons behind each?
1
vote
2answers
237 views
Admin Layout - where to put the categories list?
See the Admin layout (wireframe) below.
Header - Logo and Logout Link
Main navigation - Orders, Members, Shops, etc.
Sub-Navigation - List of links that is related to Main navigation. Eg: If you ...
4
votes
4answers
340 views
how to make compact UI for lists
I'm making an app with 2 lists in the main screen, and the space allocated for the 2 lists are equal. So there will be only 5 items visible for each list.
I'm thinking of an improvement on making ...
6
votes
3answers
2k views
Best way to display more table columns than I have room for? [duplicate]
The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but ...
15
votes
5answers
457 views
Which is more likely to be read and processed: (related) text placed above or below an image/video?
I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
3
votes
2answers
164 views
Quick search on the left, or on the right of a home page?
Is there any benefit to having a 'quick search'* on the left of a home page, or, on the right or does it not really matter?
Given that people generally scan / read from left to right, it may be ...
11
votes
5answers
4k views
Should social sharing buttons be at the top or bottom of an article?
I can certainly see arguments for both sides of this one:
Buttons at the top: Easy to find, reliably positioned regardless of the article length. Extreme ease of sharing as you don't have to reach ...
4
votes
4answers
2k views
Designing an Advanced Search Control for iOS?
I'm working on iOS app and part of what I'm making is an advanced search interface. The default iOS search components allow for text entry and for a "scope bar". That is, a bar which allows you to ...
5
votes
3answers
1k views
How to organize a form with many fields?
Where I work, we have a system that has a screen with several fields. There are approximately 50 fields and all are important and should appear.
//edited in gimp :D
Any suggestions on how to ...
5
votes
1answer
104 views
Is it necessary to reorganize your entire layout to suit multilingual left-to-right languages?
I'm working on a flash project right now that is necessary to support 16 languages, from english to hebrew, and etc... My dilemma right now is whether or not it is necessary to flip my whole design to ...
4
votes
2answers
388 views
What are some reasons that not all websites have fluid layouts?
Recently, I was using Facebook and I resized it to 50% of my screen to look at something else.
What I saw was that most of the page was cut off.
What are some reasons for Facebook or any other major ...
4
votes
4answers
795 views
Fixed feedback tab on the left/right window border
What is your experience about using tabs/buttons that are fixed to the left or right on the browser window? (see an example to the right on this site) They are usually used for feedback forms or ...
3
votes
3answers
1k views
Responsive web design technique in desktop application?
What do you think about using responsive web design techniques in a desktop application?
We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
4
votes
4answers
975 views
Is Amazon's layout good or bad from a UX and conversion optimization POV? [closed]
I'm in the process of designing a theme for my company's online store that will (obviously) hopefully boost our conversion rate as much as possible.
It seems only logical when planning the theme to ...
0
votes
2answers
114 views
interface suggestions
I have a simple site I'm creating that basically just allows you to set your status as away or available. Super easy and very simple. However, I'm definitely not a UX person and I really struggle at ...
