Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.

learn more… | top users | synonyms (2)

15
votes
4answers
559 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
6
votes
1answer
247 views

How to achieve this layout in a responsive design?

I am currently, working on the below layout and I am finding it difficult to maintain alignment and layout. Below is the layout I want, in blue border.
4
votes
1answer
157 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
4
votes
3answers
263 views

Refresh button on a website

Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below? First I thought it's a good idea, but know I start to think it's not so ...
1
vote
1answer
1k views

any software or online service to draw web page layout sketch? [closed]

any software or online service to draw web page layout sketch? I want to construct a website , the first step is that I need to sketch a contents layout for every page . this job can be write done on ...
14
votes
4answers
269 views

Is it ok to force a user to reenter data instead of editing existing

Is it acceptable to force users to delete and recreate data they entered incorrectly or should they be provided with a way to edit every instance of that particular data? Use Case: The wireframe ...
4
votes
4answers
113 views

What would be a nice way to distinguish a user's items from other users' items?

I am working on a (web-based) application that shows a list of items. Each item belongs to a particular user. When a particular user logs into the application, they see a list of their items. When an ...
22
votes
6answers
812 views

Are increase and decrease arrows redundant on scrollbars?

Surely these days users are either using touch devices to scroll with gestures or are dragging the thumb of the scrollbar or clicking inside the track. Would it be a bad idea to remove the arrow ...
7
votes
5answers
2k views

Have the attitude changed the last ten years on horizontal scrolling on web sites?

Often cited usability guru Jakob Nielsen wrote the article “Top Ten Web-Design Mistakes in 2002” and placed on no 3 Horizontal Scrolling as a Web Design mistake with the motivation: Users hate ...
4
votes
1answer
88 views

Alternatives to failing a form to ask for additional input

I have a simple form that asks the user to enter details about an airplane he or she has flown: The form asks for the model of the aircraft (172, 182), it's registration (N-261GY) and its home ...
10
votes
5answers
330 views

Page updating: “full”, “notification” or “replacing”

What is the best user experience with the auto-updating pages - for example, a list of songs. Currently I'm thinking about three good possible solutions: "Full" update: when the new content appear ...
1
vote
1answer
82 views

integrating a social-network application into existing app from a UX point of view

We had a web app that acts as a travel portal for consumers - tours, hotels, attractions and so forth. It has recently been decided that a facebook-type platform be integrated as well. I am ...
7
votes
4answers
511 views

Responsive design on desktop

I am creating a responsive UI application for desktop, tablet and smartphone. And it looks and works fine. Most of the site has a responsive design like microsoft or nokia global. It also changes ...
5
votes
1answer
339 views

Dropdown issues on Mac

One of the websites that we've been working on has a dropdown with <select> having multiple <option>s. In our Windows PC, the dropdown show only a number of items while on the client's ...
16
votes
10answers
783 views

What to do when customers search for “Cheap” when you want to convey “Quality”?

An ecom client that I am working with has an interesting SEO challenge. They sell products that they want to convey quality and value; however, the #1 thing searched for on Google, Bing, and their ...
5
votes
5answers
225 views

How to handle history events from scolling and other in-page events

On a website that has several sections and subsections on one page, I was thinking about implementing scrolling to a new section as a new browser history event. The main reasoning for doing so is to ...
8
votes
5answers
724 views

Is a language switcher necessary on a web site's every page?

I'm working on a multilingual WordPress driven web site running the WPML plugin. WPML offers a language switcher widget which is pretty neat. However, the layout of the page I'm working on is very ...
8
votes
3answers
159 views

Is it possible to organize a web site based on roles for anonymous users?

In my development team we're gotten a question from our stakeholders to make a navigation based on user roles (Students, Teachers, Course Administrators). I feel that is quite complicated of a task, ...
2
votes
3answers
144 views

selecting 2 levels of information in one screen using search

I have to levels of information, for familiarity, let's name them hospitals and doctors. The user first searches for hospitals and somehow selects a list of them, and then for each hospital she ...
9
votes
3answers
281 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
7
votes
3answers
539 views

What are some advantages of left-aligning columns within the browser window?

Youtube and Google Plus have changed their layouts such that in a very wide browser window, the content columns are left-aliged, leaving a large white space on the right side. This is a change from ...
6
votes
4answers
517 views

How to avoid pagination when an items list is very large (Webapp)?

