The way in which the elements of an interface are laid out.
4
votes
3answers
139 views
Is there a word for left-to-right and top-to-bottom?
When I was learning about web design, and I remember similar things from art classes, people said that the eye sees things the most on an object which are in a line from the top-left to bottom-right ...
4
votes
3answers
454 views
hide vs disable and redistribute empty space
I have complex UI form dialog with ~12 tabs and want to decide what is best:
enable/disable (gray out) fields - classic convention
hide/show if not necessary - could be confusing + jumping GUI
hide ...
4
votes
2answers
161 views
Allow list box to expand to browser height?
I'm designing a web app that includes a list builder. I've proposed that the height of the list box containing the available items should grow depending upon the available browser height. However, I ...
4
votes
4answers
333 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 ...
4
votes
2answers
485 views
Android a lot of information on one screen - how to simplify?
I am new to Android development. I am working on application where Sql-lite is also involved, its a database application. The application is used on Android Tablets
In of the screen we have a lot of ...
4
votes
4answers
299 views
Should Website “Container” elements reach the bottom of the screen?
I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
4
votes
2answers
224 views
Advice on layout/presentation of information to user in web page
I'm developing a website that helps connect nightlife promotion companies with consumers. Each night life company hosts events and various venues and on various nights. I want to give users/consumers ...
4
votes
2answers
137 views
Improving a 'page layout' editor's user interface
Below you can see a screenshot of a web-based page layout editor.
It is basically a drag and drop WYSIWYG editor for interactive apps, and allows the user to use a page backdrop and add a "layer" of ...
4
votes
2answers
199 views
How can you show human element without showing pictures of people?
With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
4
votes
2answers
1k views
Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?
Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
4
votes
2answers
1k views
What are unique UI controls on Android?
Apart from regular UI controls like tabview and listview, are there any unique and attractive UI controls like Quick action bar, Action bar, or iOS spinner (Date and time selector) which are ...
4
votes
6answers
485 views
Layout suggestions for social media sharing page
I need to make a "Share This Site" page that offer all the regular social sharing mediums and send to a friend email option.
With
Facebook like
facebook share
ReTweet this
Digg
Buzz
delicious
email
...
4
votes
1answer
50 views
Best way to display support, contact, and preferences in Mac App
I'm trying to decide what the best way to display the following options to a user is:
Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook)
Support options (ex. in-app ...
4
votes
1answer
123 views
Alternatives to scrolling to display long text? [duplicate]
As you can see on the picture below, my text is displayed within a 'relatively small' DIV. Currently users have the possibility to scroll down within the DIV to read the full text but I don't really ...
4
votes
2answers
130 views
Scrollbar width in Component Vs. Containers (UX dilemma)
Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel?
And if not, will you apply a thinner ...
4
votes
2answers
141 views
Where to put a global “add item” button?
We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
4
votes
4answers
757 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 ...
4
votes
1answer
250 views
Best way to tell user either to select an existing entry or enter new entry
I am designing a web page for mobile devices as I have limited screen space.
The web page is used to select a store name from a list of stores (which the user entered earlier) or enters a new store ...
4
votes
2answers
103 views
How to better display metadata about a card?
A Card has the following metadata:
Information: Status (ready or not), Stage (one of nine)
Actions: Edit, View Statistics, Edit, Delete, Archive
I need to display both sides of the card on this ...
4
votes
2answers
119 views
Adding comments to a list of items, is there an elegant solution?
I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help.
I have a list of items (like a list of favorite movies) each item has buttons ...
4
votes
1answer
98 views
Does showing items in decreasing order of prices help in conversion
I was asked to show 4 items in a featured products list which would be below the hero image in the site.
The client recommended showing the most expensive items last suggesting that people might get ...
4
votes
3answers
375 views
How can I incorporate IAB advertising banner standards in a 960 grid layout?
When I try to prototype a website thinking in the IAB display advertising guidelines using a grid system (960gs - 10-60-10) the only banner that fits in a 3 column space it's the half banner (300x250) ...
4
votes
2answers
850 views
Good user interface for multiple checkbox selection and a dropdown list (View/Editable mode)
I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox ...
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 ...
4
votes
2answers
632 views
How to let the user add and edit items in a ComboBox? (WinForms)
In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items.
I want the design to be simplistic. This was my ...
3
votes
3answers
5k views
Optimal “fixed-width” website design?
RE: Design of 'fixed-width' websites, optimized for universal readability across all screen-size resolutions (i.e., best viewed, with no horizontal scrolling, over broadest range of both ...
3
votes
4answers
256 views
Why choose dark navbars?
Been reading about Google's new dark navbar over at ReadWrite. It's funny that ReadWrite, as well as StackExchange, has chosen a dark navbar as well.
Why this trend to choose dark navbars?
3
votes
3answers
390 views
Should I redesign my desktop application so it looks and acts like a website?
I'm in the process of redesigning one of my older desktop applications. The original design I did was based on a 640 X 480 screen. Times have changed and there several different screen resolutions ...
3
votes
3answers
117 views
How to organize multiple information popup areas over a table?
How might you best organize multiple popups over a table when both the table content and the popup content are equally important.
Scenario:
Tabulated data, for which the user may be interested in ...
3
votes
4answers
136 views
iPad full screen in landscape mode - which side to put on my controls panel?
I have an app which helps the user to design a full screen sized postcard. The result is exactly what the user sees on the screen.
Because a lot of users scan things in an F pattern, I assume that ...
3
votes
3answers
137 views
iPhone - Hiding/showing a common Carousel view
I have a Carousel view (horizontally aligned images, can be swiped left/right to switch images) above a Table view that displays some information.
Assuming I'd like to give the user the option to ...
3
votes
3answers
163 views
When to show a Selection Column in a data grid
I have a windows based desktop LOB application. In a multi step process a user is requested to select a SINGLE row on a datagrid. My question is? should or shouldnt I use a selection column to ...
3
votes
2answers
184 views
mobile first design - main navigation placement & considering desktop users too
I'm considering placement of the main navigation for a responsive site in a thin sidebar similar to the navigation on Twitter's iPad app, as seen on the left.
However with the icons and links ...
3
votes
2answers
117 views
What impacts the user's visual flow on geometrically non-traditional web layouts?
I'm interested in making pages that don't conform to the traditional layout of a rectangular grid, for example:
Using a grid of hexagons or triangles.
Placing the title in the center of the page ...
3
votes
2answers
71 views
Visually distinguish an index versus a single view
I think I'm having a hard time pulling this off because no one has yet done a good job of this.
Think of the home page of most blogs as the index, just a list of the latest blog posts.
When you ...
3
votes
2answers
128 views
Comment section overload?
I absolutely love Smashing Magazine for the brilliant articles and helpful advice. But one thing that I have noticed about their articles is that they keep all the comments on one page (same page as ...
3
votes
3answers
135 views
Dynamically Resize Pictures
I have a set of different sized images of products that I want to display on my web page with four to a row. The issue is that because they are different sizes, I don't know how to display them ...
3
votes
1answer
265 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 ...
3
votes
2answers
159 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 ...
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 ...
3
votes
1answer
271 views
Using mobile design elements for standard web pages?
I'm a big fan of minimalist design and really like the efficiency and layout of sites and apps designed for mobile devices (Tripit.com comes to mind). I often find myself trying to incorporate similar ...
3
votes
1answer
48 views
Using a column based layout for text content
Text typically falls into a single column on the majority of websites - the user reading down the page. The only scroll motion therefore is downward.
I've been experimenting recently with the CSS3 ...
3
votes
1answer
210 views
Android: Does it make sense to place action buttons in the Action bar in a settings app?
I'm currently playing with an Android layout for an app that is to be used to configure a remote (wireless connected) embedded controller. It configures a bunch of modes and related settings in the ...
3
votes
2answers
118 views
Displaying multiple large images at a time
I'm developing a desktop application which will show details of various types of aircraft. Previously, the application looked like this:
When the user mouses over the image in the top right, arrows ...
3
votes
4answers
344 views
Is it a bad practice to put the main web navigation on the upper right of the webpage?
My non UI savy client provides me with the webpage layout he wants via powerpoint. There's a header row on top. On the left is a logo image and then a line of text that is the company name. These are ...
3
votes
3answers
333 views
A Create/Edit Dialog with a Save/Cancel button makes sense but a Delete Dialog not
I am struggling with the design of my web application.
I am showing a dialog for my Create/Edit item views:
Thats fine so far for the Edit/Create view.
But how should the dialog look when the ...
3
votes
5answers
452 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 ...
3
votes
1answer
626 views
Where should I put a sub-menu on the screen?
This might seem like an odd question, but where should I put a sub-menu on the screen, assuming the main menu is horizontal - similar to the Questions/Tags/Users/Badges menu on this site.
The ...
3
votes
2answers
179 views
What knowledge about GUI standards/design a test analyst should have?
I am a software tester who works on a newly developing software product. Sometimes I feel the GUIs are not very user friendly but could not justify as I do not have enough facts/knowledge on GUI ...
3
votes
2answers
508 views
Alternative way to displaying unordered list items in 3 columns
I'm trying to find an alternative way of displaying 50 unordered list items in 2 or 3 column layout. I feel the pattern I've using looks quite "blah."
Sample layout:
Browse by Featured Topics
...