We have a web application for correcting automatically-detected mistakes in translation documents. Those are split into sentences and their amount can be up to hundred thousands (its not even closely ...
5
votes
3answers
953 views

large amount of data on a single page

I'm a member of a team developing a business application. Basically - it is all about data entry. There are people (thousands of them) sitting whole day and filling the form below over and over in ...
3
votes
1answer
114 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
6
votes
2answers
188 views

Measurement to use when designing for desktop and mobile

I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
5
votes
4answers
267 views

Is a short stay on Web Page always bad?

There are a lot of articles discussing the fact that users tend to leave a web page in a very short time. Anything from 10 to 30 seconds is what you can expect from a user - and that is generally bad. ...
10
votes
2answers
442 views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
1
vote
1answer
182 views

Good practice for entering multiple dates

I have a web application where the user can plan an event an set dates for this event. Generally speaking, what is a good interface for entering those dates? The requirements are: The date is a day ...
7
votes
3answers
363 views

Points to be kept in mind while writing a document to redesign a web application?

I want to redesign a website and write a document explaining my design approach and thought process. I have recreated the layout and explained my suggested changes. I have the content for the document ...
6
votes
2answers
436 views

Why is Facebook using two Form styles in their homepage?

I was under the impression that using two different styles for a form was not visually attracting and confusing for users. Yet a big internet player seems to bee using a different style for their ...
4
votes
5answers
464 views

Attractive website layout without a tile of thumbnails

I'm trying to figure out possible layout options for a website project. Its function closely resembles EnglishCentral. This website helps people practice spoken English through a series of videos with ...
20
votes
7answers
2k views

Should the order of add / edit / delete buttons be based on the frequency of their use?

In our application we have several places where users see a list of items and can add, edit or delete an item. For some of these lists adding new items is probably the most frequent used ...
5
votes
3answers
309 views

What is the most user-friendly way to update a Web site?

From time to time I need to bring down my website for maintenance, bug fixing, upgrading etc. I have seen that many sites just place the "Site is under maintenance, please visit later" sign on the ...
5
votes
5answers
350 views

What alternatives to calendars exist for inputing dates on websites?

Inputing dates is going through changes on the internet, and in web/user interface design as well. Currently, I'm implementing <input type="date">, as this provides excellent usability on mobile ...
4
votes
3answers
301 views

Where to redirect after successful login?

What is best practice to handle what happens to the user after the successfully login on a dedicated login page. Our current website has 2 possibilities. If the user was directed to the login page ...
4
votes
2answers
3k views

What are the ideal widths a website should be designed for on a phone/tablet/computer?

What are the ideal/typical widths that an adaptive/responsive website should be designed for in order to accomodate the most devices possible?
0
votes
2answers
1k views

Looking for enterprise web application design inspiration [closed]

I've checked many websites to be inspired about what the look and feel of a serious enterprise web-application should look like. But the whole I saw were designed for being used by single users and ...
3
votes
1answer
299 views

Grid text alignment rules

I was wondering if someone has come across rules used by web designers for text alignment in a grid. I was observing that majority of text is aligned towards left, but financial figures with ...
15
votes
6answers
666 views

How to measure phone number views without annoying the user?

I'm working on a website where we have customer pages on which we measure user interactions such as opening a booking form or posting a review. One of the interactions we want to measure is when the ...
7
votes
5answers
841 views

What are the advantages and disadvantages of “minimal” design?

E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
0
votes
1answer
100 views

Current recommendations: filesize of images and entire webpage?

What are the current recommendations for maximum file-sizes of inline img in websites? Is there an upper limit that the entire page shouldn't exceed if it is image-heavy? You often hear 0.5 MB ...
0
votes
1answer
84 views

Best “Cycle” for developing new products?

Given that everyone has their own "nitch" or style for developing new products/applications, I was wondering if there is an ideal cycle that most ux professionals like to follow? This could be ...
1
vote
1answer
205 views

Switching which side a sidebar is on

My boss insists on occasionally doing designs for our firm. The unfortunate part is he often does odd things. One such thing is that he likes to switch what side the sidebar is on dependent on the ...
3
votes
1answer
448 views

Metro Box Style Navigation

Train and Subway Information Design Metro style refers to boxing information so that it's easy to digest. Windows 8 uses this, although they failed to make it usable. Metro Style on the Web I ...
2
votes
3answers
206 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
3
votes
2answers
406 views

Is a popover a good way to present short pieces of information on a website?

I'm currently designing a website on which I have to include the obligatory legalese. So: copyright info, privacy policy etc. There's not a whole lot of text though, at best two paragraphs of text for ...
5
votes
1answer
1k views

What are some best practices for displaying an “unsupported browser”-warning in a web app?

We're building a web app, and the technology we're using will only allow users with relatively modern browsers (IE8 and up, plus most versions of other browsers) to even log in. We want to show an ...
2
votes
4answers
244 views

Grouping menu items

I've got an issue, with a menu on my website. The menu has 15 items, which are not simply navigation, but contains links to tools, settings aswell as regular navigational links. The website is a ...
2
votes
1answer
221 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
1
vote
2answers
220 views

CMS Pattern Book

I am working on redesigning a CMS and I am looking for some more possible patterns. Does anyone know some good books or websites where they discuss CMS UI Patterns?